/* ============================================================
   מאסטוב נדל"ן — מערכת עיצוב V2 "המצפן"
   כיוון: יוקרה קולנועית. ירוק יער עמוק, זהב מוברש, שנהב.
   טיפוגרפיה: Ploni (לייט → בלאק) — גדולה, בטוחה, נושמת.
   מוטיב: פסי הזהב האלכסוניים מהלוגו + קו מסע זהב.
   ============================================================ */

/* ---------- פונטים: Ploni ---------- */
@font-face { font-family: 'Ploni'; src: url('../fonts/ploni-light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Ploni'; src: url('../fonts/ploni-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Ploni'; src: url('../fonts/ploni-demibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Ploni'; src: url('../fonts/ploni-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Ploni'; src: url('../fonts/ploni-ultrabold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Ploni'; src: url('../fonts/ploni-black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }

/* ---------- משתנים ---------- */
:root {
	--green: #003C18;
	--green-deep: #052A14;
	--emerald: #04150B;
	--emerald-soft: #0A2415;
	--green-ink: #0B2416;
	--ink: #22312A;
	--muted: #5E6E63;
	--muted-light: #93A398;

	--gold: #C6A866;
	--gold-dark: #A88C51;
	--gold-light: #E4C57B;
	--gold-pale: #F0E3C4;
	--gold-grad: linear-gradient(115deg, #A88C51 0%, #C6A866 42%, #E4C57B 70%, #C6A866 100%);

	--paper: #F4F1E8;
	--ivory: #FBF9F3;
	--card: #FFFFFF;
	--line: #E3DCCB;
	--line-strong: #CEC4AB;
	--line-dark: rgba(228, 197, 123, 0.16);

	--danger: #A4372C;
	--ok: #1E5B38;

	--font: 'Ploni', 'Segoe UI', 'Arial Hebrew', Arial, sans-serif;
	--angle: -12deg;

	/* שפה ישרה — תואמת לגיאומטריית הלוגו (הוחלט 5.10) */
	--r-btn: 0px;
	--r-card: 0px;
	--r-media: 0px;
	--r-phone: 4px;

	--shadow-1: 0 1px 2px rgba(4, 21, 11, 0.05), 0 4px 12px -4px rgba(4, 21, 11, 0.08);
	--shadow-2: 0 2px 4px rgba(4, 21, 11, 0.05), 0 12px 32px -12px rgba(4, 21, 11, 0.18);
	--shadow-3: 0 2px 6px rgba(4, 21, 11, 0.06), 0 18px 44px -16px rgba(4, 21, 11, 0.26), 0 42px 96px -32px rgba(4, 21, 11, 0.3);
	--shadow-gold: 0 10px 42px -12px rgba(198, 168, 102, 0.45);

	--container: 1240px;
	--gutter: clamp(18px, 4vw, 36px);
	--section: clamp(72px, 10vw, 136px);
}

/* ---------- בסיס ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; }
body {
	margin: 0;
	font-family: var(--font);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.75;
	color: var(--ink);
	background: var(--paper);
	text-align: right;
	overflow-x: clip;
}
img, video { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4 { color: var(--green-ink); line-height: 1.15; margin: 0 0 0.45em; font-weight: 800; letter-spacing: -0.01em; }
h1 { font-size: clamp(2.6rem, 6vw, 4.6rem); font-weight: 900; }
h2 { font-size: clamp(1.9rem, 3.6vw, 2.9rem); }
h3 { font-size: 1.25rem; font-weight: 700; }
p { margin: 0 0 1em; }
a { color: var(--green); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--green-deep); }
ul, ol { padding-inline-start: 1.2em; }
:focus-visible { outline: 3px solid var(--gold-dark); outline-offset: 3px; border-radius: 3px; }

section[id], [id^="compass"], #plan { scroll-margin-top: 104px; }

.container { max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
.container--narrow { max-width: 860px; }

.visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; top: -70px; right: 16px; z-index: 300; background: var(--green); color: #fff; padding: 12px 20px; border-radius: 0 0 var(--r-btn) var(--r-btn); transition: top 0.2s; }
.skip-link:focus { top: 0; color: #fff; }

/* חשיפה בגלילה — מופעל רק עם JS ותנועה מותרת */
html.js-anim [data-reveal] { opacity: 0; transform: translateY(36px); }
html.js-anim [data-reveal="fade"] { transform: none; }

/* ---------- גליף פסים ---------- */
.stripes { display: inline-flex; gap: 6px; margin-bottom: 18px; }
.stripes i { width: 30px; height: 9px; background: var(--gold-grad); transform: skewX(var(--angle)); border-radius: 1px; }
.stripes i:nth-child(2) { translate: 0 5px; }
.stripes i:nth-child(3) { translate: 0 10px; }

/* תגית עילית לסקשן */
.kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	color: var(--gold-dark);
	margin-bottom: 14px;
	font-size: 1.02rem;
}
.kicker::before { content: ''; width: 34px; height: 3px; background: var(--gold-grad); border-radius: 2px; }

/* ---------- כפתורים ---------- */
.btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: var(--font);
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.1;
	padding: 16px 30px;
	border-radius: var(--r-btn);
	border: 1.5px solid transparent;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease, background-color 0.2s, color 0.2s, border-color 0.2s;
}
.btn--gold { color: #11210F; background: var(--gold-grad); box-shadow: var(--shadow-gold); }
.btn--gold::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.45) 50%, transparent 80%);
	transform: translateX(160%) skewX(-18deg);
	transition: transform 0.6s ease;
}
.btn--gold:hover { transform: translateY(-2px); color: #11210F; box-shadow: 0 16px 52px -12px rgba(198, 168, 102, 0.6); }
.btn--gold:hover::after { transform: translateX(-160%) skewX(-18deg); }
.btn--gold:active { transform: translateY(0); }
.btn--ghost { color: var(--green); border-color: rgba(0, 60, 24, 0.4); background: transparent; }
.btn--ghost:hover { background: var(--green); border-color: var(--green); color: #fff; transform: translateY(-2px); }
.btn--light { color: #F6F2E7; border-color: rgba(246, 242, 231, 0.5); background: rgba(246, 242, 231, 0.06); }
.btn--light:hover { background: #F6F2E7; color: var(--emerald); transform: translateY(-2px); }
.btn--lg { padding: 19px 38px; font-size: 1.14rem; }
.btn svg { flex: none; }

/* ---------- כותרת עליונה ---------- */
.site-header {
	position: fixed;
	top: 0; right: 0; left: 0;
	z-index: 100;
	transition: background-color 0.35s ease, box-shadow 0.35s ease, border-color 0.35s;
	border-bottom: 1px solid transparent;
}
.site-header__row { display: flex; align-items: center; gap: 26px; min-height: 92px; }
.site-logo { display: block; position: relative; }
.site-logo img { width: 86px; height: auto; transition: opacity 0.3s ease; }
.site-logo .logo-light { position: absolute; inset: 0; opacity: 1; }
.site-logo .logo-dark { opacity: 0; }

.site-header.is-solid { background: rgba(251, 249, 243, 0.96); box-shadow: var(--shadow-1); border-color: var(--line); }
.site-header.is-solid .logo-light { opacity: 0; }
.site-header.is-solid .logo-dark { opacity: 1; }

.site-nav { margin-inline-start: auto; }
.site-nav__list { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.site-nav__list a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.02rem;
	color: #F3EFE4;
	border-radius: 10px;
	white-space: nowrap;
	transition: color 0.25s, background-color 0.25s;
}
.site-nav__list a:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
.site-header.is-solid .site-nav__list a { color: var(--green-ink); }
.site-header.is-solid .site-nav__list a:hover { background: rgba(0, 60, 24, 0.08); color: var(--green); }
.site-nav__list .current-menu-item > a, .site-nav__list .current-menu-ancestor > a { color: var(--gold-light); }
.site-header.is-solid .site-nav__list .current-menu-item > a,
.site-header.is-solid .site-nav__list .current-menu-ancestor > a { color: var(--green); font-weight: 800; }

/* תפריט נפתח */
.site-nav .menu-item-has-children { position: relative; }
.site-nav .menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	margin-inline-start: 8px;
	width: 7px; height: 7px;
	border-left: 1.8px solid currentColor;
	border-bottom: 1.8px solid currentColor;
	transform: rotate(-45deg) translateY(-2px);
}
.site-nav .sub-menu {
	position: absolute;
	top: calc(100% + 6px);
	inset-inline-start: 0;
	min-width: 280px;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: var(--shadow-3);
	list-style: none;
	padding: 10px;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	translate: 0 10px;
	transition: opacity 0.22s ease, translate 0.22s ease, visibility 0.22s;
}
.site-nav .menu-item-has-children:hover > .sub-menu,
.site-nav .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; translate: 0 0; }
.site-nav .sub-menu a { color: var(--green-ink) !important; padding: 11px 16px; font-weight: 600; }
.site-nav .sub-menu a:hover { background: var(--paper) !important; color: var(--green) !important; }

.site-header__actions { display: flex; align-items: center; gap: 18px; }
.header-call { display: none; }
.header-phone {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-weight: 700;
	font-size: 1.04rem;
	color: #F3EFE4;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.25s;
}
.header-phone svg { color: var(--gold-light); }
.header-phone:hover { color: var(--gold-light); }
.site-header.is-solid .header-phone, body:not(.home) .site-header .header-phone { color: var(--green-ink); }
.site-header.is-solid .header-phone svg, body:not(.home) .site-header .header-phone svg { color: var(--gold-dark); }
.site-header.is-solid .header-phone:hover, body:not(.home) .site-header .header-phone:hover { color: var(--green); }
.btn--header { padding: 13px 24px; font-size: 1rem; }
.nav-toggle { display: none; background: none; border: 0; padding: 8px; cursor: pointer; z-index: 150; }
.nav-toggle span { display: block; width: 22px; height: 2.2px; background: #F3EFE4; margin: 4.5px 0; border-radius: 2px; transition: transform 0.28s, opacity 0.2s, background-color 0.3s; }
.site-header.is-solid .nav-toggle span { background: var(--green-ink); }
.site-header .nav-toggle.is-open span, body:not(.home) .site-header .nav-toggle.is-open span { background: #F6F2E7; }
.nav-toggle.is-open span:nth-child(1) { transform: translateY(6.7px) rotate(45deg); }
.nav-toggle.is-open span:nth-child(2) { opacity: 0; }
.nav-toggle.is-open span:nth-child(3) { transform: translateY(-6.7px) rotate(-45deg); }

/* כשאין hero (עמודים פנימיים) — הכותרת תמיד מלאה */
body:not(.home) .site-header { position: sticky; background: rgba(251, 249, 243, 0.97); box-shadow: var(--shadow-1); border-color: var(--line); }
body:not(.home) .site-header .logo-light { opacity: 0; }
body:not(.home) .site-header .logo-dark { opacity: 1; }
body:not(.home) .site-header .site-nav__list a { color: var(--green-ink); }
body:not(.home) .site-header .site-nav__list a:hover { background: rgba(0, 60, 24, 0.08); }
body:not(.home) .site-header .nav-toggle span { background: var(--green-ink); }

/* ---------- HERO קולנועי ---------- */
.hero {
	position: relative;
	min-height: 100svh;
	display: flex;
	align-items: flex-end;
	isolation: isolate;
	background: var(--emerald);
	overflow: hidden;
}
.hero__bg, .hero__bg img, .hero__video { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero__bg img { object-fit: cover; object-position: 60% 30%; }
.hero__video { object-fit: cover; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
	.hero__video { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
	.hero__bg img { animation: kenburns 26s ease-out both; }
	@keyframes kenburns { from { transform: scale(1.12); } to { transform: scale(1.0); } }
}
.hero__bg::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(to top, rgba(4, 21, 11, 0.94) 4%, rgba(4, 21, 11, 0.45) 42%, rgba(4, 21, 11, 0.3) 70%, rgba(4, 21, 11, 0.55) 100%),
		radial-gradient(90rem 50rem at 88% 78%, rgba(4, 21, 11, 0.5), transparent 55%);
}
.hero__content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-block: clamp(120px, 16vh, 180px) clamp(64px, 10vh, 110px);
}
.hero__brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-weight: 700;
	font-size: 1.05rem;
	letter-spacing: 0.06em;
	color: var(--gold-light);
	margin-bottom: 22px;
}
.hero__brand::before { content: ''; width: 44px; height: 3px; background: var(--gold-grad); border-radius: 2px; }
.hero__title {
	color: #FDFBF5;
	font-size: clamp(2.6rem, 5.6vw, 4.7rem);
	font-weight: 900;
	line-height: 1.04;
	letter-spacing: -0.015em;
	margin-bottom: 26px;
	max-width: 16em;
	text-wrap: balance;
}
.hero__title em { font-style: normal; color: transparent; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; }
.hero__line { display: block; overflow: hidden; }
.hero__line > span { display: inline-block; will-change: transform; }

/* פס התקדמות קריאה */
.scroll-progress {
	position: fixed;
	top: 0; right: 0; left: 0;
	height: 3px;
	z-index: 140;
	background: var(--gold-grad);
	transform-origin: right;
	transform: scaleX(0);
	pointer-events: none;
}
.hero__sub {
	font-size: clamp(1.1rem, 1.8vw, 1.38rem);
	font-weight: 300;
	line-height: 1.65;
	color: rgba(243, 239, 228, 0.92);
	max-width: 33em;
	margin-bottom: 38px;
}
.hero__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 10px; }
.hero__trust {
	font-size: 0.95rem;
	color: rgba(243, 239, 228, 0.72);
	max-width: 40em;
	margin: 14px 0 0;
}
.hero__rating {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 22px;
	padding: 11px 20px;
	border-radius: 999px;
	background: rgba(4, 21, 11, 0.55);
	border: 1px solid rgba(228, 197, 123, 0.4);
	color: rgba(243, 239, 228, 0.92);
	text-decoration: none;
	font-size: 1rem;
	transition: border-color 0.2s, transform 0.2s, background-color 0.2s;
}
.hero__rating:hover { border-color: var(--gold-light); background: rgba(4, 21, 11, 0.75); color: #fff; transform: translateY(-2px); }
.hero__rating-stars { color: var(--gold-light); letter-spacing: 0.16em; font-size: 0.88rem; }
.hero__rating strong { font-weight: 800; color: var(--gold-light); }
.hero__scroll {
	position: absolute;
	bottom: 26px;
	inset-inline-start: 50%;
	translate: -50% 0;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 44px; height: 64px;
	color: rgba(243, 239, 228, 0.75);
	text-decoration: none;
}
[dir="rtl"] .hero__scroll { translate: 50% 0; }
.hero__scroll svg { animation: scroll-bob 2.2s ease-in-out infinite; }
@keyframes scroll-bob { 0%, 100% { transform: translateY(0); opacity: 0.7; } 50% { transform: translateY(10px); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .hero__scroll svg { animation: none; } }

/* ---------- רצועת ערכים נעה (marquee) ---------- */
.marquee {
	background: var(--green);
	border-block: 1px solid rgba(228, 197, 123, 0.25);
	overflow: hidden;
	padding-block: 18px;
}
.marquee__track { display: flex; width: max-content; gap: 0; }
@media (prefers-reduced-motion: no-preference) {
	.marquee__track { animation: marquee 32s linear infinite; }
	@keyframes marquee { to { transform: translateX(50%); } }
}
.marquee__group { display: flex; align-items: center; flex: none; }
.marquee__group span {
	display: inline-flex;
	align-items: center;
	gap: 30px;
	padding-inline: 30px;
	font-size: 1.4rem;
	font-weight: 800;
	color: var(--gold-pale);
	white-space: nowrap;
}
.marquee__group span.is-outline { color: transparent; -webkit-text-stroke: 1.2px rgba(240, 227, 196, 0.7); }
.marquee__group span::after { content: '✦'; color: var(--gold); font-size: 0.8em; }

/* ---------- סקשנים ---------- */
.section { padding-block: var(--section); position: relative; }
.section--ivory { background: var(--ivory); }
.section--dark { background: var(--emerald); color: rgba(243, 239, 228, 0.9); }
.section--dark h2, .section--dark h3 { color: #FBF8F0; }
.section-head { max-width: 760px; margin-bottom: clamp(34px, 5vw, 60px); }
.section-head > p { color: var(--muted); font-size: 1.14rem; font-weight: 300; }
.section--dark .section-head > p { color: var(--muted-light); }
.section-head--center { margin-inline: auto; text-align: center; }
.section-head--center .kicker { justify-content: center; }
.section-foot { margin-top: 44px; }
.section-foot--center { text-align: center; }

/* ---------- Split ---------- */
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.split--start { align-items: start; }
.split__media { position: relative; margin: 0; }
.split__media img { border-radius: var(--r-media); width: 100%; object-fit: cover; box-shadow: var(--shadow-3); }
.split__media::before {
	content: '';
	position: absolute;
	inset: auto -16px -16px auto;
	width: 56%; height: 56%;
	border: 2px solid var(--gold);
	border-radius: var(--r-media);
	z-index: -1;
	opacity: 0.55;
}
.split__text h2 { margin-bottom: 0.55em; }
.split__text > p { color: var(--muted); font-size: 1.08rem; }

/* ---------- רשימת נושאים ---------- */
.plan-topics { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.plan-topics li {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 18px;
	align-items: start;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	padding: 22px 24px;
	box-shadow: var(--shadow-1);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s;
}
.plan-topics li:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); border-color: var(--gold); }
.plan-topics .pt-icon {
	width: 52px; height: 52px;
	display: grid;
	place-items: center;
	border-radius: 14px;
	background: linear-gradient(140deg, rgba(198, 168, 102, 0.16), rgba(198, 168, 102, 0.05));
	color: var(--gold-dark);
	border: 1px solid rgba(198, 168, 102, 0.35);
}
.plan-topics strong { display: block; color: var(--green-ink); font-size: 1.12rem; font-weight: 700; }
.plan-topics span.pt-text { color: var(--muted); font-size: 1rem; }

/* ---------- בנטו שירותים ---------- */
.bento {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: minmax(210px, auto);
	gap: 22px;
}
.bento__card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	padding: 30px;
	text-decoration: none;
	color: var(--ink);
	overflow: hidden;
	box-shadow: var(--shadow-1);
	transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.3s ease, border-color 0.3s;
}
.bento__card:hover { transform: translateY(-5px); box-shadow: var(--shadow-3); border-color: rgba(198, 168, 102, 0.6); }
/* זרקור עוקב-עכבר */
.bento__card::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
	background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(228, 197, 123, 0.16), transparent 70%);
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}
.bento__card:hover::after { opacity: 1; }
.bento__card--feature::after { background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), rgba(228, 197, 123, 0.2), transparent 70%); }
.bento__card--feature { grid-row: span 2; justify-content: flex-end; color: #F6F2E7; border: 0; }
.bento__card--feature .bento__img, .bento__card--feature .bento__img img { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
.bento__card--feature .bento__img img { object-fit: cover; transition: transform 0.7s ease; }
.bento__card--feature:hover .bento__img img { transform: scale(1.05); }
.bento__card--feature .bento__img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(4, 21, 11, 0.97) 18%, rgba(4, 21, 11, 0.82) 42%, rgba(4, 21, 11, 0.38) 68%, rgba(4, 21, 11, 0.12) 100%); }
.bento__card--feature h3, .bento__card--feature p { text-shadow: 0 1px 10px rgba(4, 21, 11, 0.5); }
.bento__card--feature p { color: rgba(247, 243, 232, 0.95); }
.bento__card--feature > * { position: relative; }
.bento__card--feature h3 { color: #FBF8F0; font-size: 1.6rem; }
.bento__card--feature p { color: rgba(243, 239, 228, 0.85); }
.bento__icon {
	width: 54px; height: 54px;
	display: grid;
	place-items: center;
	margin-bottom: auto;
	border-radius: 15px;
	background: linear-gradient(140deg, rgba(198, 168, 102, 0.16), rgba(198, 168, 102, 0.04));
	border: 1px solid rgba(198, 168, 102, 0.4);
	color: var(--gold-dark);
}
.bento__card--feature .bento__icon { background: rgba(4, 21, 11, 0.35); color: var(--gold-light); }
.bento__card h3 { margin-top: 20px; margin-bottom: 0.35em; }
.bento__card p { color: var(--muted); font-size: 1rem; margin-bottom: 14px; }
.bento__more { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--gold-dark); }
.bento__more svg { transition: transform 0.25s ease; }
.bento__card:hover .bento__more svg { transform: translateX(-5px); }
.bento__card--feature .bento__more { color: var(--gold-light); }
.bento__card--method { background: linear-gradient(140deg, var(--green-deep), var(--green) 80%); border: 0; }
.bento__card--method h3 { color: #FBF8F0; }
.bento__card--method p { color: rgba(243, 239, 228, 0.8); }
.bento__card--method .bento__icon { background: rgba(228, 197, 123, 0.12); color: var(--gold-light); border-color: rgba(228, 197, 123, 0.4); }
.bento__card--method .bento__more { color: var(--gold-light); }

/* ---------- מודל המצפן — מסע ---------- */
.compass { position: relative; }
.compass__line {
	position: absolute;
	top: 0; bottom: 0;
	inset-inline-start: 50%;
	width: 3px;
	translate: -50% 0;
	background: rgba(198, 168, 102, 0.18);
	border-radius: 3px;
}
[dir="rtl"] .compass__line { translate: 50% 0; }
.compass__progress { position: absolute; top: 0; right: 0; left: 0; height: 100%; background: var(--gold-grad); border-radius: 3px; transform-origin: top; transform: scaleY(0); }
html:not(.js-anim) .compass__progress { transform: none; }
.compass__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(28px, 4vw, 44px); }
.compass__step {
	position: relative;
	width: calc(50% - 52px);
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	padding: 28px 30px;
	box-shadow: var(--shadow-2);
}
.compass__step:nth-child(odd) { margin-inline-start: 0; }
.compass__step:nth-child(even) { margin-inline-start: auto; }
.compass__num {
	position: absolute;
	top: 26px;
	width: 52px; height: 52px;
	display: grid;
	place-items: center;
	font-size: 1.25rem;
	font-weight: 900;
	color: #11210F;
	background: var(--gold-grad);
	border-radius: 50%;
	border: 4px solid var(--paper);
	box-shadow: var(--shadow-gold);
}
.compass__step:nth-child(odd) .compass__num { inset-inline-end: -78px; }
.compass__step:nth-child(even) .compass__num { inset-inline-start: -78px; }
.compass__step h3 { font-size: 1.3rem; margin-bottom: 0.3em; }
.compass__step p { color: var(--muted); margin: 0; font-size: 1.02rem; }

/* ---------- רילס ---------- */
.reels { padding-block: var(--section); background: var(--emerald); position: relative; overflow: hidden; }
.reels::before {
	content: '';
	position: absolute;
	top: -200px; inset-inline-start: -150px;
	width: 560px; height: 560px;
	background: radial-gradient(circle, rgba(198, 168, 102, 0.14), transparent 65%);
	pointer-events: none;
}
.reels .section-head h2 { color: #FBF8F0; }
.reels .section-head p { color: var(--muted-light); }
.reels__wrap { position: relative; }
.reels__scroller {
	display: flex;
	gap: 22px;
	overflow-x: auto;
	padding: 10px 4px 24px;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.reels__scroller::-webkit-scrollbar { display: none; }
.reels__controls {
	display: flex;
	justify-content: flex-end;
	gap: 26px;
	margin-bottom: 14px;
	padding-inline: 4px;
}
.reels__nav {
	display: grid;
	place-items: center;
	background: none;
	border: 0;
	padding: 4px;
	color: var(--gold-light);
	cursor: pointer;
	transition: color 0.2s, opacity 0.25s, transform 0.2s;
}
.reels__nav:hover { color: #fff; transform: translateY(-2px); }
.reels__nav[disabled] { opacity: 0.25; pointer-events: none; }
.reel-card { position: relative; flex: 0 0 258px; margin: 0; scroll-snap-align: start; }
.reel-card video {
	width: 258px;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	border-radius: var(--r-phone);
	border: 1px solid rgba(228, 197, 123, 0.35);
	background: #000;
	box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.65), 0 0 0 6px rgba(255, 255, 255, 0.03);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.reel-card:hover video { transform: translateY(-6px); box-shadow: 0 32px 72px -24px rgba(0, 0, 0, 0.7), 0 0 44px -8px rgba(198, 168, 102, 0.35); }
.reel-card--center { max-width: 340px; margin-inline: auto; }
.reel-card--center video { width: 100%; }
.reel-card__play {
	position: absolute;
	top: calc(50% - 34px);
	inset-inline-start: calc(50% - 34px);
	width: 68px; height: 68px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: var(--gold-grad);
	color: #11210F;
	cursor: pointer;
	box-shadow: var(--shadow-gold);
	transition: transform 0.2s ease;
}
.reel-card__play svg { margin-inline-start: -3px; transform: scaleX(-1); }
.reel-card__play:hover { transform: scale(1.1); }
.reel-card.is-playing .reel-card__play { display: none; }
.reel-card figcaption { margin-top: 14px; font-size: 0.98rem; font-weight: 600; color: rgba(243, 239, 228, 0.85); text-align: center; }

/* ---------- פרויקטים — מצב הזמנה ---------- */
.projects-invite {
	position: relative;
	border-radius: var(--r-media);
	background:
		linear-gradient(115deg, rgba(4, 21, 11, 0.93) 32%, rgba(3, 32, 15, 0.78) 68%, rgba(4, 21, 11, 0.55)),
		url('../img/skyline.jpg') center 65% / cover no-repeat;
	color: rgba(243, 239, 228, 0.92);
	padding: clamp(36px, 6vw, 64px);
	overflow: hidden;
	box-shadow: var(--shadow-3);
}
.projects-invite::after {
	content: '';
	position: absolute;
	inset-inline-end: -60px;
	top: -60px;
	width: 300px; height: 300px;
	background:
		linear-gradient(135deg, rgba(198, 168, 102, 0.5), rgba(228, 197, 123, 0.2)) 0 0 / 100% 26px no-repeat,
		linear-gradient(135deg, rgba(198, 168, 102, 0.35), rgba(228, 197, 123, 0.12)) 30px 60px / calc(100% - 30px) 26px no-repeat,
		linear-gradient(135deg, rgba(198, 168, 102, 0.22), rgba(228, 197, 123, 0.08)) 60px 120px / calc(100% - 60px) 26px no-repeat;
	transform: rotate(var(--angle));
	pointer-events: none;
}
.projects-invite h2, .projects-invite h3 { color: #FBF8F0; }
.projects-invite p { color: rgba(243, 239, 228, 0.82); max-width: 44em; font-size: 1.1rem; }
.projects-invite .btn { margin-top: 10px; }
.projects-invite--page { text-align: center; }
.projects-invite--page p { margin-inline: auto; }

/* ---------- כרטיסים כלליים ---------- */
.cards { display: grid; gap: 22px; }
.cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card {
	display: flex;
	flex-direction: column;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	padding: 30px 28px 26px;
	text-decoration: none;
	color: var(--ink);
	box-shadow: var(--shadow-1);
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s;
}
a.card:hover { border-color: rgba(198, 168, 102, 0.6); transform: translateY(-5px); box-shadow: var(--shadow-2); }
.card h2, .card h3 { margin-bottom: 0.4em; }
.card p { color: var(--muted); font-size: 1rem; flex-grow: 1; }
.card__more { margin-top: 16px; font-weight: 700; color: var(--gold-dark); }
a.card:hover .card__more { color: var(--green); }
.card--flat { background: var(--ivory); box-shadow: none; }
.card--project img { border-radius: 12px; margin-bottom: 18px; aspect-ratio: 3 / 2; object-fit: cover; }
.card .card__thumb { border-radius: 12px; margin-bottom: 20px; aspect-ratio: 16 / 9; width: 100%; object-fit: cover; }

/* ---------- ביקורות ---------- */
.review-hero {
	max-width: 900px;
	margin: 0 auto clamp(40px, 6vw, 64px);
	text-align: center;
}
.review-hero__stars { color: var(--gold); font-size: 1.6rem; letter-spacing: 0.3em; margin-bottom: 18px; }
.review-hero blockquote {
	margin: 0 0 22px;
	font-size: clamp(1.4rem, 2.6vw, 2.1rem);
	font-weight: 600;
	line-height: 1.45;
	color: var(--green-ink);
	text-wrap: balance;
}
.review-hero figcaption { color: var(--muted); font-size: 1.02rem; }
.review-hero cite { font-style: normal; font-weight: 700; color: var(--green-ink); }
.reviews { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.reviews--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.reviews-meta { display: inline-flex; align-items: center; gap: 10px; color: var(--gold-dark); font-weight: 700; }
.review {
	margin: 0;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	padding: 28px 26px;
	display: flex;
	flex-direction: column;
	box-shadow: var(--shadow-1);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.review:hover { transform: translateY(-4px); box-shadow: var(--shadow-2); }
.review::before { content: '★★★★★'; color: var(--gold); letter-spacing: 0.22em; margin-bottom: 14px; font-size: 1rem; }
.review p { flex-grow: 1; font-size: 1.02rem; }
.review footer { border-top: 1px solid var(--line); padding-top: 14px; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.review cite { font-style: normal; font-weight: 700; color: var(--green-ink); }
.review footer span { font-size: 0.88rem; color: var(--muted); }

/* ---------- וידאו רחב ---------- */
.feature-video { position: relative; border-radius: var(--r-media); overflow: hidden; box-shadow: var(--shadow-3); }
.feature-video video { width: 100%; display: block; }

/* ---------- שאלות נפוצות ---------- */
.faq { display: grid; gap: 14px; }
.faq__item { background: var(--card); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-1); transition: border-color 0.25s; }
.faq__item[open] { border-color: rgba(198, 168, 102, 0.55); }
.faq__item summary {
	list-style: none;
	cursor: pointer;
	padding: 21px 26px;
	font-weight: 700;
	font-size: 1.08rem;
	color: var(--green-ink);
	position: relative;
	padding-inline-end: 58px;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
	content: '';
	position: absolute;
	inset-inline-end: 26px;
	top: calc(50% - 6px);
	width: 11px; height: 11px;
	border-left: 2.2px solid var(--gold-dark);
	border-bottom: 2.2px solid var(--gold-dark);
	transform: rotate(-45deg);
	transition: transform 0.25s;
}
.faq__item[open] summary::after { transform: rotate(135deg); }
.faq__item p { padding: 0 26px 22px; margin: 0; color: var(--ink); }
@media (prefers-reduced-motion: no-preference) {
	.faq__item[open] p { animation: faq-in 0.35s ease both; }
	@keyframes faq-in { from { opacity: 0; translate: 0 -8px; } to { opacity: 1; translate: 0 0; } }
}

/* ---------- עמוד 404 ---------- */
.notfound {
	min-height: 70vh;
	display: grid;
	place-items: center;
	text-align: center;
	padding-block: clamp(120px, 20vh, 200px) 80px;
	background:
		radial-gradient(60rem 30rem at 50% 0%, rgba(198, 168, 102, 0.1), transparent 60%),
		var(--paper);
}
.notfound .stripes { justify-content: center; }
.notfound h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); }
.notfound p { color: var(--muted); font-size: 1.15rem; max-width: 34em; margin-inline: auto; }
.notfound__actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 30px; }
.faq-note { margin-top: 30px; color: var(--muted); }

/* ---------- רצועת CTA וטפסים ---------- */
.cta-band {
	position: relative;
	background: var(--emerald);
	color: #EDE8DA;
	padding-block: var(--section);
	overflow: hidden;
}
.cta-band::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(70rem 36rem at 12% 0%, rgba(198, 168, 102, 0.16), transparent 60%),
		radial-gradient(50rem 30rem at 95% 100%, rgba(0, 60, 24, 0.55), transparent 65%);
	pointer-events: none;
}
.cta-band__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 84px); align-items: center; }
.cta-band h2 { color: #FBF8F0; font-size: clamp(2rem, 3.6vw, 3rem); }
.cta-band__intro > p { color: rgba(237, 232, 218, 0.85); max-width: 34em; font-size: 1.14rem; font-weight: 300; }
.cta-band__alt { margin-top: 26px; font-size: 1.04rem; }
.cta-band__alt a { color: var(--gold-light); font-weight: 700; }
.cta-band__form {
	position: relative;
	background: rgba(251, 249, 243, 0.98);
	border-radius: var(--r-media);
	padding: clamp(26px, 3.4vw, 42px);
	box-shadow: var(--shadow-3);
}
.cta-band__form::before {
	content: '';
	position: absolute;
	inset: -1px;
	border-radius: calc(var(--r-media) + 1px);
	padding: 1px;
	background: linear-gradient(140deg, rgba(228, 197, 123, 0.8), rgba(198, 168, 102, 0.1) 40%, rgba(228, 197, 123, 0.5));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.lead-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lead-form__field { margin-bottom: 16px; }
.lead-form__field label { display: block; font-weight: 700; font-size: 0.98rem; color: var(--green-ink); margin-bottom: 7px; }
.lead-form__field .req { color: var(--gold-dark); }
.lead-form__field input, .lead-form__field select, .lead-form__field textarea {
	width: 100%;
	font-family: var(--font);
	font-size: 1.04rem;
	color: var(--ink);
	background: #fff;
	border: 1.5px solid var(--line-strong);
	border-radius: 12px;
	padding: 14px 16px;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.lead-form__field input:focus, .lead-form__field select:focus { outline: none; border-color: var(--green); box-shadow: 0 0 0 4px rgba(0, 60, 24, 0.1); }
.lead-form__optin label { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; font-size: 0.95rem; color: var(--muted); cursor: pointer; }
.lead-form__optin input { width: auto; margin-top: 5px; accent-color: var(--green); }
.lead-form__consent { font-size: 0.88rem; color: var(--muted); }
.lead-form__submit { margin: 6px 0 0; }
.lead-form__submit .btn { width: 100%; }
.lead-form__hp { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
.lead-form__status { min-height: 1.4em; font-weight: 700; margin: 14px 0 0; }
.lead-form__status.is-ok { color: var(--ok); }
.lead-form__status.is-error { color: var(--danger); }
.lead-form.is-sending { opacity: 0.6; pointer-events: none; }

/* ---------- כותרת עמוד פנימי ---------- */
.page-head {
	position: relative;
	isolation: isolate;
	background:
		linear-gradient(95deg, rgba(4, 21, 11, 0.97) 28%, rgba(4, 21, 11, 0.85) 55%, rgba(4, 33, 17, 0.55) 100%),
		url('../img/skyline.jpg') center 72% / cover no-repeat;
	color: rgba(243, 239, 228, 0.9);
	padding-block: clamp(140px, 18vh, 185px) clamp(48px, 7vw, 84px);
	overflow: hidden;
}
.page-head::before {
	content: '';
	position: absolute;
	bottom: 0; right: 0; left: 0;
	height: 3px;
	background: var(--gold-grad);
	z-index: 2;
}
.page-head::after {
	content: '';
	position: absolute;
	left: clamp(-40px, 3vw, 90px);
	bottom: -50px;
	width: 360px; height: 360px;
	background: url('../img/mark.png') center / contain no-repeat;
	opacity: 0.09;
	pointer-events: none;
}
.page-head h1 { color: #FBF8F0; position: relative; max-width: 18em; }
.page-head h1::before {
	content: '';
	display: block;
	width: 52px; height: 8px;
	margin-bottom: 20px;
	background: var(--gold-grad);
	transform: skewX(var(--angle));
	border-radius: 2px;
}
.page-head__lede { position: relative; font-size: 1.2rem; font-weight: 300; color: rgba(237, 232, 218, 0.85); max-width: 44em; margin-top: 14px; }
.page-head__crumb { position: relative; font-size: 0.98rem; color: var(--gold-light); margin-bottom: 10px; font-weight: 600; }
.page-head__crumb a { color: inherit; }
.page-head__meta { position: relative; font-size: 0.92rem; color: rgba(237, 232, 218, 0.6); margin-top: 10px; }

/* ---------- תוכן רץ ---------- */
.prose { font-size: 1.08rem; }
.prose h2 { margin-top: 1.7em; font-size: 1.7rem; }
.prose h2::before { content: ''; display: block; width: 48px; height: 8px; margin-bottom: 16px; background: var(--gold-grad); transform: skewX(var(--angle)); border-radius: 2px; }
.prose ul li, .prose ol li { margin-bottom: 0.45em; }
.prose blockquote { margin: 1.4em 0; padding: 20px 24px; background: var(--card); border-inline-start: 4px solid var(--gold); border-radius: 12px; box-shadow: var(--shadow-1); }
.article-disclaimer { margin-top: 2.6em; padding: 18px 22px; background: rgba(0, 60, 24, 0.06); border-radius: 12px; font-size: 0.92rem; color: var(--muted); }

/* רכיבי מאמר עשיר */
.qa-box {
	background: linear-gradient(140deg, rgba(0, 60, 24, 0.05), rgba(198, 168, 102, 0.07));
	border: 1px solid var(--line);
	border-inline-start: 4px solid var(--gold);
	border-radius: 16px;
	padding: 24px 28px;
	margin: 0 0 2em;
}
.qa-box__label { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; color: var(--gold-dark); margin: 0 0 8px; font-size: 1rem; }
.qa-box__label::before { content: ''; width: 22px; height: 3px; background: var(--gold-grad); border-radius: 2px; }
.qa-box p:last-child { margin: 0; }
.toc-box {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 22px 26px;
	margin: 0 0 2.4em;
	box-shadow: var(--shadow-1);
}
.toc-box__label { font-weight: 800; color: var(--green-ink); margin: 0 0 10px; font-size: 1.02rem; }
.toc-box ol { margin: 0; padding-inline-start: 1.3em; display: grid; gap: 6px; }
.toc-box a { font-weight: 600; text-decoration: none; }
.toc-box a:hover { color: var(--gold-dark); }
.prose .pullquote {
	border: 0;
	background: transparent;
	box-shadow: none;
	border-inline-start: 4px solid var(--gold);
	border-radius: 0;
	padding: 6px 26px;
	margin: 1.8em 0;
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1.45;
	color: var(--green-ink);
	text-wrap: balance;
}
.check-list { list-style: none; padding: 0; margin: 1.2em 0 1.6em; display: grid; gap: 10px; }
.check-list li { position: relative; padding-inline-start: 36px; }
.check-list li::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 3px;
	width: 22px; height: 22px;
	border-radius: 7px;
	background: linear-gradient(140deg, rgba(198, 168, 102, 0.2), rgba(198, 168, 102, 0.08));
	border: 1px solid rgba(198, 168, 102, 0.5);
}
.check-list li::after {
	content: '';
	position: absolute;
	inset-inline-start: 7px;
	top: 8px;
	width: 8px; height: 5px;
	border-left: 2.2px solid var(--gold-dark);
	border-bottom: 2.2px solid var(--gold-dark);
	transform: rotate(-45deg);
}
.prose .faq__item summary { font-size: 1.02rem; }
.demo-note {
	background: rgba(164, 55, 44, 0.07);
	border: 1px dashed rgba(164, 55, 44, 0.4);
	border-radius: 12px;
	padding: 14px 20px;
	font-size: 0.95rem;
	color: #7A3028;
	margin: 0 0 1.6em;
}
.scenario-table { width: 100%; border-collapse: collapse; margin: 1.2em 0 0.6em; background: var(--card); border-radius: 14px; overflow: hidden; box-shadow: var(--shadow-1); }
.scenario-table th, .scenario-table td { padding: 13px 18px; text-align: right; border-bottom: 1px solid var(--line); }
.scenario-table th { background: rgba(0, 60, 24, 0.05); color: var(--green-ink); font-weight: 700; }
.scenario-table td:last-child { font-variant-numeric: tabular-nums; }

/* ---------- רשימות מאמרים ---------- */
.article-list { display: grid; gap: 18px; }
.article-list__item { display: block; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); padding: 26px 30px; text-decoration: none; color: var(--ink); box-shadow: var(--shadow-1); transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; }
.article-list__item:hover { border-color: rgba(198, 168, 102, 0.6); transform: translateY(-3px); box-shadow: var(--shadow-2); }
.article-list__item h2 { font-size: 1.3rem; margin-bottom: 0.3em; }
.article-list__item p { margin: 0; color: var(--muted); }
.knowledge-group { margin-bottom: clamp(36px, 5vw, 60px); }
.knowledge-group__title { padding-bottom: 12px; border-bottom: 2.5px solid var(--gold); display: inline-block; font-size: 1.5rem; }

/* ---------- עמוד השיטה ---------- */
.method-steps { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: 30px; }
.method-steps::before { content: ''; position: absolute; top: 24px; bottom: 24px; inset-inline-start: 26px; width: 3px; background: linear-gradient(180deg, var(--gold-light), var(--gold-dark)); border-radius: 3px; }
.method-step { position: relative; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); padding: 30px 34px; margin-inline-start: 68px; box-shadow: var(--shadow-1); }
.method-step__head { display: flex; align-items: center; gap: 18px; margin-bottom: 10px; }
.method-step__head h2 { margin: 0; font-size: 1.5rem; }
.method-step__num { position: absolute; inset-inline-start: -68px; top: 26px; width: 52px; height: 52px; display: grid; place-items: center; font-size: 1.3rem; font-weight: 900; color: #11210F; background: var(--gold-grad); border-radius: 50%; border: 4px solid var(--paper); box-shadow: var(--shadow-gold); }
.method-step__text { color: var(--muted); font-size: 1.05rem; }
.method-step__details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 20px 0 0; padding-top: 20px; border-top: 1px solid var(--line); }
.method-step__details dt { font-weight: 700; font-size: 0.92rem; color: var(--gold-dark); margin-bottom: 5px; }
.method-step__details dd { margin: 0; font-size: 1rem; }
.method-note { margin-top: 34px; color: var(--muted); max-width: 52em; }

/* ---------- עמוד פרויקט ---------- */
.project-layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 4vw, 60px); align-items: start; }
.project-hero-img img { border-radius: var(--r-media); }
.project-facts { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); padding: 28px 30px; margin-bottom: 26px; box-shadow: var(--shadow-1); }
.project-facts dl { margin: 0; }
.project-facts dl > div { display: flex; justify-content: space-between; gap: 16px; padding-block: 10px; border-bottom: 1px solid var(--line); }
.project-facts dt { font-weight: 700; color: var(--green-ink); }
.project-facts dd { margin: 0; text-align: left; }
.project-facts__note { font-size: 0.9rem; color: var(--muted); margin: 16px 0 0; }
.project-form { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); padding: 28px 30px; box-shadow: var(--shadow-2); }

/* ---------- צוות ואודות ---------- */
.team { display: grid; grid-template-columns: repeat(2, minmax(0, 440px)); gap: 30px; justify-content: center; }
.team__member { margin: 0; position: relative; }
.team__member img { border-radius: var(--r-media); width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: top; box-shadow: var(--shadow-2); }
.team__member figcaption { padding-top: 18px; }
.team__member h3 { margin-bottom: 0.2em; font-size: 1.4rem; }
.team__member p { color: var(--muted); margin: 0; }
.envelope-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.envelope-list li { background: var(--card); border: 1px solid var(--line); border-inline-start: 4px solid var(--gold); border-radius: 14px; padding: 18px 22px; box-shadow: var(--shadow-1); }
.envelope-note { margin-top: 20px; font-size: 0.95rem; color: var(--muted); }

/* ---------- צור קשר ---------- */
.contact-list { list-style: none; margin: 0 0 30px; padding: 0; display: grid; gap: 14px; }
.contact-list li { display: flex; gap: 16px; align-items: baseline; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px 20px; box-shadow: var(--shadow-1); }
.contact-list strong { min-width: 96px; color: var(--green-ink); }
.contact-steps { color: var(--ink); display: grid; gap: 7px; }

/* ---------- פוטר ---------- */
.site-footer { background: var(--emerald); color: rgba(237, 232, 218, 0.85); padding-top: clamp(48px, 7vw, 84px); border-top: 1px solid rgba(228, 197, 123, 0.18); }
.site-footer a { color: rgba(237, 232, 218, 0.85); text-decoration: none; transition: color 0.2s; }
.site-footer a:hover { color: var(--gold-light); }
.site-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: clamp(26px, 4vw, 54px); padding-bottom: 42px; border-bottom: 1px solid rgba(237, 232, 218, 0.12); }
.site-footer__brand img { width: 118px; margin-bottom: 18px; }
.site-footer__brand p { font-size: 0.98rem; max-width: 30em; color: rgba(237, 232, 218, 0.7); }
.site-footer__title { color: var(--gold-light); font-size: 1.05rem; margin-bottom: 16px; font-weight: 700; }
.site-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 1rem; }
.site-footer__bottom { padding-block: 24px 30px; font-size: 0.88rem; color: rgba(237, 232, 218, 0.55); }
.site-footer__disclaimer { max-width: 75em; }

