/* ══ 9 · התשתית ══ השפה והמכניקה של 8. המסר: אתה היועץ, אנחנו התשתית שמאחוריך. */
:root {
  --r: 14px;
  --ink: #0A1F33;  --ink-2: #0E2740;  --ink-3: #061524;
  --sys: #7FB8E0;  --ai: #39ABE2;     --team: #5FD0B0;
  --line-d: rgba(255,255,255,.1);  --text-d: rgba(255,255,255,.78);  --mute-d: rgba(255,255,255,.52);
}
body.w9-layers { background: var(--ink); color: #E6EEF6; }
.w9-layers .site-header { background: rgba(10,31,51,.9); border-bottom-color: var(--line-d); }
.w9-layers .logo img, .w9-layers .footer-logo { filter: brightness(0) invert(1); }
.w9-layers .site-footer { background: var(--ink-3); }
.w9-layers section { scroll-margin-top: 90px; }

.s9-title { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.14; color: #fff; text-wrap: balance; margin-bottom: 18px; }
.s9-title em, .h9-title em, .p9-title em, .c9-title em, .m9-title em, .w9l-final em { font-style: normal; color: var(--ai); }
.s9-sub { color: var(--text-d); font-size: 1.12rem; max-width: 62ch; line-height: 1.7; }

/* ── ערימת השכבות: אתה בחזית, התשתית מאחור ── */
.stack { position: relative; height: 380px; perspective: 1200px; }
.layer { position: absolute; inset-inline: 0; height: 88px; border-radius: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 26px; border: 1px solid; backdrop-filter: blur(4px); transform: rotateX(52deg) rotateZ(-2deg); transform-origin: center; }
.l-name { font-family: 'Rubik', sans-serif; font-weight: 700; font-size: 1.25rem; letter-spacing: .02em; }
.l-desc { font-size: .92rem; opacity: .8; }
.l-team { top: 250px; background: rgba(95,208,176,.12); border-color: rgba(95,208,176,.5); color: #BFF0E0; }
.l-ai   { top: 176px; background: rgba(57,171,226,.16); border-color: rgba(57,171,226,.6); color: #CFEAF8; }
.l-sys  { top: 102px; background: rgba(127,184,224,.1);  border-color: rgba(127,184,224,.45); color: #DCEAF5; }
.l-you  { top: 34px; background: #fff; border-color: #fff; color: var(--ink); transform: rotateX(52deg) rotateZ(-2deg) translateZ(40px); box-shadow: 0 30px 60px rgba(0,0,0,.35); }
.l-you .l-name { font-family: 'Frank Ruhl Libre', Georgia, serif; font-size: 1.6rem; }
@media (prefers-reduced-motion: no-preference) {
  .stack-hero .layer { animation: rise .7s cubic-bezier(.2,.7,.2,1) both; }
  .stack-hero .l-sys { animation-delay: .08s; } .stack-hero .l-ai { animation-delay: .16s; } .stack-hero .l-team { animation-delay: .24s; }
  @keyframes rise { from { transform: rotateX(52deg) rotateZ(-2deg) translateY(22px); } }
  .stack-hero .l-you { animation-name: riseYou; }
  @keyframes riseYou { from { transform: rotateX(52deg) rotateZ(-2deg) translateZ(40px) translateY(22px); } }
}

/* ── 1 · HERO ── */
.h9 { padding: 104px 0 96px; background: radial-gradient(ellipse 60% 55% at 15% 35%, rgba(57,171,226,.16), transparent 62%), var(--ink); }
.h9-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; }
.h9-kicker { color: var(--ai); font-size: .92rem; letter-spacing: .08em; margin-bottom: 20px; }
.h9-title { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: clamp(2.5rem, 5.2vw, 4.6rem); line-height: 1.08; letter-spacing: -.02em; color: #fff; margin-bottom: 26px; text-wrap: balance; }
.h9-lead { font-size: clamp(1.08rem, 1.5vw, 1.28rem); line-height: 1.72; color: var(--text-d); max-width: 50ch; }
.h9-lead + .h9-lead { margin-top: 12px; }
.h9-lead b { color: #fff; }
.h9 .btn { margin-top: 34px; }

/* ── 2 · הבעיה ── */
.p9 { padding: 130px 0; background: var(--ink-2); text-align: center; }
.p9-title { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: clamp(2rem, 4.2vw, 3.4rem); line-height: 1.15; color: #fff; margin: 0 auto 30px; text-wrap: balance; }
.p9-lead { color: var(--text-d); font-size: 1.14rem; line-height: 1.7; max-width: 56ch; margin: 0 auto; }
.p9-work { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 26px auto 30px; padding: 0; max-width: 720px; }
.p9-work li { padding: 8px 16px; border-radius: 50px; border: 1px solid var(--line-d); background: rgba(255,255,255,.04); color: var(--mute-d); font-size: .96rem; }
.p9-turn { margin-top: 40px; font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: clamp(1.5rem, 2.6vw, 2rem); color: var(--ai); }

/* ── 3 · שלוש שכבות ── */
.l9 { padding: 120px 0 60px; }
.lay { display: grid; grid-template-columns: .82fr 1.18fr; gap: 56px; align-items: center; padding: 64px 0; border-top: 1px solid var(--line-d); }
.l9 .s9-title { margin-bottom: 30px; }
.lay-tag { display: inline-block; font-family: 'Rubik', sans-serif; font-weight: 700; font-size: .8rem; letter-spacing: .1em; padding: 5px 13px; border-radius: 50px; margin-bottom: 14px; }
.tag-sys { background: rgba(127,184,224,.15); color: var(--sys); border: 1px solid rgba(127,184,224,.4); }
.tag-ai { background: var(--ai); color: #06213A; }
.tag-team { background: rgba(95,208,176,.14); color: var(--team); border: 1px solid rgba(95,208,176,.45); }
.lay-opt { display: inline-block; margin-inline-start: 10px; font-size: .86rem; color: var(--team); }
.lay h3 { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: clamp(1.8rem, 3vw, 2.5rem); color: #fff; margin-bottom: 14px; }
.lay-copy p { color: var(--text-d); font-size: 1.06rem; line-height: 1.72; max-width: 46ch; }
.lay-copy p + p { margin-top: 10px; }
.lay-first { color: #fff !important; font-weight: 500; }
.lay-copy b, .lay-close { color: #fff; font-weight: 600; }
.lay-shot { margin: 0; }
.lay img { width: 100%; border-radius: 12px; border: 1px solid var(--line-d); box-shadow: 0 30px 70px rgba(0,0,0,.45); background: #0F2A44; cursor: zoom-in; }
.lay-trio { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
.lay-quad { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lay-new { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .08em; padding: 3px 10px; border-radius: 50px; color: var(--ai); background: rgba(57,171,226,.14); border: 1px solid rgba(57,171,226,.35); vertical-align: middle; margin-inline-start: 6px; }
.lay-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lay-trio figure, .lay-duo figure, .lay-quad figure { margin: 0; }
.lay-trio img, .lay-duo img, .lay-quad img { aspect-ratio: 1428 / 1000; object-fit: cover; object-position: right top; }
.lay figcaption { margin-top: 8px; font-size: .86rem; color: var(--mute-d); }
.lay-optional { border-top-style: dashed; border-top-color: rgba(95,208,176,.35); }

/* ── 4 · שלוש רמות ── */
.t9 { padding: 120px 0; background: var(--ink-2); }
.tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 46px; align-items: stretch; }
.tcard { display: flex; flex-direction: column; background: rgba(255,255,255,.04); border: 1px solid var(--line-d); border-radius: 16px; padding: 28px 26px 24px; }
.tcard:last-child { border-color: rgba(95,208,176,.35); }
.t-name { font-family: 'Rubik', sans-serif; font-weight: 700; font-size: 1.05rem; color: var(--ai); letter-spacing: .02em; direction: ltr; text-align: right; }
.tcard h3 { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: 1.5rem; color: #fff; margin: 6px 0 14px; }
.tcard p { color: var(--text-d); font-size: .99rem; line-height: 1.68; }
.t-line { color: #fff !important; font-weight: 500; margin-top: 14px; }
.t-stack { list-style: none; padding: 0; margin: auto 0 0; padding-top: 22px; display: flex; flex-direction: column; gap: 6px; }
.t-stack li { font-size: .9rem; padding: 7px 12px; border-radius: 8px; color: var(--mute-d); border: 1px dashed rgba(255,255,255,.14); }
.t-stack li.on { color: #fff; border: 1px solid rgba(57,171,226,.35); background: rgba(57,171,226,.1); }
.t-stack li.new { border-color: var(--ai); background: rgba(57,171,226,.2); font-weight: 600; }
.t-stack li.new::before { content: '+ '; color: var(--ai); }

/* ── 5 · הטבלה ── */
.x9 { padding: 120px 0; }
.table-scroll { overflow-x: auto; margin-top: 34px; }
.split { width: 100%; border-collapse: collapse; min-width: 560px; }
.split th, .split td { padding: 15px 16px; text-align: center; border-bottom: 1px solid var(--line-d); font-size: 1rem; }
.split thead th { color: var(--ai); font-family: 'Rubik', sans-serif; font-weight: 700; font-size: .95rem; direction: ltr; }
.split thead th:first-child, .split tbody th, .split tfoot th { text-align: start; direction: rtl; color: #fff; font-weight: 500; }
.split thead th:first-child { color: var(--mute-d); font-weight: 500; }
.who-cell { display: inline-block; min-width: 54px; padding: 4px 12px; border-radius: 50px; font-size: .88rem; font-weight: 600; }
.who-hk { background: rgba(127,184,224,.14); color: var(--sys); }
.who-ai { background: rgba(57,171,226,.22); color: #CFEAF8; }
.who-you-soft { color: var(--mute-d); font-weight: 400; }
.split tfoot th, .split tfoot td { border-bottom: 0; padding-top: 22px; padding-bottom: 22px; }
.split tfoot th, .split tfoot td { background: #fff; border: 0; }
.split tfoot th { color: var(--ink); font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: 1.15rem; border-start-start-radius: 12px; border-end-start-radius: 12px; }
.split tfoot td { color: var(--ink); font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: 1.7rem; }
.split tfoot td:last-child { border-start-end-radius: 12px; border-end-end-radius: 12px; }
.x9-close { margin-top: 30px; color: var(--text-d); font-size: 1.12rem; line-height: 1.7; max-width: 60ch; }
.x9-close span { display: block; color: #fff; font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: 1.5rem; margin-bottom: 6px; }

/* ── 6 · הסיור (מכניקת 8) ── */
.j-head { padding: 100px 0 10px; background: var(--ink); }
.tour { padding: 20px 0 80px; }
.tour-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: start; }
.tour-stage { order: 2; position: sticky; top: 92px; }
.tour-steps { order: 1; }
.tour-frame { position: relative; aspect-ratio: 1428 / 900; border-radius: 14px; overflow: hidden; background: #0F2A44; box-shadow: 0 40px 100px rgba(0,0,0,.5); border: 1px solid var(--line-d); }
.tour-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right top; opacity: 0; z-index: 1; transform: scale(1.015); transition: transform .5s ease; }
.tour-img.is-on { opacity: 1; z-index: 2; transform: scale(1); }
.proof { margin-top: 14px; min-height: 1.6em; position: relative; }
.proof-cap { position: absolute; inset-inline: 0; top: 0; font-size: .92rem; color: var(--mute-d); opacity: 0; }
.proof-cap.is-on { opacity: 1; }
.tour-dots { display: flex; gap: 8px; justify-content: center; margin-top: 16px; padding: 0; list-style: none; }
.tour-dots li { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.22); cursor: pointer; transition: all .25s; }
.tour-dots li.is-on { background: var(--ai); width: 28px; border-radius: 4px; }
.job { min-height: 58vh; display: flex; flex-direction: column; padding: 14vh 0 6vh; scroll-margin-top: 110px; opacity: .3; transition: opacity .4s; }
.job.is-on { opacity: 1; }
.tier { align-self: flex-start; font-family: 'Rubik', sans-serif; font-weight: 700; font-size: .8rem; letter-spacing: .06em; padding: 5px 13px; border-radius: 50px; margin-bottom: 16px; }
.tier-all { color: #fff; border: 1.5px solid rgba(255,255,255,.4); }
.tier-money { background: rgba(57,171,226,.2); color: #CFEAF8; border: 1.5px solid var(--ai); }
.tier-cash { background: rgba(95,208,176,.16); color: var(--team); border: 1.5px solid var(--team); }
.job h3 { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: clamp(1.7rem, 3vw, 2.6rem); color: #fff; line-height: 1.18; margin-bottom: 14px; text-wrap: balance; }
.job p { font-size: 1.1rem; line-height: 1.72; color: var(--text-d); max-width: 42ch; }
.job-bottom { margin-top: 14px; color: #fff !important; font-weight: 600; font-size: 1.2rem !important; }

/* ── 7 · קיבולת ── */
.c9 { padding: 140px 0; background: linear-gradient(180deg, var(--ink), var(--ink-3)); }
.c9-title { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: clamp(2.6rem, 6.4vw, 5.6rem); line-height: 1.04; color: #fff; letter-spacing: -.02em; text-wrap: balance; margin-bottom: 30px; }
.c9-body { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; max-width: 900px; }
.c9-body p { color: var(--text-d); font-size: 1.1rem; line-height: 1.72; }
.growth { margin: 60px 0 50px; display: flex; flex-direction: column; gap: 18px; }
.g-row { display: grid; grid-template-columns: 130px 1fr; align-items: center; gap: 20px; }
.g-lbl { color: var(--mute-d); font-size: .92rem; }
.g-dots { display: flex; flex-wrap: wrap; gap: 8px; }
.g-dots i { width: 16px; height: 16px; border-radius: 50%; background: var(--ai); opacity: .85; }
.g-dots i:nth-child(n+11) { opacity: .45; }
.g-row:last-child { grid-template-columns: 130px auto 1fr; }
.g-you { background: #fff; color: var(--ink); font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; padding: 6px 18px; border-radius: 50px; justify-self: start; }
.g-infra { color: var(--mute-d); font-size: .92rem; border-inline-start: 2px dashed rgba(255,255,255,.2); padding-inline-start: 16px; }
.c9-final { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: clamp(1.5rem, 2.8vw, 2.2rem); color: #fff; text-wrap: balance; }

/* ── 8 · מה נשאר אצלך ── */
.k9 { padding: 150px 0; background: #F4F7FB; color: var(--ink); }
.k9-q { color: #2B7FB0; font-size: 1.05rem; letter-spacing: .06em; margin-bottom: 10px; }
.k9-title { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: clamp(2.2rem, 4.6vw, 3.8rem); line-height: 1.1; color: var(--ink); margin-bottom: 44px; text-wrap: balance; }
.k9-lines { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.k9-lines li { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 500; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.4; color: #1E3A55; }
.k9-lines li:last-child { margin-top: 10px; font-weight: 700; color: var(--ink); max-width: 26ch; }
.k9-this { margin-top: 50px; font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: clamp(3rem, 8vw, 6rem); line-height: 1; color: #1B6FA3; letter-spacing: -.02em; }
.k9-close { margin-top: 16px; font-size: 1.2rem; color: #2A4460; font-weight: 500; }

/* ── 9 · White Label ── */
.w9l { padding: 130px 0; background: var(--ink-2); }
.w9l-head { max-width: 760px; margin-bottom: 44px; }
.w9l-intro { color: var(--text-d); font-size: 1.14rem; margin-bottom: 18px; }
.w9l-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.w9l-list li { color: #fff; font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: 1.25rem; }
.w9l-shot { position: relative; margin: 0; }
.w9l-shot img { width: 100%; border-radius: 14px; border: 1px solid rgba(57,171,226,.35); box-shadow: 0 50px 120px rgba(0,0,0,.55); background: #fff; cursor: zoom-in; }
.logo-ring { position: absolute; left: 86.2%; top: .9%; width: 12.8%; height: 4.6%; z-index: 2; border: 2px solid var(--ai); border-radius: 8px; box-shadow: 0 0 0 7px rgba(57,171,226,.2); pointer-events: none; }
.logo-note { position: absolute; top: -34px; right: 0; z-index: 2; background: var(--ai); color: #06213A; font-weight: 700; font-size: .85rem; padding: 5px 13px; border-radius: 50px; }
.w9l-final { margin-top: 46px; font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: clamp(2rem, 4.4vw, 3.6rem); line-height: 1.1; color: #fff; text-align: center; text-wrap: balance; }

/* ── 10 · המודל ── */
.m9 { padding: 130px 0; }
.m9-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 60px; align-items: center; }
.m9-title { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.16; color: #fff; margin-bottom: 26px; }
.m9 p { color: var(--text-d); font-size: 1.1rem; line-height: 1.72; max-width: 48ch; }
.m9 p + p { margin-top: 12px; }
.m9-model { color: #fff !important; font-weight: 700; font-size: 1.3rem !important; margin-top: 20px !important; }

/* ── 11 · אופיר ── */
.o9 { padding: 120px 0; background: linear-gradient(165deg, #0C4068, #082B47); }
.o9-title { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: clamp(1.9rem, 3.8vw, 3rem); line-height: 1.15; color: #fff; text-wrap: balance; }
.o9-sub { color: var(--ai); font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 700; font-size: 1.5rem; margin: 8px 0 18px; }
.o9 p { color: var(--text-d); font-size: 1.1rem; line-height: 1.7; max-width: 52ch; }
.o9 p + p { margin-top: 8px; }
.o9 b { color: #fff; }
.o9 .btn { margin-top: 28px; }
.o9-who { margin-top: 56px !important; color: var(--ai) !important; font-size: .9rem !important; letter-spacing: .1em; font-weight: 700; }
.o9-founders { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 18px; }
.o9-f { margin: 0; display: grid; grid-template-columns: 96px 1fr; gap: 18px; align-items: start; }
.o9-f img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: center top; border: 3px solid #fff; box-shadow: 0 14px 34px rgba(0,0,0,.35); cursor: default; }
.o9-f b { display: block; color: #fff; font-size: 1.12rem; margin-bottom: 4px; }
.o9-f span { color: var(--text-d); font-size: .98rem; line-height: 1.6; }
@media (max-width: 720px) { .o9-founders { grid-template-columns: 1fr; } }

/* ── 12 · סיום ── */
.f9 { padding: 120px 0 130px; background: var(--ink); text-align: center; }
.f9-title { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 800; font-size: clamp(2rem, 4.4vw, 3.4rem); color: #fff; line-height: 1.14; margin: 0 auto 18px; text-wrap: balance; }
.f9 p { color: var(--text-d); font-size: 1.15rem; line-height: 1.7; max-width: 52ch; margin: 0 auto 32px; }

/* ── מובייל ── */
@media (max-width: 960px) {
  .h9-grid, .lay, .m9-grid, .c9-body { grid-template-columns: 1fr; gap: 34px; }
  .stack { height: 330px; max-width: 460px; }
  .tiers { grid-template-columns: 1fr; }
  .lay-trio, .lay-quad { grid-template-columns: 1fr; }
  .tour-grid { grid-template-columns: 1fr; gap: 28px; }
  .tour-stage { position: static; order: 1; } .tour-steps { order: 2; }
  .job { min-height: 0; padding: 26px 0; opacity: 1; border-bottom: 1px solid var(--line-d); }
  .tour-frame { aspect-ratio: auto; } .tour-img { position: static; display: none; height: auto; } .tour-img.is-on { display: block; }
  .o9-grid { grid-template-columns: 1fr; } .o9-photo { width: 120px; height: 120px; }
  .logo-ring, .logo-note { display: none; }
  .h9, .p9, .l9, .t9, .x9, .c9, .k9, .w9l, .m9, .o9, .f9 { padding-top: 72px; padding-bottom: 72px; }
  .g-row, .g-row:last-child { grid-template-columns: 1fr; gap: 8px; }
}