/* ---------- וואטסאפ צף ---------- */
.whatsapp-fab {
	position: fixed;
	bottom: 24px;
	inset-inline-start: 24px;
	z-index: 90;
	width: 58px; height: 58px;
	display: grid;
	place-items: center;
	background: #1FAF53;
	color: #fff;
	border-radius: 50%;
	box-shadow: 0 12px 30px -8px rgba(0, 40, 16, 0.55);
	transition: transform 0.2s ease, box-shadow 0.2s;
}
.whatsapp-fab:hover { transform: scale(1.1); color: #fff; box-shadow: 0 16px 40px -8px rgba(0, 40, 16, 0.6); }

/* ---------- רספונסיב ---------- */
@media (max-width: 1100px) {
	.cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
	.site-nav {
		position: fixed;
		inset: 0;
		background: var(--emerald);
		padding: 120px var(--gutter) 48px;
		overflow-y: auto;
		display: none;
		z-index: 120;
	}
	.site-nav.is-open { display: block; }
	.site-nav__list { flex-direction: column; gap: 4px; }
	.site-nav__list a { font-size: 1.35rem; padding: 15px 12px; color: #F3EFE4 !important; font-weight: 700; }
	.site-nav__list a:hover { background: rgba(255, 255, 255, 0.08) !important; }
	.site-nav .sub-menu { position: static; opacity: 1; visibility: visible; translate: 0 0; box-shadow: none; border: 0; border-inline-start: 2px solid var(--gold); border-radius: 0; margin: 4px 16px 10px; background: transparent; padding: 0; }
	.site-nav .sub-menu a { color: rgba(243, 239, 228, 0.8) !important; font-size: 1.05rem !important; font-weight: 500; }
	.nav-toggle { display: block; }
	.btn--header { display: none; }
	.header-phone { display: none; }

	/* מובייל: המבורגר מימין · לוגו במרכז · התקשרות משמאל */
	.site-header__row { position: relative; min-height: 78px; }
	.site-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
	.site-logo img { width: 76px; }
	.site-header__actions { order: -1; }
	.header-call {
		display: grid;
		place-items: center;
		width: 44px; height: 44px;
		border-radius: 50%;
		background: var(--gold-grad);
		color: #11210F;
		box-shadow: var(--shadow-gold);
		margin-inline-start: auto;
		transition: transform 0.2s;
	}
	.header-call:active { transform: scale(0.94); }

	.split, .cta-band__grid, .project-layout { grid-template-columns: 1fr; }
	.split__media { order: -1; }
	.reviews, .reviews--grid { grid-template-columns: 1fr; }
	.cards--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.site-footer__grid { grid-template-columns: 1fr 1fr; }
	.team { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.method-step__details { grid-template-columns: 1fr; gap: 12px; }

	.compass__line { inset-inline-start: 26px; translate: 0; }
	[dir="rtl"] .compass__line { translate: 0; }
	.compass__step { width: auto; margin-inline-start: 64px !important; }
	.compass__step:nth-child(odd) .compass__num, .compass__step:nth-child(even) .compass__num { inset-inline-start: -64px; inset-inline-end: auto; width: 46px; height: 46px; font-size: 1.1rem; }
}

@media (max-width: 640px) {
	body { font-size: 16.5px; }
	.cards--2, .cards--3, .cards--4, .bento { grid-template-columns: 1fr; }
	.bento__card--feature { grid-row: auto; min-height: 320px; }
	.lead-form__row { grid-template-columns: 1fr; gap: 0; }
	.site-footer__grid { grid-template-columns: 1fr; }
	.team { grid-template-columns: 1fr; }
	.hero__actions { flex-direction: column; align-items: stretch; }
	/* (גדלי ה-hero הקומפקטיים מוגדרים למטה) */
	.method-step { margin-inline-start: 50px; padding: 22px; }
	.method-steps::before { inset-inline-start: 18px; }
	.method-step__num { inset-inline-start: -50px; width: 38px; height: 38px; font-size: 1.05rem; }
	.reel-card { flex-basis: 212px; }
	.reel-card video { width: 212px; }
	.whatsapp-fab { bottom: 18px; inset-inline-start: 18px; }

	/* hero קומפקטי — נכנס במסך אחד, מלל ממורכז אנכית מתחת להדר */
	.hero { min-height: 100svh; align-items: center; padding-top: 78px; }
	.hero__content { padding-block: 14px 44px; }
	.hero__brand { font-size: 0.9rem; margin-bottom: 12px; gap: 9px; }
	.hero__brand::before { width: 30px; }
	.hero__title { font-size: clamp(1.65rem, 7.4vw, 2.1rem); line-height: 1.15; margin-bottom: 14px; }
	.hero__sub { font-size: 0.95rem; line-height: 1.55; margin-bottom: 20px; }
	.hero__trust { font-size: 0.8rem; margin-top: 10px; line-height: 1.5; }
	.hide-sm { display: none; }
	.hero__actions { gap: 10px; margin-bottom: 4px; }
	.hero__actions .btn { width: 100%; padding: 13px 20px; font-size: 1rem; }
	.hero__rating { margin-top: 12px; padding: 8px 15px; font-size: 0.88rem; gap: 8px; }
	.hero__rating-stars { font-size: 0.78rem; }
	.hero__scroll { bottom: 10px; height: 44px; }
	.compass__step { margin-inline-start: 56px !important; padding: 22px; }
	.page-head::after { width: 220px; height: 220px; left: -60px; bottom: -40px; opacity: 0.07; }
}

/* ============================================================
   V3 — שכבה אדיטוריאלית
   ============================================================ */

/* טיפוגרפיית רפאים */
.ghost-word {
	position: absolute;
	top: clamp(16px, 3.5vw, 48px);
	inset-inline-start: -0.06em;
	z-index: 0;
	font-size: clamp(5rem, 13vw, 10.5rem);
	font-weight: 900;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1.5px rgba(228, 197, 123, 0.13);
	pointer-events: none;
	user-select: none;
	white-space: nowrap;
}
.ghost-word--light { -webkit-text-stroke-color: rgba(168, 140, 81, 0.17); }
.section > .container { position: relative; z-index: 1; }

/* גרעין פילם על משטחים כהים */
.reels::after, .cta-band::after, .section--dark::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 3;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/><feComponentTransfer><feFuncA type="linear" slope="0.05"/></feComponentTransfer></filter><rect width="180" height="180" filter="url(%23n)"/></svg>');
	pointer-events: none;
}
.section--dark { position: relative; }
.section--dark .section-head > p { color: var(--muted-light); }

/* מודל המצפן על רקע כהה + הפעלת שלבים */
.section--compass-dark .compass__line { background: rgba(228, 197, 123, 0.15); }
.section--compass-dark .compass__step {
	background: rgba(10, 36, 21, 0.9);
	border-color: rgba(228, 197, 123, 0.16);
	box-shadow: none;
	transition: border-color 0.45s ease, box-shadow 0.45s ease;
}
.section--compass-dark .compass__step h3 { color: #F6F2E7; }
.section--compass-dark .compass__step p { color: var(--muted-light); }
.section--compass-dark .compass__num { border-color: var(--emerald); }
.section--compass-dark .compass__step.is-active {
	border-color: rgba(228, 197, 123, 0.6);
	box-shadow: 0 0 52px -12px rgba(198, 168, 102, 0.4);
}

/* כרטיסי פרויקטים — מגזין */
.project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.project-card {
	position: relative;
	display: block;
	border-radius: var(--r-media);
	overflow: hidden;
	aspect-ratio: 4 / 5;
	text-decoration: none;
	box-shadow: var(--shadow-2);
	isolation: isolate;
}
.project-card img {
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.project-card:hover img { transform: scale(1.07); }
.project-card::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(to top, rgba(4, 21, 11, 0.93) 10%, rgba(4, 21, 11, 0.35) 48%, rgba(4, 21, 11, 0.05) 72%);
}
.project-card__body { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; padding: 26px 26px 24px; display: grid; gap: 4px; }
.project-card__city { color: var(--gold-light); font-weight: 700; font-size: 0.95rem; }
.project-card__body h2, .project-card__body h3 { color: #FBF8F0; margin: 0; font-size: 1.4rem; line-height: 1.25; }
.project-card__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(243, 239, 228, 0.9);
	font-weight: 700;
	font-size: 0.98rem;
	margin-top: 10px;
	opacity: 0;
	translate: 0 8px;
	transition: opacity 0.35s ease, translate 0.35s ease;
}
.project-card:hover .project-card__more { opacity: 1; translate: 0 0; }
@media (hover: none) { .project-card__more { opacity: 1; translate: 0 0; } }

/* ציטוט ענק */
.section--quotes { overflow: hidden; }
.review-hero { position: relative; padding-top: 30px; }
.review-hero::after {
	content: '”';
	position: absolute;
	top: -58px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 10rem;
	font-weight: 900;
	line-height: 1;
	color: rgba(198, 168, 102, 0.22);
	pointer-events: none;
}

/* שורת מותג ענקית בפוטר */
.site-footer { overflow: hidden; }
.site-footer__tagline {
	margin: 0 0 clamp(24px, 4vw, 48px);
	text-align: center;
	font-size: clamp(2.4rem, 7.6vw, 6.2rem);
	font-weight: 900;
	line-height: 1.08;
	color: transparent;
	-webkit-text-stroke: 1.5px rgba(228, 197, 123, 0.2);
	white-space: nowrap;
	user-select: none;
}

@media (max-width: 920px) {
	.project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ghost-word { font-size: clamp(3.4rem, 15vw, 6rem); }
	.site-footer__tagline { white-space: normal; font-size: clamp(1.9rem, 7vw, 3.4rem); padding-inline: var(--gutter); }
}
@media (max-width: 640px) {
	/* פרויקטים — קרוסלת החלקה */
	.project-grid {
		display: flex;
		gap: 14px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-inline: calc(var(--gutter) * -1);
		padding-inline: var(--gutter);
		padding-bottom: 10px;
	}
	.project-grid::-webkit-scrollbar { display: none; }
	.project-card { flex: 0 0 80%; scroll-snap-align: center; }
	.review-hero::after { font-size: 6.5rem; top: -36px; }
}

/* ============================================================
   עמודי שירות + האב הליווי
   ============================================================ */
.pt-icon--check { color: var(--ok); }
.card--deliver { position: relative; background: rgba(10, 36, 21, 0.9); border-color: rgba(228, 197, 123, 0.18); box-shadow: none; }
.card--deliver h3 { color: #F6F2E7; }
.card--deliver p { color: var(--muted-light); }
.deliver-check {
	width: 44px; height: 44px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--gold-grad);
	color: #11210F;
	margin-bottom: 18px;
}
.service-deliver .cards { position: relative; z-index: 1; }

.service-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	counter-reset: svc;
}
.service-steps li {
	position: relative;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	padding: 54px 24px 22px;
	box-shadow: var(--shadow-1);
}
.service-steps__num {
	position: absolute;
	top: -18px;
	inset-inline-start: 22px;
	width: 40px; height: 40px;
	display: grid;
	place-items: center;
	font-weight: 900;
	font-size: 1.05rem;
	color: #11210F;
	background: var(--gold-grad);
	border-radius: 50%;
	border: 3px solid var(--ivory);
	box-shadow: var(--shadow-gold);
}
.service-steps h3 { font-size: 1.1rem; margin-bottom: 0.3em; }
.service-steps p { color: var(--muted); font-size: 0.97rem; margin: 0; }

.service-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.service-nav__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 20px 24px;
	font-weight: 700;
	font-size: 1.08rem;
	color: var(--green-ink);
	text-decoration: none;
	box-shadow: var(--shadow-1);
	transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}
.service-nav__item:hover { border-color: var(--gold-dark); transform: translateY(-3px); box-shadow: var(--shadow-2); color: var(--green); }
.service-nav__item svg { color: var(--gold-dark); flex: none; transition: transform 0.25s; }
.service-nav__item:hover svg { transform: translateX(-5px); }
.service-nav__item--method { background: linear-gradient(140deg, var(--green-deep), var(--green)); border: 0; color: #F6F2E7; }
.service-nav__item--method:hover { color: #fff; }
.service-nav__item--method svg { color: var(--gold-light); }

.guidance-list { display: grid; gap: 18px; max-width: 980px; margin-inline: auto; }
.guidance-row {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: clamp(18px, 3vw, 40px);
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	padding: clamp(22px, 3vw, 34px);
	text-decoration: none;
	color: var(--ink);
	box-shadow: var(--shadow-1);
	transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
.guidance-row:hover { border-color: rgba(198, 168, 102, 0.6); transform: translateY(-4px); box-shadow: var(--shadow-2); }
.guidance-row__num {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 900;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1.6px var(--gold-dark);
}
.guidance-row__main h2 { font-size: 1.4rem; margin-bottom: 0.3em; }
.guidance-row__main p { color: var(--muted); margin-bottom: 12px; }
.guidance-row__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.guidance-row__tags span {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--gold-dark);
	background: rgba(198, 168, 102, 0.1);
	border: 1px solid rgba(198, 168, 102, 0.35);
	border-radius: 999px;
	padding: 4px 13px;
}
.guidance-row__arrow { color: var(--gold-dark); transition: transform 0.25s; }
.guidance-row:hover .guidance-row__arrow { transform: translateX(-6px); }

.compass__steps--mini { display: grid; gap: 10px; counter-reset: none; }
.compass__steps--mini li {
	display: flex;
	align-items: center;
	gap: 14px;
	background: rgba(10, 36, 21, 0.85);
	border: 1px solid rgba(228, 197, 123, 0.16);
	border-radius: 12px;
	padding: 12px 18px;
	color: #F0EBDD;
	font-weight: 600;
}
.compass__steps--mini li span {
	width: 30px; height: 30px;
	flex: none;
	display: grid;
	place-items: center;
	font-size: 0.92rem;
	font-weight: 900;
	color: #11210F;
	background: var(--gold-grad);
	border-radius: 50%;
}

/* ============================================================
   נגישות (ת"י 5568) + עוגיות
   ============================================================ */
.a11y { position: fixed; bottom: 24px; inset-inline-end: 24px; z-index: 95; }
.a11y__toggle {
	width: 54px; height: 54px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: var(--green);
	color: #fff;
	cursor: pointer;
	box-shadow: 0 12px 30px -8px rgba(0, 40, 16, 0.55);
	transition: transform 0.2s, background-color 0.2s;
}
.a11y__toggle:hover { transform: scale(1.08); background: var(--green-deep); }
.a11y__panel {
	position: absolute;
	bottom: 66px;
	inset-inline-end: 0;
	width: 300px;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: var(--shadow-3);
	padding: 20px;
}
.a11y__title { font-weight: 800; color: var(--green-ink); margin: 0 0 14px; font-size: 1.05rem; }
.a11y__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.a11y__grid button {
	font-family: var(--font);
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--green-ink);
	background: var(--ivory);
	border: 1.5px solid var(--line);
	border-radius: 10px;
	padding: 11px 8px;
	cursor: pointer;
	transition: border-color 0.2s, background-color 0.2s;
}
.a11y__grid button:hover { border-color: var(--gold-dark); }
.a11y__grid button[aria-pressed="true"] { background: var(--green); border-color: var(--green); color: #fff; }
.a11y__reset {
	width: 100%;
	margin-top: 12px;
	font-family: var(--font);
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--danger);
	background: transparent;
	border: 1.5px solid rgba(164, 55, 44, 0.35);
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
}
.a11y__reset:hover { background: rgba(164, 55, 44, 0.06); }
.a11y__statement { display: block; text-align: center; margin-top: 12px; font-size: 0.9rem; }

/* מצבי נגישות */
html.a11y-font-1 { font-size: 17.5px; }
html.a11y-font-1 body { font-size: 19.5px; }
html.a11y-font-2 { font-size: 19px; }
html.a11y-font-2 body { font-size: 21px; }
html.a11y-font-m1 { font-size: 15px; }
html.a11y-font-m1 body { font-size: 16.5px; }
html.a11y-readable body, html.a11y-readable h1, html.a11y-readable h2, html.a11y-readable h3, html.a11y-readable h4, html.a11y-readable .btn, html.a11y-readable input, html.a11y-readable select {
	font-family: Arial, 'Segoe UI', sans-serif !important;
}
html.a11y-links a { text-decoration: underline !important; text-underline-offset: 3px; }
html.a11y-motion *, html.a11y-motion *::before, html.a11y-motion *::after {
	animation: none !important;
	transition: none !important;
	scroll-behavior: auto !important;
}
html.a11y-motion [data-reveal] { opacity: 1 !important; transform: none !important; }
html.a11y-contrast {
	--paper: #ffffff;
	--ivory: #ffffff;
	--card: #ffffff;
	--ink: #000000;
	--green-ink: #000000;
	--muted: #1c1c1c;
	--muted-light: #ededed;
	--gold: #6d5718;
	--gold-dark: #5a4712;
	--gold-light: #C6A866;
	--gold-pale: #E4C57B;
	--line: #000000;
	--line-strong: #000000;
	--emerald: #000000;
	--emerald-soft: #0a0a0a;
	--green-deep: #00140a;
	--green: #00320f;
}
html.a11y-contrast .hero__bg::after { background: rgba(0, 0, 0, 0.78); }
html.a11y-contrast .ghost-word { -webkit-text-stroke-color: rgba(255, 223, 126, 0.5); }
html.a11y-contrast .site-footer, html.a11y-contrast .reels { color: #fff; }

/* הסכמה לעוגיות */
.cookie-bar {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 130;
	width: min(820px, calc(100vw - 32px));
	display: flex;
	align-items: center;
	gap: 22px;
	background: var(--card);
	border: 1px solid var(--line);
	border-top: 3px solid transparent;
	border-image: var(--gold-grad) 1;
	box-shadow: var(--shadow-3);
	padding: 18px 22px;
}
.cookie-bar[hidden], .cookie-prefs[hidden], .cookie-fab[hidden] { display: none; }
.cookie-bar__title { font-weight: 800; color: var(--green-ink); margin: 0 0 2px !important; font-size: 1rem !important; }
.cookie-bar p { margin: 0; font-size: 0.92rem; color: var(--ink); line-height: 1.55; }
.cookie-bar a, .cookie-prefs a { color: var(--green-ink); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.cookie-bar__actions { flex: none; display: grid; gap: 8px; min-width: 190px; }
.cookie-bar__actions .btn, .cookie-prefs__actions .btn { padding: 11px 18px; font-size: 0.95rem; }
.cookie-bar__link { background: none; border: 0; padding: 4px; font: inherit; font-size: 0.92rem; font-weight: 700; color: var(--green-ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

.cookie-prefs { position: fixed; inset: 0; z-index: 140; display: grid; place-items: center; padding: 16px; }
.cookie-prefs__backdrop { position: absolute; inset: 0; background: rgba(4, 21, 11, 0.6); backdrop-filter: blur(2px); }
.cookie-prefs__dialog { position: relative; width: min(560px, 100%); max-height: calc(100dvh - 32px); overflow-y: auto; background: var(--card); border-top: 4px solid transparent; border-image: var(--gold-grad) 1; box-shadow: var(--shadow-3); padding: 30px 28px 22px; outline: none; }
.cookie-prefs__x { position: absolute; top: 12px; inset-inline-end: 12px; width: 40px; height: 40px; display: grid; place-items: center; background: none; border: 0; color: var(--muted); cursor: pointer; }
.cookie-prefs__x:hover { color: var(--ink); }
.cookie-prefs__title { font-size: 1.45rem; margin: 0 0 8px; padding-inline-end: 36px; }
.cookie-prefs__intro { color: var(--muted); font-size: 0.95rem; margin: 0 0 18px; }
.cookie-cats { list-style: none; margin: 0 0 20px; padding: 0; border-top: 1px solid var(--line); }
.cookie-cat { padding: 16px 0; border-bottom: 1px solid var(--line); }
.cookie-cat__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cookie-cat__name { font-weight: 800; color: var(--green-ink); cursor: pointer; }
.cookie-cat__always { font-size: 0.85rem; font-weight: 700; color: var(--gold-dark); }
.cookie-cat p { margin: 6px 0 0; font-size: 0.9rem; color: var(--muted); line-height: 1.55; }
.cookie-switch { position: relative; flex: none; width: 48px; height: 28px; }
.cookie-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.cookie-switch span { position: absolute; inset: 0; background: #C9CFC9; border-radius: 28px; transition: background 0.2s; }
.cookie-switch span::after { content: ''; position: absolute; top: 3px; inset-inline-start: 3px; width: 22px; height: 22px; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); transition: transform 0.2s; }
.cookie-switch input:checked + span { background: var(--green); }
[dir="rtl"] .cookie-switch input:checked + span::after { transform: translateX(-20px); }
[dir="ltr"] .cookie-switch input:checked + span::after { transform: translateX(20px); }
.cookie-switch input:focus-visible + span { outline: 3px solid var(--gold); outline-offset: 2px; }
.cookie-prefs__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cookie-prefs__foot { margin: 16px 0 0; font-size: 0.85rem; color: var(--muted); }
html.cookie-prefs-open { overflow: hidden; }

.cookie-fab {
	position: fixed;
	bottom: 90px;
	inset-inline-end: 31px;
	z-index: 94;
	width: 40px; height: 40px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(228, 197, 123, 0.45);
	border-radius: 50%;
	background: var(--emerald);
	color: var(--gold-light);
	cursor: pointer;
	box-shadow: 0 10px 24px -8px rgba(0, 40, 16, 0.55);
	transition: transform 0.2s;
}
.cookie-fab:hover { transform: scale(1.08); }
.site-footer__linkbtn { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; text-align: start; }
.site-footer__linkbtn:hover { color: var(--gold-light); }

/* צילום רקע מעומעם בראש הפוטר */
.site-footer { position: relative; isolation: isolate; }
.site-footer::before {
	content: '';
	position: absolute;
	inset: 0 0 auto;
	height: clamp(340px, 42vw, 620px);
	z-index: -1;
	background: url('../img/skyline.jpg') center 62% / cover no-repeat;
	opacity: 0.11;
	filter: grayscale(0.35) sepia(0.25);
	-webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.55) 55%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.55) 55%, transparent 100%);
	pointer-events: none;
}
@media (max-width: 640px) {
	.cookie-bar { flex-direction: column; align-items: stretch; text-align: center; bottom: 12px; gap: 14px; padding: 16px; }
	.cookie-bar__actions { grid-template-columns: 1fr 1fr; min-width: 0; }
	.cookie-bar__actions .cookie-bar__link { grid-column: 1 / -1; }
	.cookie-prefs__dialog { padding: 26px 20px 18px; }
	.cookie-prefs__actions .btn { flex: 1 1 auto; }
	.cookie-fab { bottom: 82px; inset-inline-end: 25px; }
	.a11y { bottom: 18px; inset-inline-end: 18px; }
	.a11y__panel { width: min(300px, calc(100vw - 36px)); }
	.service-steps { grid-template-columns: 1fr; gap: 28px; }
	.service-nav { grid-template-columns: 1fr; }
	.guidance-row { grid-template-columns: auto 1fr; }
	.guidance-row__arrow { display: none; }
}
@media (min-width: 641px) and (max-width: 920px) {
	.service-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
}

/* ============================================================
   מיצוב "תוכנית כניסה ומימוש" (אוקטובר 2026)
   ============================================================ */
.card--audience { background: var(--card); }
.card--audience .bento__icon { margin-bottom: 18px; }
.card--audience h3 { font-size: 1.15rem; }
.not-for {
	margin-top: 26px;
	border: 1px solid var(--line-strong);
	border-inline-start: 4px solid var(--green);
	background: var(--ivory);
	padding: 22px 28px;
}
.not-for__title { font-weight: 800; color: var(--green-ink); margin: 0 0 10px; }
.not-for ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.not-for li { position: relative; padding-inline-start: 26px; color: var(--muted); }
.not-for li::before {
	content: '';
	position: absolute;
	inset-inline-start: 2px;
	top: 0.75em;
	width: 12px; height: 2px;
	background: var(--muted);
	transform: rotate(45deg);
}
.not-for li::after {
	content: '';
	position: absolute;
	inset-inline-start: 2px;
	top: 0.75em;
	width: 12px; height: 2px;
	background: var(--muted);
	transform: rotate(-45deg);
}
.audiences__note { margin: 18px 0 0; color: var(--muted); font-size: 0.98rem; }
.fine-print { font-size: 0.88rem; color: var(--muted); margin-top: 14px; }

/* שקיפות — מי עושה מה */
.transparency__table { border: 1px solid var(--line); background: var(--card); box-shadow: var(--shadow-1); }
.transparency__row {
	display: grid;
	grid-template-columns: 220px 1fr 280px;
	gap: 20px;
	padding: 16px 24px;
	border-bottom: 1px solid var(--line);
	align-items: baseline;
}
.transparency__row:last-child { border-bottom: 0; }
.transparency__row--head { background: var(--green); color: #F6F2E7; font-weight: 700; font-size: 0.95rem; }
.transparency__row strong { color: var(--green-ink); }
.transparency__note { color: var(--muted); font-size: 0.93rem; }

/* דירות נבחרות — שלבי גישה */
.access-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.access-step {
	position: relative;
	background: var(--card);
	border: 1px solid var(--line);
	border-top: 3px solid var(--gold);
	padding: 30px 28px 26px;
	box-shadow: var(--shadow-1);
}
.access-step__num {
	display: block;
	font-size: 2.6rem;
	font-weight: 900;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1.5px var(--gold-dark);
	margin-bottom: 14px;
}
.access-step h2 { font-size: 1.3rem; margin-bottom: 0.4em; }
.access-step p { color: var(--muted); margin: 0; }

/* שאלון התאמה בטופס */
.lead-quiz { margin: 4px 0 16px; border: 1px solid var(--line-strong); background: #fff; }
.lead-quiz summary {
	cursor: pointer;
	list-style: none;
	padding: 13px 16px;
	font-weight: 700;
	font-size: 0.97rem;
	color: var(--green);
	position: relative;
	padding-inline-end: 40px;
}
.lead-quiz summary::-webkit-details-marker { display: none; }
.lead-quiz summary::after {
	content: '';
	position: absolute;
	inset-inline-end: 16px;
	top: calc(50% - 5px);
	width: 8px; height: 8px;
	border-left: 2px solid var(--gold-dark);
	border-bottom: 2px solid var(--gold-dark);
	transform: rotate(-45deg);
	transition: transform 0.2s;
}
.lead-quiz[open] summary::after { transform: rotate(135deg); }
.lead-quiz[open] { padding: 0 16px 6px; }
.lead-quiz[open] summary { margin-inline: -16px; }
.lead-quiz__note { font-size: 0.85rem; color: var(--muted); margin: 0 0 10px; }

.deliver-check { font-weight: 900; font-size: 1.1rem; }

@media (max-width: 920px) {
	.transparency__row { grid-template-columns: 1fr; gap: 4px; }
	.transparency__row--head { display: none; }
	.access-steps { grid-template-columns: 1fr; }
}

/* ============================================================
   דף בית — גרסה B (טיפוגרפיה דקה וענקית, צילום רגשי, ריתמוס)
   ============================================================ */
.b-display { font-weight: 300; font-size: clamp(2rem, 4.2vw, 3.6rem); line-height: 1.16; letter-spacing: -0.01em; color: var(--green-ink); margin: 0 0 0.5em; text-wrap: balance; }

/* hero */
.b-hero { position: relative; min-height: 100svh; display: flex; align-items: center; justify-content: center; isolation: isolate; background: var(--emerald); overflow: hidden; text-align: center; }
.b-hero .hero__bg::after { background: linear-gradient(to top, rgba(4, 21, 11, 0.88) 0%, rgba(4, 21, 11, 0.42) 45%, rgba(4, 21, 11, 0.5) 100%); }
.b-hero__content { position: relative; z-index: 3; padding-block: 120px 90px; display: flex; flex-direction: column; align-items: center; }
.b-hero__eyebrow { color: var(--gold-light); font-weight: 600; letter-spacing: 0.08em; margin: 0 0 22px; font-size: 1.05rem; }
.b-hero__title { color: #FDFBF5; font-weight: 300; font-size: clamp(3.2rem, 8.6vw, 7.6rem); line-height: 1.02; letter-spacing: -0.025em; margin: 0 0 28px; }
.b-hero__title em { font-style: normal; font-weight: 400; color: transparent; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; }
.b-hero__sub { color: rgba(243, 239, 228, 0.88); font-weight: 300; font-size: clamp(1.08rem, 1.6vw, 1.32rem); line-height: 1.6; max-width: 36em; margin: 0 0 36px; }

/* מניפסט */
.b-manifest { background: #fff; padding-block: clamp(90px, 16vh, 180px); text-align: center; }
.b-manifest__text { font-weight: 300; font-size: clamp(1.55rem, 3vw, 2.55rem); line-height: 1.5; color: var(--green-ink); max-width: 25em; margin: 0 auto 34px; text-wrap: balance; }
.b-textlink { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 1.1rem; color: var(--green); text-decoration: none; padding-bottom: 6px; border-bottom: 1.5px solid var(--gold); transition: gap 0.25s, color 0.2s; }
.b-textlink:hover { gap: 16px; color: var(--green-deep); }

/* משפט טיפוגרפי */
.b-statement { position: relative; background: linear-gradient(180deg, #08170E 0%, #12291B 55%, #1C3A27 100%); padding-block: clamp(90px, 14vh, 160px); overflow: hidden; }
.b-statement__grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(30px, 5vw, 80px); align-items: end; }
.b-statement__big { margin: 0; }
.b-statement__big span { display: block; font-weight: 300; font-size: clamp(3rem, 8.4vw, 8rem); line-height: 1.02; letter-spacing: -0.03em; color: #EBD9B0; }
.b-statement__side p { color: rgba(243, 239, 228, 0.8); font-size: 1.15rem; font-weight: 300; margin-bottom: 26px; max-width: 24em; }

/* דיפטיך */
.b-diptych { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-block: 12px; background: #fff; }
.b-diptych figure { margin: 0; height: clamp(360px, 52vw, 880px); overflow: hidden; }
.b-diptych img { width: 100%; height: 100%; object-fit: cover; }

/* רצועת הוכחה */
.b-stats { background: #fff; padding-block: clamp(60px, 9vh, 110px); }
.b-stats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.b-stat { background: linear-gradient(180deg, #17241C 0%, #34473B 100%); color: #F3EFE4; text-align: center; padding: 34px 20px 30px; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.b-stat__num { font-weight: 300; font-size: clamp(3rem, 5vw, 4.6rem); line-height: 1; color: #EBD9B0; letter-spacing: -0.02em; min-width: 2.2em; }
.b-stat__label { font-size: clamp(1.3rem, 2vw, 1.8rem); font-weight: 400; color: #FBF8F0; }
.b-stat__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); margin: 10px 0; }
.b-stat__sub { color: rgba(243, 239, 228, 0.7); font-size: 1rem; }

/* בדיקת התאמה */
.b-split { background: var(--ivory); padding-block: clamp(80px, 12vh, 140px); }
.b-split__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 6vw, 100px); align-items: start; }
.b-numlist { list-style: none; margin: 0 0 30px; padding: 0; }
.b-numlist li { display: grid; grid-template-columns: 70px 1fr; align-items: baseline; padding: 20px 0; border-bottom: 1px solid var(--line); font-size: 1.15rem; color: var(--ink); }
.b-numlist li:first-child { border-top: 1px solid var(--line); }
.b-numlist span { font-weight: 300; font-size: 1.9rem; color: var(--gold-dark); line-height: 1; }

/* תהליך אופקי */
.b-process { background: #fff; }
.b-process__pin { padding-block: clamp(70px, 11vh, 120px) 50px; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; }
.b-process__head .b-display { margin-bottom: clamp(40px, 7vh, 80px); }
.b-process__head span { color: var(--gold-dark); }
.b-process__viewport { overflow: hidden; padding-inline: var(--gutter); }
.b-process__track { list-style: none; margin: 0; padding: 0; display: flex; width: max-content; }
.b-process__item { flex: 0 0 clamp(260px, 27vw, 390px); padding-inline-end: clamp(28px, 4vw, 64px); }
.b-process__item--end { display: flex; align-items: center; }
.b-process__num { display: block; font-weight: 300; font-size: clamp(3rem, 5vw, 4.6rem); line-height: 1; color: var(--gold-dark); margin-bottom: 26px; }
.b-process__item h3 { font-weight: 400; font-size: 1.55rem; margin-bottom: 0.5em; }
.b-process__item p { color: var(--muted); font-size: 1.02rem; margin: 0; max-width: 22em; }
.b-process__bar { height: 3px; background: var(--line); margin-top: clamp(40px, 7vh, 70px); }
.b-process__bar span { display: block; height: 100%; background: var(--green); transform-origin: right; transform: scaleX(0); }

/* פאנל וידאו */
.b-panel-wrap { background: #fff; padding-block: 0 clamp(80px, 12vh, 140px); }
.b-panel { display: grid; grid-template-columns: 1fr auto; gap: clamp(30px, 5vw, 70px); align-items: center; background: #1C2320; padding: clamp(36px, 5vw, 70px); }
.b-panel__text h2 { font-weight: 300; font-size: clamp(2rem, 3.6vw, 3.2rem); color: #FBF8F0; }
.b-panel__text p { color: rgba(243, 239, 228, 0.8); font-weight: 300; font-size: 1.18rem; max-width: 30em; margin-bottom: 28px; }
.b-panel__video { flex: none; }
.b-panel__video video { width: 260px; }

/* קהלים */
.b-audiences { background: #fff; padding-block: 0 clamp(80px, 12vh, 140px); }
.b-rows { border-top: 1px solid var(--line); }
.b-row { display: grid; grid-template-columns: 90px 1fr 1.3fr; gap: 24px; align-items: baseline; padding: 30px 12px; border-bottom: 1px solid var(--line); transition: background-color 0.3s; }
.b-row:hover { background: var(--ivory); }
.b-row__num { font-weight: 300; font-size: 2rem; color: var(--gold-dark); line-height: 1; }
.b-row h3 { font-weight: 400; font-size: clamp(1.3rem, 2vw, 1.7rem); margin: 0; }
.b-row p { color: var(--muted); margin: 0; }
.b-notfor { margin: 24px 0 0; color: var(--muted); font-size: 1rem; }

/* גישה מוקדמת */
.b-access { background: #F2F1EE; padding-block: clamp(80px, 12vh, 140px); }
.b-access__head { max-width: 760px; margin-bottom: 44px; }
.b-access__head p { color: var(--muted); font-size: 1.12rem; font-weight: 300; }
.b-locked { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.b-locked__card { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--emerald); }
.b-locked__card img { width: 100%; height: 100%; object-fit: cover; filter: blur(7px) brightness(0.72); transform: scale(1.12); transition: filter 0.5s; }
.b-locked__card:hover img { filter: blur(5px) brightness(0.8); }
.b-locked__tag { position: absolute; top: 0; inset-inline: 0; display: flex; align-items: center; justify-content: center; gap: 8px; background: #141A17; color: #F3EFE4; font-size: 1.05rem; padding: 12px; }
.b-access__foot { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin: 40px 0 0; }
.b-access__foot .fine-print { margin: 0; }

/* ציטוט */
.b-quote { background: #fff; padding-block: clamp(90px, 14vh, 160px); text-align: center; }
.b-quote figure { margin: 0 auto 34px; max-width: 900px; }
.b-quote blockquote { margin: 0 0 22px; font-weight: 300; font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.45; color: var(--green-ink); text-wrap: balance; }
.b-quote figcaption { color: var(--muted); }

/* צילום רחב */
.b-wide img { width: 100%; height: clamp(320px, 50vw, 780px); object-fit: cover; object-position: 50% 45%; display: block; }

/* הצטרפות לעדכונים */
.b-community { background: #fff; padding-block: clamp(80px, 12vh, 130px); }
.b-community__grid { display: grid; grid-template-columns: 1fr 1fr; }
.b-community__img { margin: 0; min-height: 440px; }
.b-community__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }
.b-community__panel { background: #1C2320; color: rgba(243, 239, 228, 0.85); padding: clamp(36px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; }
.b-community__panel h2 { color: #FBF8F0; font-weight: 300; font-size: clamp(1.9rem, 3.2vw, 2.8rem); }
.b-community__panel > p { font-weight: 300; font-size: 1.12rem; margin-bottom: 28px; }
.b-subscribe__row { display: flex; border: 1px solid rgba(243, 239, 228, 0.5); }
.b-subscribe__row input { flex: 1; min-width: 0; background: transparent; border: 0; color: #fff; font-family: var(--font); font-size: 1.05rem; padding: 15px 18px; }
.b-subscribe__row input::placeholder { color: rgba(243, 239, 228, 0.55); }
.b-subscribe__row input:focus { outline: 2px solid var(--gold-light); outline-offset: -2px; }
.b-subscribe__row .btn { flex: none; }
.b-subscribe__consent { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; font-size: 0.88rem; color: rgba(243, 239, 228, 0.7); cursor: pointer; }
.b-subscribe__consent input { margin-top: 4px; accent-color: var(--gold); }
.b-subscribe__consent a { color: var(--gold-light); }
.b-community .lead-form__status.is-ok { color: #9FD8B0; }
.b-community .lead-form__status.is-error { color: #F2A99E; }

/* מחשבון מפת הון */
.calc { background: #fff; padding-block: clamp(80px, 12vh, 140px); }
.calc__head { max-width: 760px; margin-bottom: 44px; }
.calc__head > p { color: var(--muted); font-size: 1.12rem; font-weight: 300; }
.calc__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
.calc__inputs { display: grid; gap: 22px; background: var(--ivory); border: 1px solid var(--line); padding: clamp(24px, 3vw, 36px); }
.calc__toggle { border: 0; margin: 0; padding: 0; display: flex; gap: 0; }
.calc__toggle legend { font-weight: 700; color: var(--green-ink); margin-bottom: 10px; font-size: 0.98rem; }
.calc__toggle label { flex: 1; cursor: pointer; }
.calc__toggle input { position: absolute; opacity: 0; pointer-events: none; }
.calc__toggle span { display: block; text-align: center; padding: 11px 10px; border: 1.5px solid var(--line-strong); font-weight: 600; color: var(--green-ink); transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
.calc__toggle label + label span { border-inline-start: 0; }
.calc__toggle input:checked + span { background: var(--green); border-color: var(--green); color: #fff; }
.calc__toggle input:focus-visible + span { outline: 3px solid var(--gold-dark); outline-offset: 2px; }
.calc__label-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.calc__label-row label { font-weight: 600; color: var(--green-ink); font-size: 0.98rem; }
.calc__value { font-weight: 300; font-size: 1.35rem; color: var(--green); white-space: nowrap; }
.calc__field input[type="range"] { width: 100%; accent-color: var(--green); height: 28px; cursor: pointer; }
.calc__result { background: #1C2320; color: rgba(243, 239, 228, 0.85); padding: clamp(24px, 3vw, 40px); position: sticky; top: 110px; }
.calc__lines { margin: 0 0 22px; }
.calc__lines > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 11px 0; border-bottom: 1px solid rgba(243, 239, 228, 0.12); }
.calc__lines dt { font-size: 0.98rem; }
.calc__lines dt small { color: rgba(243, 239, 228, 0.5); font-size: 0.82rem; }
.calc__lines dd { margin: 0; font-weight: 400; font-size: 1.12rem; color: #FBF8F0; white-space: nowrap; }
.calc__lines .calc__total dt { font-weight: 700; color: #FBF8F0; }
.calc__lines .calc__total dd { font-size: 1.5rem; font-weight: 300; color: #EBD9B0; }
.calc__chart { margin: 0 0 18px; }
.calc__chart figcaption { font-size: 0.9rem; color: rgba(243, 239, 228, 0.65); margin-bottom: 8px; }
.calc__chart svg { display: block; width: 100%; height: 190px; overflow: visible; }
.calc__grid { stroke: rgba(243, 239, 228, 0.18); stroke-width: 1; }
.calc__area { fill: rgba(228, 197, 123, 0.12); transition: d 0.35s ease; }
.calc__line { fill: none; stroke: var(--gold-light); stroke-width: 3; vector-effect: non-scaling-stroke; transition: d 0.35s ease; }
.calc__target { stroke: #F6F2E7; stroke-width: 1.5; stroke-dasharray: 6 5; vector-effect: non-scaling-stroke; }
.calc__key { stroke: rgba(243, 239, 228, 0.55); stroke-width: 1; stroke-dasharray: 2 4; vector-effect: non-scaling-stroke; }
.calc__dot { fill: var(--gold-light); stroke: #1C2320; stroke-width: 3; vector-effect: non-scaling-stroke; }
.calc__legend { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 0.82rem; color: rgba(243, 239, 228, 0.7); margin-top: 10px; }
.calc__legend span::before { content: ''; display: inline-block; width: 18px; height: 0; vertical-align: middle; margin-inline-end: 7px; }
.calc__legend-line::before { border-top: 3px solid var(--gold-light); }
.calc__legend-target::before { border-top: 1.5px dashed #F6F2E7; }
.calc__legend-key::before { border-top: 1.5px dotted rgba(243, 239, 228, 0.7); }
.calc__axis { display: flex; direction: ltr; justify-content: space-between; font-size: 0.8rem; color: rgba(243, 239, 228, 0.5); margin-top: 4px; }
.calc__verdict { font-size: 1.04rem; line-height: 1.65; color: #FBF8F0; padding-inline-start: 14px; border-inline-start: 3px solid var(--gold); margin: 0 0 22px; }
[data-calc].is-gap .calc__verdict { border-color: #E3A27F; }
.calc__cta { width: 100%; }
.calc__note { font-size: 0.78rem; line-height: 1.6; color: rgba(243, 239, 228, 0.5); margin: 16px 0 0; }
.lead-form__calc-note { font-size: 0.88rem; color: var(--ok); font-weight: 600; margin: 0 0 12px; }
@media (max-width: 920px) {
	.calc__body { grid-template-columns: 1fr; }
	.calc__result { position: static; }
}

/* שפה דקה גם ברכיבים משותפים בגרסה B */
.design-b .cta-band h2, .design-b .reels .section-head h2 { font-weight: 300; }
.design-b .lead-form__field input, .design-b .lead-form__field select { background: transparent; border: 0; border-bottom: 1.5px solid var(--line-strong); padding-inline: 2px; }

@media (max-width: 920px) {
	.b-statement__grid, .b-split__grid, .b-panel, .b-community__grid { grid-template-columns: 1fr; }
	.b-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.b-panel__video { justify-self: center; }
	.b-process__pin { min-height: 0; }
	.b-process__viewport { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px; }
	.b-process__viewport::-webkit-scrollbar { display: none; }
	.b-process__item { flex-basis: 78vw; scroll-snap-align: start; }
	.b-process__bar { display: none; }
	.b-row { grid-template-columns: 54px 1fr; }
	.b-row p { grid-column: 2; }
	.b-locked { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
	.b-locked::-webkit-scrollbar { display: none; }
	.b-locked__card { flex: 0 0 78%; scroll-snap-align: center; }
}
@media (max-width: 640px) {
	/* וידאו 16:9 במסך צר נחתך — hero נמוך יותר חושף יותר מהפריים */
	.b-hero { min-height: 78svh; }
	.hero { min-height: 78svh; }
	.b-hero__content { padding-block: 98px 40px; }
	.b-hero__title { font-size: clamp(2.7rem, 13vw, 3.6rem); margin-bottom: 18px; }
	.b-hero__sub { font-size: 1rem; margin-bottom: 26px; }
	.b-hero__eyebrow { font-size: 0.92rem; margin-bottom: 14px; }
	.b-diptych { gap: 6px; padding-block: 6px; }
	.b-diptych figure { height: 72vw; }
	.b-stats__grid { gap: 10px; }
	.b-stat { padding: 24px 12px 22px; }
	.b-numlist li { grid-template-columns: 50px 1fr; font-size: 1.05rem; }
	.b-subscribe__row { flex-direction: column; }
	.b-community__img { min-height: 300px; }
}

/* ============================================================
   שפה ישרה קבועה — איפוס רדיוסים שהוגדרו נקודתית
   (עיגולים אמיתיים — מספרי מצפן, כפתורי פליי, וואטסאפ, נגישות — נשארים)
   ============================================================ */
.plan-topics li, .site-nav .sub-menu, .site-nav__list a,
.faq__item, .qa-box, .toc-box,
.cookie-bar, .a11y__panel, .a11y__grid button, .a11y__reset,
.scenario-table, .contact-list li, .envelope-list li,
.compass__step, .compass__steps--mini li, .service-nav__item,
.lead-form__field input, .lead-form__field select, .lead-form__field textarea,
.prose blockquote, .article-disclaimer, .demo-note,
.guidance-row__tags span, .hero__rating,
.card__thumb, .card--project img, .pt-icon, .bento__icon, .skip-link,
.plan-topics .pt-icon, .project-card__body, .nav-toggle span {
	border-radius: 0 !important;
}

/* ---------- תנועה מופחתת ---------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	html.js-anim [data-reveal] { opacity: 1; transform: none; }
}

/* ---------- פגישת ייעוץ בתשלום (tpl-consult) ---------- */
.consult { padding-top: clamp(48px, 7vw, 90px); }
.consult__layout { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: clamp(32px, 4vw, 64px); align-items: start; }
.consult__aside { position: sticky; top: 104px; }
.consult-cases { display: grid; gap: 28px; }
.consult-case { display: grid; grid-template-columns: 300px minmax(0, 1fr); background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow-1); }
.consult-case__media { margin: 0; min-height: 100%; }
.consult-case__media img { width: 100%; height: 100%; object-fit: cover; }
.consult-case__body { padding: clamp(24px, 3vw, 38px); }
.consult-case__body h2 { font-size: clamp(1.35rem, 2.1vw, 1.75rem); line-height: 1.25; margin-bottom: 0.5em; }
.consult-case__body > p { color: var(--muted); }
.consult-case__label { font-weight: 800; color: var(--green-ink); margin: 1.1em 0 0; }
.consult-case .check-list { margin-bottom: 0; }
.consult-steps { margin-top: clamp(56px, 7vw, 88px); }
.consult-steps h2, .consult-next h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); margin-bottom: 1.2em; }
.service-steps--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 34px; }
.consult-next { margin-top: clamp(56px, 7vw, 88px); padding: clamp(26px, 3.4vw, 44px); background: linear-gradient(180deg, #17241C 0%, #23382A 100%); color: #F3EFE4; }
.consult-next h2 { color: #fff; margin-bottom: 0.5em; }
.consult-next p { color: rgba(243, 239, 228, 0.82); max-width: 62ch; }
.consult-next .text-link { color: var(--gold-light); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }

.consult-book { background: #fff; border: 1px solid var(--line); border-top: 4px solid transparent; border-image: var(--gold-grad) 1; box-shadow: var(--shadow-3); padding: 28px 26px 22px; }
.consult-book__eyebrow { font-weight: 700; color: var(--muted); margin: 0 0 4px; }
.consult-book__price { display: flex; align-items: baseline; gap: 10px; margin: 0 0 14px; }
.consult-book__price strong { font-size: clamp(2rem, 3vw, 2.6rem); font-weight: 900; color: var(--green-ink); line-height: 1.1; }
.consult-book__price span { color: var(--muted); }
.consult-book__facts { list-style: none; padding: 0 0 18px; margin: 0 0 18px; border-bottom: 1px solid var(--line); display: grid; gap: 6px; font-size: 0.96rem; }
.consult-book__facts li { position: relative; padding-inline-start: 22px; }
.consult-book__facts li::before { content: ''; position: absolute; inset-inline-start: 2px; top: 0.62em; width: 8px; height: 8px; background: var(--gold-grad); transform: rotate(45deg); }
.consult-book .lead-form__field { margin-bottom: 12px; }
.consult-book .lead-form__field input, .consult-book .lead-form__field textarea { padding: 11px 14px; font-size: 1rem; }
.consult-book__alt { text-align: center; margin: 14px 0 0; color: var(--muted); font-size: 0.95rem; }
.consult-book__alt a { color: var(--green-ink); font-weight: 800; }
.consult-choice { border: 0; padding: 0; margin: 0 0 14px; display: flex; flex-wrap: wrap; gap: 8px; }
.consult-choice legend { font-weight: 700; font-size: 0.98rem; color: var(--green-ink); margin-bottom: 8px; padding: 0; }
.consult-choice label { cursor: pointer; }
.consult-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.consult-choice span { display: inline-block; padding: 8px 14px; border: 1.5px solid var(--line-strong); font-size: 0.93rem; font-weight: 600; transition: background 0.15s, border-color 0.15s, color 0.15s; }
.consult-choice input:checked + span { background: var(--green); border-color: var(--green); color: #fff; }
.consult-choice input:focus-visible + span { outline: 3px solid var(--gold); outline-offset: 2px; }
.consult-disclaimer { color: var(--muted); font-size: 0.9rem; margin-top: 28px; }
.consult-sticky { display: none; }

@media (max-width: 1080px) {
	.consult__layout { grid-template-columns: minmax(0, 1fr); }
	.consult__aside { position: static; order: -1; }
	.consult-book { max-width: 560px; margin-inline: auto; }
}
@media (max-width: 720px) {
	.consult-case { grid-template-columns: 1fr; }
	.consult-case__media img { aspect-ratio: 16 / 9; height: auto; }
	.service-steps--compact { grid-template-columns: 1fr; }
	.consult__aside { order: 0; }
	.consult-sticky { display: flex; position: fixed; z-index: 89; inset-inline: 90px; bottom: calc(22px + env(safe-area-inset-bottom)); justify-content: center; padding: 14px 12px; font-size: 0.98rem; box-shadow: var(--shadow-3); transition: opacity 0.2s, transform 0.2s; }
	.consult-sticky.is-hidden { opacity: 0; transform: translateY(12px); pointer-events: none; }
}
.consult-callout { display: grid; gap: 4px; margin-top: 28px; padding: 20px 22px; border: 1px solid var(--line-strong); border-inline-start: 4px solid var(--gold); background: var(--card); color: var(--ink); transition: border-color 0.2s, box-shadow 0.2s; }
.consult-callout strong { color: var(--green-ink); font-size: 1.08rem; }
.consult-callout span { color: var(--gold-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.consult-callout:hover { box-shadow: var(--shadow-2); }

/* ============================================================
   V3.0 (21.10) — דף בית מצומצם, hero בהיר, לוגו רוחבי, מחשבון כניסה לעסקה
   ============================================================ */

/* לוגו רוחבי */
.site-logo img { width: 250px; }
@media (max-width: 1200px) { .site-logo img { width: 200px; } }
@media (max-width: 920px) { .site-logo img { width: 158px; } }
@media (max-width: 380px) { .site-logo img { width: 140px; } }

/* hero: בלי שכבה כהה על כל הסרטון — רק הצללה עדינה מתחת לטקסט ולהדר */
.b-hero { align-items: flex-end; }
.b-hero .hero__bg::after {
	background:
		linear-gradient(to bottom, rgba(4, 21, 11, 0.38) 0%, rgba(4, 21, 11, 0) 22%),
		linear-gradient(to top, rgba(4, 21, 11, 0.62) 0%, rgba(4, 21, 11, 0.28) 32%, rgba(4, 21, 11, 0) 58%);
}
.b-hero__content { padding-block: 140px clamp(48px, 8vh, 90px); }
.b-hero__title, .b-hero__sub, .b-hero__eyebrow { text-shadow: 0 2px 22px rgba(0, 0, 0, 0.45), 0 1px 3px rgba(0, 0, 0, 0.35); }
.b-hero__title em { text-shadow: none; filter: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.4)); }
.b-hero__sub { color: #FBF8F0; font-weight: 400; }
.b-hero__eyebrow { color: #F1DFAE; }
.b-hero__actions { display: flex; align-items: center; justify-content: center; gap: 22px; flex-wrap: wrap; }
.b-hero__link { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--gold); text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
.b-hero__host { position: relative; margin-top: 34px; display: inline-flex; align-items: center; gap: 12px; padding-block: 6px; padding-inline: 6px 18px; background: rgba(4, 21, 11, 0.42); backdrop-filter: blur(8px); border: 1px solid rgba(228, 197, 123, 0.35); color: #fff; text-decoration: none; }
.b-hero__host img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; border: 2px solid var(--gold-light); }
.b-hero__host span { display: grid; line-height: 1.25; }
.b-hero__host strong { font-weight: 700; font-size: 1rem; }
.b-hero__host small { font-size: 0.82rem; color: #EBD9B0; }
.b-hero .hero__scroll { display: none; }

/* אוסנת */
.b-osnat { background: #fff; padding-block: clamp(80px, 12vh, 140px); }
.b-osnat__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.b-osnat__img { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; }
.b-osnat__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; }
.b-osnat__hello { color: var(--gold-dark); font-weight: 700; font-size: 1.1rem; margin: 0 0 14px; }
.b-osnat__text > p:not(.b-osnat__hello) { color: var(--muted); font-size: 1.15rem; font-weight: 300; line-height: 1.75; max-width: 36em; }
.b-osnat__list { list-style: none; padding: 0; margin: 26px 0 34px; display: grid; gap: 12px; }
.b-osnat__list li { display: flex; gap: 12px; align-items: flex-start; font-size: 1.08rem; color: var(--green-ink); font-weight: 600; }
.b-osnat__list svg { flex: none; color: var(--gold-dark); margin-top: 3px; }

/* התהליך: שבועיים */
.b-steps { background: #F2F1EE; padding-block: clamp(80px, 12vh, 140px); }
.b-steps__head { max-width: 820px; margin-bottom: clamp(36px, 6vh, 64px); }
.b-steps__head p { color: var(--muted); font-size: 1.15rem; font-weight: 300; }
.b-steps__em { color: var(--gold-dark); font-weight: 400; }
.b-steps__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); position: relative; }
.b-steps__list::before { content: ""; position: absolute; top: 61px; inset-inline: 0; height: 2px; background: linear-gradient(90deg, var(--gold-dark), var(--gold-light)); opacity: 0.6; }
.b-steps__item { position: relative; padding-inline-end: clamp(16px, 2.5vw, 36px); }
.b-steps__when { display: block; font-size: 0.88rem; font-weight: 700; color: var(--gold-dark); margin-bottom: 14px; height: 1.4em; }
.b-steps__item:nth-child(2) .b-steps__when, .b-steps__item:nth-child(4) .b-steps__when { visibility: hidden; }
.b-steps__num { position: relative; z-index: 1; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--green); color: #fff; font-weight: 700; font-size: 1.15rem; margin-bottom: 22px; box-shadow: 0 0 0 6px #F2F1EE; }
.b-steps__item:last-child .b-steps__num { background: var(--gold-grad); color: #11210F; }
.b-steps__item h3 { font-weight: 600; font-size: 1.3rem; margin-bottom: 0.4em; }
.b-steps__item p { color: var(--muted); margin: 0; font-size: 1.02rem; }
.b-steps__after { margin: clamp(36px, 6vh, 56px) 0 0; padding-top: 24px; border-top: 1px solid var(--line); color: var(--ink); font-size: 1.08rem; }
.b-steps__after a { color: var(--green); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; margin-inline-start: 6px; }

/* אוסנת מסבירה */
.b-explain { background: #1C2320; padding-block: clamp(80px, 12vh, 140px); }
.b-explain .b-display { color: #FBF8F0; }
.b-explain__head { margin-bottom: 40px; }
.b-explain__head p { color: rgba(243, 239, 228, 0.75); font-size: 1.12rem; font-weight: 300; }
.b-explain__grid { display: grid; grid-template-columns: minmax(0, 2.2fr) repeat(3, minmax(0, 0.72fr)); gap: 16px; align-items: end; }
.b-explain__grid .reel-card { margin: 0; }
.b-explain__main video { aspect-ratio: 16 / 9; width: 100%; object-fit: cover; }
.b-explain__reel video { aspect-ratio: 9 / 16; width: 100%; object-fit: cover; }
.b-explain figcaption { color: #EBD9B0; }

/* לקוחות ממליצים */
.b-proof { background: #fff; padding-block: clamp(80px, 12vh, 140px); }
.b-proof__grid { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: clamp(32px, 6vw, 90px); align-items: center; }
.b-proof__video { margin: 0; }
.b-proof__video video { aspect-ratio: 9 / 16; width: 100%; object-fit: cover; }
.b-proof__rating { color: var(--gold-dark); font-weight: 700; margin: -6px 0 26px; }
.b-proof__quotes { display: grid; gap: 22px; margin-bottom: 30px; }
.b-proof__quote { margin: 0; padding-inline-start: 22px; border-inline-start: 3px solid var(--gold); }
.b-proof__quote p { font-size: 1.12rem; font-weight: 300; line-height: 1.7; color: var(--ink); margin: 0 0 8px; }
.b-proof__quote cite { font-style: normal; font-weight: 700; color: var(--green-ink); font-size: 0.95rem; }

/* כתבו עלינו */
.b-press { background: #F2F1EE; padding-block: clamp(56px, 8vh, 90px); }
.b-press__title { font-weight: 300; font-size: clamp(1.5rem, 2.4vw, 2rem); color: var(--green-ink); margin-bottom: 26px; }
.b-press__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.b-press__item { display: grid; gap: 8px; padding: 24px 26px; background: #fff; border: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: box-shadow 0.2s, border-color 0.2s; }
.b-press__item:hover { box-shadow: var(--shadow-2); border-color: var(--gold); }
.b-press__outlet { font-family: Georgia, "Times New Roman", serif; font-weight: 700; font-size: 1.35rem; color: #111; letter-spacing: -0.01em; }
.b-press__headline { font-weight: 600; font-size: 1.12rem; color: var(--green-ink); line-height: 1.45; }
.b-press__kind { font-size: 0.88rem; color: var(--muted); }

/* מחשבון כניסה לעסקה */
.calc__label-row label small { display: block; font-weight: 400; color: var(--muted); font-size: 0.82rem; margin-top: 2px; }
.calc__sum { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 4px 0 0; padding-top: 18px; border-top: 1px solid var(--line-strong); font-weight: 700; color: var(--green-ink); }
.calc__sum strong { font-size: 1.5rem; font-weight: 400; color: var(--green); }
.calc__headline-label { margin: 0; font-size: 1rem; color: rgba(243, 239, 228, 0.7); }
.calc__headline { margin: 4px 0 22px; font-weight: 300; font-size: clamp(2.3rem, 4vw, 3.2rem); line-height: 1.1; color: transparent; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; }
.calc__deals { margin: 6px 0 24px; }
.calc__deals-title { font-weight: 700; color: #FBF8F0; margin: 0 0 10px; font-size: 0.98rem; }
.calc__deals ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.calc__deals li { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items: center; padding: 10px 14px; background: rgba(243, 239, 228, 0.05); border-inline-start: 3px solid rgba(243, 239, 228, 0.18); font-size: 0.95rem; }
.calc__deals li.is-ok { border-inline-start-color: var(--gold-light); background: rgba(228, 197, 123, 0.1); }
.calc__deal-price { font-weight: 600; color: #FBF8F0; }
.calc__deal-need { color: rgba(243, 239, 228, 0.6); font-size: 0.88rem; }
.calc__deal-state { font-weight: 700; white-space: nowrap; }
.calc__deals li.is-ok .calc__deal-state { color: #EBD9B0; }
.calc__deals li.is-gap .calc__deal-state { color: rgba(243, 239, 228, 0.55); font-weight: 400; font-size: 0.88rem; }
.calc__two { margin: 14px 0 0; padding: 12px 14px; border: 1px dashed rgba(228, 197, 123, 0.5); color: #EBD9B0; font-weight: 600; }
.calc__two[hidden] { display: none; }

@media (max-width: 1080px) {
	.b-explain__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.b-explain__main { grid-column: 1 / -1; }
}
@media (max-width: 920px) {
	.b-osnat__grid, .b-proof__grid { grid-template-columns: 1fr; }
	.b-osnat__img { max-width: 420px; aspect-ratio: 1 / 1; }
	.b-proof__video { max-width: 260px; }
	.b-steps__list { grid-template-columns: 1fr 1fr; row-gap: 40px; }
	.b-steps__list::before { display: none; }
	.b-steps__item .b-steps__when { visibility: visible !important; }
}
@media (max-width: 640px) {
	.b-hero__content { padding-block: 110px 96px; }
	.b-hero__actions { flex-direction: column; gap: 14px; }
	.b-hero__host { margin-top: 24px; }
	.b-hero__host img { width: 40px; height: 40px; }
	.b-steps__list { grid-template-columns: 1fr; }
	.b-explain__grid { gap: 8px; }
	.b-explain figcaption { font-size: 0.78rem; }
	.calc__deals li { grid-template-columns: 1fr auto; }
	.calc__deal-need { grid-column: 1; grid-row: 2; }
	.calc__deal-state { grid-row: 1 / span 2; grid-column: 2; }
}
.b-proof figcaption { color: var(--green-ink); }
.b-explain__reel .reel-card__play, .b-proof__video .reel-card__play { width: 54px; height: 54px; top: calc(50% - 40px); inset-inline-start: calc(50% - 27px); }
@media (max-width: 640px) { .b-explain__reel .reel-card__play { width: 40px; height: 40px; inset-inline-start: calc(50% - 20px); } .b-explain__reel .reel-card__play svg { width: 20px; height: 20px; } }

/* עמוד "התהליך איתנו" */
.process-parts__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.process-part { position: relative; background: var(--card); border: 1px solid var(--line); padding: clamp(26px, 3vw, 40px); scroll-margin-top: 110px; }
.process-part__num { display: block; font-weight: 300; font-size: 2.6rem; line-height: 1; color: var(--gold-dark); margin-bottom: 16px; }
.process-part h3 { font-size: 1.45rem; margin-bottom: 0.5em; }
.process-part > p { color: var(--muted); }
.process-part ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 10px; }
.process-part li { display: flex; gap: 10px; align-items: flex-start; }
.process-part li svg { flex: none; color: var(--gold-dark); margin-top: 4px; }
.process-part:target { border-color: var(--gold); box-shadow: var(--shadow-2); }
.process-parts__more { margin: 32px 0 0; font-size: 1.08rem; }
.process-parts__more a { color: var(--green); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) { .process-parts__grid { grid-template-columns: 1fr; } }
.b-hero__host span { text-align: start; }

/* V3.1 — ימי חתימה, ראיון TheMarker */
.b-deals { margin-top: clamp(40px, 6vh, 64px); }
.b-deals__title { font-weight: 700; color: var(--green-ink); margin: 0 0 14px; }
.b-deals__strip { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.b-deals__strip img, .b-deals__grid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
.b-deals__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.b-press__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.b-press__grid .b-press__list { grid-template-columns: 1fr; }
.b-press__video { margin: 0; }
.b-press__video video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.b-press__video figcaption { color: var(--green-ink); }
@media (max-width: 920px) {
	.b-deals__strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.b-press__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.b-deals__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* שאלון הכנה בולט */
.lead-quiz { border: 2px solid var(--gold); background: linear-gradient(135deg, #FBF5E6 0%, #F6EBCF 100%); box-shadow: 0 10px 26px -14px rgba(168, 140, 81, 0.6); }
.lead-quiz summary { display: flex; align-items: center; gap: 14px; padding: 16px 18px; padding-inline-end: 44px; }
.lead-quiz__icon { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--gold-grad); color: #11210F; }
.lead-quiz__text { display: grid; gap: 2px; }
.lead-quiz__text strong { font-size: 1.08rem; color: var(--green-ink); }
.lead-quiz__text small { font-size: 0.88rem; font-weight: 500; color: var(--gold-dark); }
.lead-quiz summary::after { width: 10px; height: 10px; border-width: 0 0 2.5px 2.5px; }
.lead-quiz:not([open]) summary:hover { background: rgba(255, 255, 255, 0.4); }
.design-b .lead-quiz .lead-form__field select { background: #fff; }

/* מחשבון כשאלון */
.calc__quiz { gap: 0; padding-block: 8px; }
.calc__q { border: 0; margin: 0; padding: 20px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.calc__q legend { display: flex; align-items: center; gap: 12px; float: right; width: 100%; font-weight: 700; font-size: 1.08rem; color: var(--green-ink); margin-bottom: 4px; padding: 0; }
.calc__q legend + * { clear: both; }
.calc__qnum { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--green); color: #fff; font-size: 0.92rem; }
.calc__qhint { margin: 0 42px 10px 0; font-size: 0.88rem; color: var(--muted); }
.calc__yn { display: flex; gap: 8px; flex-wrap: wrap; margin-inline-start: 42px; }
.calc__yn label { cursor: pointer; }
.calc__yn input { position: absolute; opacity: 0; pointer-events: none; }
.calc__yn span { display: inline-block; min-width: 72px; text-align: center; padding: 9px 18px; border: 1.5px solid var(--line-strong); background: #fff; font-weight: 600; color: var(--green-ink); transition: background-color 0.15s, color 0.15s, border-color 0.15s; }
.calc__yn input:checked + span { background: var(--green); border-color: var(--green); color: #fff; }
.calc__yn input:focus-visible + span { outline: 3px solid var(--gold-dark); outline-offset: 2px; }
.calc__walls { margin: 12px 42px 0 0; padding: 10px 14px; border-inline-start: 3px solid var(--gold); background: #FBF5E6; font-size: 0.92rem; color: var(--ink); }
.calc__walls[hidden], .calc__amount[hidden] { display: none; }
.calc__amount { margin: 14px 42px 0 0; }
.calc__amount > label { display: block; font-size: 0.9rem; font-weight: 600; color: var(--muted); margin-bottom: 6px; }
.calc__amount-row { display: flex; align-items: center; gap: 8px; max-width: 260px; border-bottom: 2px solid var(--green); }
.calc__amount-row input { flex: 1; min-width: 0; border: 0; background: transparent; font-family: var(--font); font-size: 1.5rem; font-weight: 300; color: var(--green); padding: 4px 0; outline: none; direction: ltr; text-align: right; }
.calc__cur { font-size: 1.2rem; color: var(--green); }
.calc__chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.calc__chips button { border: 1px solid var(--line-strong); background: #fff; padding: 5px 12px; font: inherit; font-size: 0.85rem; color: var(--green-ink); cursor: pointer; }
.calc__chips button:hover { border-color: var(--gold); background: #FBF5E6; }
.calc__quiz .calc__sum { border-top: 0; padding-top: 22px; }
@media (max-width: 640px) {
	.calc__qhint, .calc__walls, .calc__amount { margin-inline-start: 0; }
	.calc__yn { margin-inline-start: 0; }
}

/* 3 שאלות מתחת למחשבון */
.calc-quick { margin-top: clamp(40px, 6vh, 64px); display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(24px, 4vw, 56px); padding: clamp(24px, 3.4vw, 44px); background: linear-gradient(135deg, #FBF5E6 0%, #F6EBCF 100%); border: 2px solid var(--gold); }
.calc-quick__intro h3 { font-weight: 300; font-size: clamp(1.7rem, 3vw, 2.4rem); color: var(--green-ink); margin-bottom: 0.4em; }
.calc-quick__intro p { color: var(--ink); font-size: 1.12rem; }
.calc-quick__q { padding: 14px 0; border-bottom-color: rgba(168, 140, 81, 0.35); }
.calc-quick__q legend { font-size: 1rem; }
.calc-quick__gift { margin: 20px 0 16px; padding: 12px 16px; background: #fff; border-inline-start: 3px solid var(--green); font-size: 0.98rem; }
.calc-quick .lead-form__field input { background: #fff; }
@media (max-width: 920px) { .calc-quick { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .calc-quick .lead-form__row { grid-template-columns: 1fr; gap: 0; } }

/* ראש עמוד פנימי קומפקטי (26.10) */
.page-head { padding-block: clamp(112px, 13vh, 136px) clamp(26px, 3.5vw, 44px); }
.page-head h1 { font-size: clamp(1.8rem, 3.6vw, 2.7rem); line-height: 1.2; }
.page-head__lede { font-size: 1.06rem; margin-top: 10px; }
.page-head::after { width: 220px; height: 220px; bottom: -40px; }
@media (max-width: 640px) { .page-head { padding-block: 104px 26px; } }
.team__role { color: var(--gold-dark); font-weight: 700; font-size: 0.95rem; margin: 2px 0 10px; }
.team__member figcaption p { line-height: 1.75; }
.team { grid-template-columns: repeat(2, minmax(0, 480px)); gap: 40px; }
[class*="page-template-tpl-stories"] .reels { padding-block: clamp(36px, 5vw, 64px); }
.reviews-meta span { color: var(--gold-dark); letter-spacing: 2px; }
.reviews.reviews--grid { display: block; column-count: 3; column-gap: 20px; }
.reviews--grid .review { display: inline-block; width: 100%; break-inside: avoid; margin: 0 0 20px; }
@media (max-width: 1000px) { .reviews.reviews--grid { column-count: 2; } }
@media (max-width: 640px) { .reviews.reviews--grid { column-count: 1; } }

/* מרכז הידע */
.kb { padding-top: clamp(36px, 5vw, 64px); }
.kb-tag { display: inline-block; font-size: 0.82rem; font-weight: 700; color: var(--gold-dark); margin-bottom: 8px; }
.kb-featured { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); background: #1C2320; color: #F3EFE4; text-decoration: none; margin-bottom: clamp(32px, 5vw, 56px); overflow: hidden; }
.kb-featured__media img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; display: block; transition: transform 0.5s ease; }
.kb-featured:hover .kb-featured__media img { transform: scale(1.03); }
.kb-featured__body { display: flex; flex-direction: column; justify-content: center; padding: clamp(26px, 4vw, 56px); }
.kb-featured .kb-tag { color: var(--gold-light); }
.kb-featured__title { font-size: clamp(1.6rem, 2.8vw, 2.3rem); font-weight: 300; line-height: 1.25; color: #FBF8F0; margin-bottom: 14px; }
.kb-featured__excerpt { color: rgba(243, 239, 228, 0.78); font-size: 1.05rem; line-height: 1.7; margin-bottom: 22px; }
.kb-featured__more { color: var(--gold-light); font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.kb-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.kb-filters button { border: 1.5px solid var(--line-strong); background: #fff; padding: 9px 16px; font: inherit; font-weight: 600; color: var(--green-ink); cursor: pointer; transition: background-color 0.15s, color 0.15s, border-color 0.15s; }
.kb-filters button.is-active { background: var(--green); border-color: var(--green); color: #fff; }
.kb-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.kb-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); text-decoration: none; color: var(--ink); transition: box-shadow 0.2s, border-color 0.2s; }
.kb-card[hidden] { display: none; }
.kb-card:hover { box-shadow: var(--shadow-2); border-color: var(--gold); }
.kb-card__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.kb-card__body { padding: 20px 22px 24px; display: flex; flex-direction: column; }
.kb-card__title { font-weight: 700; font-size: 1.15rem; line-height: 1.4; color: var(--green-ink); margin-bottom: 8px; }
.kb-card__excerpt { color: var(--muted); font-size: 0.96rem; line-height: 1.65; }
.kb-calc { margin-top: clamp(40px, 6vw, 64px); display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 24px 28px; background: linear-gradient(135deg, #FBF5E6 0%, #F6EBCF 100%); border: 2px solid var(--gold); }
.kb-calc p { margin: 0; font-size: 1.08rem; }
@media (max-width: 1000px) { .kb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .kb-featured { grid-template-columns: 1fr; } .kb-featured__media img { min-height: 0; aspect-ratio: 16 / 9; } }
@media (max-width: 600px) { .kb-grid { grid-template-columns: 1fr; } }

/* מחשבון במצב ריק — בלי מספרים לדוגמה */
.calc__empty { display: none; }
.calc__body.is-empty .calc__result > :not(.calc__empty) { display: none; }
.calc__body.is-empty .calc__empty { display: block; }
.calc__empty-title { font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 300; color: #FBF8F0; line-height: 1.3; margin: 0 0 14px; }
.calc__empty p { color: rgba(243, 239, 228, 0.8); line-height: 1.7; }
.calc__empty-note a { color: var(--gold-light); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.calc__amount-row input::placeholder { color: rgba(0, 60, 24, 0.3); }

/* מקטע תשואה */
.b-yield { background: linear-gradient(180deg, #0E1F15 0%, #17301F 100%); color: #F3EFE4; padding-block: clamp(80px, 12vh, 140px); position: relative; overflow: hidden; }
.b-yield::before { content: "%"; position: absolute; inset-inline-end: -2vw; top: -6vw; font-size: 38vw; font-weight: 900; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(228, 197, 123, 0.08); pointer-events: none; }
.b-yield .b-display { color: #FBF8F0; max-width: 18em; }
.b-yield__kicker { color: var(--gold-light); font-weight: 700; margin: 0 0 12px; }
.b-yield__head { max-width: 860px; margin-bottom: clamp(36px, 6vh, 60px); position: relative; }
.b-yield__head > p:last-child { color: rgba(243, 239, 228, 0.82); font-size: 1.18rem; font-weight: 300; line-height: 1.75; }
.b-yield__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; position: relative; }
.b-yield__card { background: rgba(243, 239, 228, 0.05); border: 1px solid rgba(228, 197, 123, 0.25); padding: clamp(22px, 3vw, 34px); }
.b-yield__icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--gold-grad); color: #11210F; font-weight: 900; font-size: 1.35rem; margin-bottom: 18px; }
.b-yield__card h3 { color: #FBF8F0; font-size: 1.3rem; margin-bottom: 0.5em; }
.b-yield__card p { color: rgba(243, 239, 228, 0.76); margin: 0; line-height: 1.7; }
.b-yield__cases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 18px; position: relative; }
.b-yield__case { margin: 0; background: #FBF8F0; color: var(--ink); padding: clamp(24px, 3vw, 36px); border-top: 4px solid transparent; border-image: var(--gold-grad) 1; }
.b-yield__num { margin: 0 0 12px; font-size: clamp(2rem, 3.6vw, 2.9rem); font-weight: 300; line-height: 1.1; color: var(--green); direction: rtl; }
.b-yield__num small { font-size: 0.42em; font-weight: 600; color: var(--gold-dark); }
.b-yield__case blockquote { margin: 0 0 12px; font-size: 1.06rem; line-height: 1.7; }
.b-yield__case figcaption { font-weight: 700; color: var(--green-ink); font-size: 0.95rem; }
.b-yield__case figcaption a { color: var(--gold-dark); }
.b-yield__more { margin: 34px 0 10px; position: relative; }
.b-yield .b-textlink { color: var(--gold-light); }
.b-yield__note { color: rgba(243, 239, 228, 0.5) !important; position: relative; }
@media (max-width: 900px) { .b-yield__grid, .b-yield__cases { grid-template-columns: 1fr; } }
.section-head .deals-lede { font-weight: 300; font-size: clamp(1.6rem, 3vw, 2.4rem); color: var(--green-ink); line-height: 1.3; margin: 0; }

/* רשתות חברתיות */
.socials { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.socials a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; transition: transform 0.2s, background-color 0.2s, color 0.2s; }
.socials a:hover { transform: translateY(-2px); }
.socials--footer a { border: 1px solid rgba(228, 197, 123, 0.4); color: var(--gold-light); }
.socials--footer a:hover { background: var(--gold-grad); color: #11210F; }
.socials--contact { margin-top: 6px; }
.socials--contact a { background: var(--green); color: #fff; }
.socials--contact a:hover { background: var(--gold-grad); color: #11210F; }
.site-footer__follow { margin: 22px 0 10px; font-weight: 700; color: #FBF8F0; }
