@font-face { font-family: ShakedHeebo; src: url('../_fonts/Heebo-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: ShakedHeebo; src: url('../_fonts/Heebo-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }

:root {
  --violet: #382266;
  --orange: #C4462E;
  --teal: #006B64;
  --lime: #E3F169;
  --paper: #F2EFFF;
  --muted: #5b4d7a;
}

* { box-sizing: border-box; margin: 0; }
html { background: var(--paper); scroll-behavior: smooth; }
html, body { overflow-x: clip; }
body { font-family: ShakedHeebo, sans-serif; color: var(--violet); background: var(--paper); -webkit-font-smoothing: antialiased; }
b { font-weight: 700; }
.thin { font-weight: 400; opacity: .82; }
img { display: block; max-width: 100%; }
:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; }
.skip { position: absolute; top: -40px; right: 16px; background: var(--violet); color: #fff; padding: 8px 14px; z-index: 100; }
.skip:focus { top: 12px; }

h1, h2 { line-height: 1.04; letter-spacing: -0.02em; }
h2 { font-size: clamp(2.3rem, 4.8vw, 4.6rem); }
.kicker { font-size: .88rem; font-weight: 700; letter-spacing: .05em; color: var(--orange); margin-bottom: 16px; }
.lead { font-size: clamp(1.1rem, 1.5vw, 1.3rem); line-height: 1.6; }
.fine { font-size: .92rem; opacity: .75; margin-top: 10px; }
.btn { display: inline-block; padding: 16px 28px; background: var(--lime); color: var(--violet); text-decoration: none; font: inherit; font-weight: 700; border: 0; border-radius: 4px; cursor: pointer; transition: transform .3s; }
.btn:hover { transform: translateY(-2px); }
.btn.small { padding: 12px 20px; font-size: .95rem; }

.bar { position: fixed; top: 0; inset-inline: 0; z-index: 20; display: flex; justify-content: space-between; align-items: center; padding: 18px 44px; transition: background .4s; }
.bar.solid { background: rgba(242,239,255,.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.brand { display: inline-flex; background: rgba(242,239,255,.9); padding: 8px 14px; border-radius: 6px; }
.bar.solid .brand { background: transparent; }
.brand img { height: 36px; width: auto; }
.bar nav { display: flex; gap: 26px; align-items: center; background: rgba(56,34,102,.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 6px 6px 6px 18px; padding-inline-start: 20px; border-radius: 6px; }
.bar nav a { color: #fff; text-decoration: none; font-size: .96rem; }
.bar .nav-cta { background: var(--lime); color: var(--violet); padding: 9px 16px; border-radius: 4px; font-weight: 700; }

/* split hero */
.split { height: 240vh; position: relative; background: var(--violet); }
.split-sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.half { position: absolute; top: 0; height: 100%; width: 100%; will-change: transform; }
.half img { width: 100%; height: 100%; object-fit: cover; object-position: 0% 50%; }
.half.left { clip-path: inset(0 50% 0 0); }
.half.right { clip-path: inset(0 0 0 50%); }
.hero-text { position: absolute; top: 50%; right: 6vw; transform: translateY(-46%); max-width: 500px; color: #fff; z-index: 3; will-change: opacity, transform; }
.hero-text .kicker { color: var(--lime); }
.hero-text h1 { font-size: clamp(3rem, 6.4vw, 6.4rem); margin-bottom: 24px; }
.hero-text .lead { margin-bottom: 32px; color: #e8e1ff; max-width: 34ch; }
.between { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; opacity: 0; z-index: 2; pointer-events: none; }
.between-k { font-size: .9rem; color: var(--lime); letter-spacing: .06em; margin-bottom: 18px; }
.between p { font-size: clamp(2.6rem, 6vw, 6rem); line-height: 1.04; }

/* workshop: שרשור של בועות */
.workshop { padding: 18vh 6vw; }
.workshop-head { max-width: 660px; }
.workshop-head p:last-child { margin-top: 18px; font-size: 1.15rem; line-height: 1.6; color: var(--muted); }
.thread { display: flex; flex-direction: column; gap: 28px; margin-top: 9vh; max-width: 1100px; }
.bubble {
  max-width: 560px; padding: 30px 34px; border-radius: 30px; color: #fff;
  opacity: 0; transform: translateY(40px) scale(.96); transition: opacity .7s, transform .8s cubic-bezier(.2,.8,.2,1);
}
.bubble.on { opacity: 1; transform: none; }
.b1 { background: var(--orange); border-end-start-radius: 6px; }
.b2 { background: var(--teal); align-self: flex-end; border-end-end-radius: 6px; }
.b3 { background: var(--violet); margin-inline-start: 12vw; border-end-start-radius: 6px; }
.bubble .who { font-size: .85rem; letter-spacing: .1em; opacity: .75; }
.bubble h3 { font-size: 1.9rem; margin: 6px 0 10px; }
.bubble p { font-size: 1.08rem; line-height: 1.6; opacity: .92; }

/* noa */
.noa { display: grid; grid-template-columns: 1fr 1.1fr; gap: 6vw; align-items: center; padding: 16vh 6vw; background: #fff; }
.noa-art img { width: 100%; max-width: 560px; will-change: transform; }
.noa-art figcaption { margin-top: 18px; font-size: 1.1rem; font-weight: 700; color: var(--teal); }
.noa-text .lead { margin: 22px 0 14px; }
.noa-text p:last-child { font-size: 1.06rem; line-height: 1.7; color: var(--muted); max-width: 52ch; }

/* try */
.try { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 5vw; padding: 16vh 6vw; background: var(--violet); color: #fff; }
.try .kicker { color: var(--lime); }
.try blockquote { font-size: clamp(2.4rem, 4.6vw, 4.4rem); font-weight: 700; line-height: 1.05; margin-bottom: 26px; }
.try .lead { color: #e8e1ff; }
.answers { display: flex; flex-direction: column; gap: 12px; }
.answers button {
  display: flex; align-items: center; gap: 18px; text-align: right; font: inherit; color: var(--violet);
  background: var(--paper); border: 0; border-radius: 22px; padding: 18px 22px; cursor: pointer;
  transition: transform .4s cubic-bezier(.2,.8,.2,1), background .3s, color .3s;
}
@media (hover: hover) { .answers button:hover { transform: translateX(-8px); } }   /* במגע ה־hover נדבק ומזיז את התשובה שנבחרה */
.answers .letter { flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--violet); color: #fff; font-weight: 700; }
.answers b { display: block; font-size: 1.25rem; }
.answers small { font-size: .9rem; opacity: .7; }
.answers button[aria-pressed="true"] { background: var(--lime); }
.answers.picked button[aria-pressed="false"] { opacity: .55; }
.reply { margin-top: 22px; padding: 26px 28px; border-radius: 22px; background: rgba(242,239,255,.08); border: 1px solid rgba(242,239,255,.2); }
.reply-k { font-size: .85rem; color: var(--lime); letter-spacing: .05em; }
.reply p { margin-top: 8px; font-size: 1.15rem; line-height: 1.6; min-height: 3.2em; }
/* מרחק בין שני "פרצופים": תגובה פותחת מקום או סוגרת אותו */
.gap { display: flex; align-items: center; justify-content: center; gap: 0; margin-top: 18px; height: 54px; }
.gap .face { width: 54px; height: 54px; border-radius: 50% 50% 50% 8px; }
.gap .f1 { background: var(--orange); }
.gap .f2 { background: var(--teal); border-radius: 50% 50% 8px 50%; }
.gap .space { display: block; height: 4px; width: var(--gap, 60px); background: repeating-linear-gradient(to left, var(--lime) 0 8px, transparent 8px 14px); transition: width .8s cubic-bezier(.2,.8,.2,1); }

/* flow */
.flow { padding: 16vh 6vw; }
.flow-list { list-style: none; padding: 0; margin-top: 8vh; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; counter-reset: f; position: relative; }
.flow-list::before { content: ""; position: absolute; top: 9px; inset-inline: 0; height: 3px; background: linear-gradient(to left, var(--orange), var(--teal), var(--violet)); transform-origin: right; transform: scaleX(var(--flow, 0)); }
.flow-list li { padding: 44px 28px 0 0; position: relative; }
.flow-list li::before { content: ""; position: absolute; top: 0; right: 0; width: 21px; height: 21px; border-radius: 50%; background: var(--paper); border: 4px solid var(--violet); }
.flow-list .tag { font-size: .85rem; color: var(--orange); font-weight: 700; }
.flow-list h3 { font-size: 1.6rem; margin: 10px 0; }
.flow-list p { font-size: 1.05rem; line-height: 1.6; color: var(--muted); max-width: 32ch; }

/* note */
.note { display: grid; grid-template-columns: 1fr 1fr; gap: 5vw; align-items: center; padding: 16vh 6vw; background: var(--lime); }
.note .kicker { color: var(--violet); }
.topics { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.topics button { font: inherit; font-weight: 700; font-size: 1.05rem; color: var(--violet); background: transparent; border: 2px solid var(--violet); padding: 12px 20px; border-radius: 999px; cursor: pointer; transition: background .3s, color .3s; }
.topics button[aria-pressed="true"], .topics button:hover { background: var(--violet); color: var(--lime); }
.paper { background: #fff; padding: 34px; border-radius: 6px; transform: rotate(1.4deg); box-shadow: 0 30px 50px -30px rgba(56,34,102,.5); }
.paper-k { font-size: .85rem; color: var(--orange); font-weight: 700; }
.paper p#plan { font-size: 1.2rem; line-height: 1.6; margin: 14px 0 20px; min-height: 4.8em; }

.foot { padding: 50px 6vw; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.foot img { height: 34px; width: auto; }
.foot p { flex: 1; min-width: 240px; font-size: .92rem; color: var(--muted); }
.foot a { color: var(--orange); font-weight: 700; }

@media (max-width: 800px) {
  .bar { padding: 14px 16px; }
  .brand img { height: 28px; }
  .bar nav a:not(.nav-cta) { display: none; }
  .bar nav { background: transparent; padding: 0; }
  .split { height: 200vh; }
  .half img { object-position: 22% 50%; }
  .between p { font-size: 2.2rem; }
  .hero-text { top: auto; bottom: 6vh; right: 18px; left: 18px; transform: none; background: rgba(56,34,102,.86); padding: 22px; border-radius: 8px; }
  .hero-text h1 { font-size: 2.6rem; margin-bottom: 12px; }
  .hero-text .lead { font-size: 1rem; margin-bottom: 18px; }
  .workshop, .noa, .try, .flow, .note { padding: 12vh 18px; }
  .b3 { margin-inline-start: 0; }
  .noa, .try, .note { grid-template-columns: 1fr; }
  .flow-list { grid-template-columns: 1fr; gap: 30px; }
  .flow-list::before { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .bubble { opacity: 1; transform: none; transition: none; }
  .gap .space { transition: none; }
}
/* ניגודיות AA */
.kicker, .flow-list .tag, .foot a, .paper-k { color: #a83a24; }
.hero-text .kicker, .try .kicker { color: var(--lime); }
.note .kicker { color: var(--violet); }
.bar nav { background: rgba(56,34,102,.94); }

/* לוגו וקטורי: הסמל מצטייר והשם נכנס */
.logo { height: 54px; width: auto; display: block; overflow: visible; }
.foot .logo { height: 48px; }
.lg-draw { stroke-dasharray: 160; stroke-dashoffset: 160; animation: lg-draw 1.1s .15s cubic-bezier(.2,.8,.2,1) forwards; }
.lg-draw.d2 { animation-delay: .45s; }
.lg-pop { transform-box: fill-box; transform-origin: 50% 100%; transform: scale(.4); opacity: 0; animation: lg-pop .7s .1s cubic-bezier(.3,1.5,.5,1) forwards; }
.lg-pop.d2 { animation-delay: .25s; } .lg-pop.d3 { animation-delay: .4s; }
.lg-text { opacity: 0; animation: lg-in .8s .3s ease forwards; } .lg-text.d2 { animation-delay: .5s; }
@keyframes lg-draw { to { stroke-dashoffset: 0; } }
@keyframes lg-pop { to { transform: none; opacity: 1; } }
@keyframes lg-in { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .lg-draw, .lg-pop, .lg-text { animation: none; stroke-dashoffset: 0; opacity: 1; transform: none; } }

.reply { position: relative; }
.typing { position: absolute; top: 12px; left: 16px; width: 70px; height: 70px; background: var(--paper); border-radius: 50%; transition: opacity .4s, transform .4s; }
.answers.picked ~ .reply .typing { opacity: 0; transform: scale(.6); }

/* ---------- תפריט: בועה ומסך מלא ---------- */
.bar nav { display: none; }
.bubble-btn { position: relative; z-index: 40; display: flex; align-items: center; gap: 10px; border: 0; cursor: pointer; font: inherit; font-weight: 700; color: var(--violet); background: var(--lime); padding: 12px 18px; border-radius: 22px 22px 6px 22px; transition: transform .3s; }
.bubble-btn:hover { transform: translateY(-2px); }
.bubble-dots { display: flex; gap: 3px; }
.bubble-dots i { width: 5px; height: 5px; border-radius: 50%; background: var(--violet); animation: blink 1.2s infinite; }
.bubble-dots i:nth-child(2) { animation-delay: .2s; } .bubble-dots i:nth-child(3) { animation-delay: .4s; }
@keyframes blink { 0%, 60%, 100% { opacity: .3; } 30% { opacity: 1; } }
.talk-menu { position: fixed; inset: 0; z-index: 35; display: flex; flex-direction: column; justify-content: center; justify-content: safe center; overflow-y: auto; overscroll-behavior: contain; gap: 4px; padding: 90px 8vw 40px; background: var(--violet); clip-path: circle(0 at calc(100% - 80px) 40px); transition: clip-path .7s cubic-bezier(.7,0,.2,1); visibility: hidden; }
.menu-open .talk-menu { clip-path: circle(150% at calc(100% - 80px) 40px); visibility: visible; }
.talk-k { color: var(--lime); font-weight: 700; margin-bottom: 18px; }
.talk-menu a { color: #fff; text-decoration: none; font-size: clamp(2rem, 5vw, 4rem); font-weight: 700; line-height: 1.15; display: flex; gap: 18px; align-items: baseline; opacity: 0; transform: translateY(20px); transition: opacity .5s, transform .6s cubic-bezier(.2,.8,.2,1), color .3s; }
.talk-menu a span { font-size: 1rem; color: var(--lime); font-weight: 400; }
.talk-menu a:hover, .talk-menu a.is-current { color: var(--lime); }
.menu-open .talk-menu a { opacity: 1; transform: none; }
.menu-open .talk-menu a:nth-of-type(1) { transition-delay: .25s; } .menu-open .talk-menu a:nth-of-type(2) { transition-delay: .3s; } .menu-open .talk-menu a:nth-of-type(3) { transition-delay: .35s; }
.menu-open .talk-menu a:nth-of-type(4) { transition-delay: .4s; } .menu-open .talk-menu a:nth-of-type(5) { transition-delay: .45s; } .menu-open .talk-menu a:nth-of-type(6) { transition-delay: .5s; }
.menu-open .bar .brand { position: relative; z-index: 40; }
.menu-open .bar { z-index: 40; background: transparent !important; }
.menu-open .bubble-txt::after { content: " · סגירה"; }

/* ---------- בלוקי תוכן: צבעי שיח ---------- */
:root { --b-ink: var(--violet); --b-acc: #AD3B24; --b-paper: var(--paper); --b-card: #fff; --b-muted: var(--muted); --b-line: #ddd6f3; --b-radius: 30px; --b-overlay: rgba(40,22,80,.8); }
/* שיח: כרטיסים בצורת בועות דיבור */
.workshops { background: var(--paper); }
.workshops .svc { border-radius: 30px 30px 30px 6px; border: 0; box-shadow: 0 18px 40px -30px rgba(56,34,102,.5); }
.workshops .svc:nth-child(even) { border-radius: 30px 30px 6px 30px; }
.workshops .svc:nth-child(2) .svc-ic { background: rgba(0,107,100,.12); color: var(--teal); }
.workshops .svc:nth-child(3) .svc-ic { background: rgba(227,241,105,.5); color: var(--violet); }
.workshops .svc:nth-child(2) li::before { background: var(--teal); }
.reviews { background: #fff; }
.reviews .rev { border-radius: 30px 30px 30px 6px; background: var(--paper); border: 0; }
.reviews .rev:nth-child(2) { background: var(--violet); color: #fff; border-radius: 30px 30px 6px 30px; }
.reviews .rev:nth-child(2) footer { color: #d9d0f5; }
.reviews .rev:nth-child(2) blockquote::before { color: var(--lime); }
.nlp-qa { background: var(--paper); }
.contact { background: var(--violet); color: #fff; }
.contact .blk-kicker { color: var(--lime); }
.contact .contact-lines .ic { background: rgba(227,241,105,.14); color: var(--lime); }
.contact .cform { border-radius: 30px 30px 30px 6px; }
/* סבב 2 */
.teams { background: #fff; }
.teams .tline li::before { border-radius: 50% 50% 50% 4px; }
.where-talk { background: var(--paper); }
.where-talk .pick-opts button { border-radius: 22px 22px 22px 6px; }
.where-talk .pick-opts button[aria-pressed="true"] { background: var(--violet); }
.where-talk .pick-out { border-radius: 30px 30px 30px 6px; border: 0; box-shadow: 0 24px 50px -36px rgba(56,34,102,.6); }
.moves { background: var(--violet); color: #fff; --b-line: rgba(255,255,255,.25); --b-paper: var(--violet); --b-acc: var(--lime); --b-muted: #d9d0f5; }
.moves .blk-head h2 b, .moves .blk-head h2 .thin { color: #fff; }
.moves .tline ul li { background: rgba(255,255,255,.08); border-radius: 16px 16px 16px 4px; padding: 12px 14px; font-size: 1rem; color: #fff; }
.moves .tline ul li::before { display: none; }
.outcomes { background: #fff; }
.notebook { background: var(--paper); }
.notebook .tip-c { border: 0; border-radius: 30px 30px 30px 6px; }
.notebook .tip-c:nth-child(2) .tn { color: var(--teal); }
.notebook .tip-c:nth-child(3) .tn { color: var(--violet); }

/* =================== סבב 3: בלי ליים, בלי צבע אחיד, כרטיסים עם תמונה =================== */
:root {
  --lime: #F4B26B; /* משמש במקום הירוק־צהוב */
  --apricot: #F4B26B; --apricot-2: #EE9A5C; --violet-2: #24164A; --violet-3: #5B3A9A;
  --k-ink: var(--violet); --k-muted: var(--muted); --k-acc: #B23E27; --k-acc2: var(--apricot); --k-card: #fff; --k-line: rgba(56,34,102,.16);
  --k-btn: linear-gradient(135deg, #F6C089, var(--apricot)); --k-btn-text: var(--violet);
  --b-overlay: rgba(36,22,74,.82);
}
body { background: radial-gradient(900px 700px at 100% 20%, rgba(244,178,107,.16), transparent 60%), radial-gradient(900px 800px at 0% 70%, rgba(0,107,100,.08), transparent 60%), var(--noise), linear-gradient(180deg, #F4F1FF, #F7F2FA 50%, #F4F1FF); background-attachment: fixed; }
.brand, .bar.solid .brand { background: none; padding: 0; border-radius: 0; }
.logo { height: 54px; width: auto; display: block; overflow: visible; }
.bar.solid { background: linear-gradient(180deg, rgba(244,241,255,.94), rgba(244,241,255,.8)); }
.btn { border-radius: 999px; background: linear-gradient(135deg, #F6C089, var(--apricot) 55%, var(--apricot-2)); box-shadow: 0 14px 28px -16px rgba(238,154,92,.9); }
.split { background: radial-gradient(70vw 60vw at 50% 55%, var(--violet-3), var(--violet) 55%, var(--violet-2)); }
.split::after { content: ""; position: absolute; inset: 0; background-image: var(--noise); mix-blend-mode: overlay; pointer-events: none; }
.between { background: radial-gradient(40vw 30vw at 50% 50%, rgba(244,178,107,.18), transparent 70%); }
.hero-text .kicker, .try .kicker, .between-k { color: var(--apricot); }

.kick { display: inline-flex; align-items: center; gap: 12px; font-size: .95rem; font-weight: 700; color: #B23E27; margin-bottom: 16px; }
.kick::before { content: ""; width: 26px; height: 18px; border-radius: 10px 10px 10px 3px; background: linear-gradient(135deg, var(--apricot), var(--orange)); }
.sec-head { max-width: 760px; margin-bottom: 7vh; }
.sec-head.center { margin-inline: auto; text-align: center; }
.sec-head h2 { font-size: clamp(2.3rem, 4.8vw, 4.4rem); font-weight: 700; line-height: 1.05; letter-spacing: -0.02em; }
.sec-head h2 em { display: block; font-style: normal; font-weight: 400; color: var(--teal); }
.sec-head p { margin-top: 18px; font-size: 1.15rem; line-height: 1.65; color: var(--muted); max-width: 56ch; }
.sec-head.center p { margin-inline: auto; }

/* סדנאות ושיחות: כרטיסי תמונה בצורת בועה */
.ws, .where-talk { padding: 16vh 6vw 10vh; }
.ws { background: radial-gradient(60vw 40vw at 20% 30%, rgba(244,178,107,.16), transparent 70%); }
.where-talk { background: radial-gradient(60vw 40vw at 80% 40%, rgba(0,107,100,.10), transparent 70%); }
.ws .sec-head, .where-talk .sec-head { margin-bottom: 0; }
.ws .cc, .where-talk .cc { border-radius: 34px 34px 34px 8px; }
.ws .cc:nth-child(even), .where-talk .cc:nth-child(even) { border-radius: 34px 34px 8px 34px; }
.cc-badge { background: linear-gradient(135deg, var(--violet-3), var(--violet)); }
.ws .cc:nth-child(2) .cc-badge, .where-talk .cc:nth-child(2) .cc-badge { background: linear-gradient(135deg, #0B8A80, var(--teal)); }
.ws .cc:nth-child(3) .cc-badge, .where-talk .cc:nth-child(3) .cc-badge { background: linear-gradient(135deg, #D85A3E, #B23E27); }
.cc-nav button { background: linear-gradient(135deg, #F6C089, var(--apricot)); color: var(--violet); }

/* צירים לאורך */
.teams, .moves { padding: 16vh 6vw; }
.teams { background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(244,178,107,.12) 60%, rgba(255,255,255,0)); }
.moves { color: #fff; background: radial-gradient(60vw 50vw at 80% 10%, rgba(244,178,107,.22), transparent 60%), radial-gradient(50vw 50vw at 10% 90%, rgba(0,107,100,.35), transparent 60%), linear-gradient(160deg, var(--violet-3), var(--violet) 50%, var(--violet-2)); --k-muted: #DCD3F7; --k-card: rgba(255,255,255,.1); --k-line: rgba(255,255,255,.2); --k-acc: var(--apricot); }
.moves .sec-head h2 em { color: var(--apricot); }
.moves .sec-head p { color: #DCD3F7; }
.moves .kick { color: var(--apricot); }
.moves .vtl-node { color: var(--apricot); }
.moves .vtl-item.on .vtl-node { color: var(--violet); }
.moves .vtl-card p { color: #E7E0FB; }

/* איך זה מרגיש: מרכז + נקודות */
.feel { padding: 16vh 5vw 14vh; background: radial-gradient(50vw 40vw at 50% 60%, rgba(244,178,107,.25), transparent 70%); }
.feel .hub { max-width: 1240px; margin: 0 auto; }
.feel .hub-ic { background: radial-gradient(circle at 30% 25%, #7B5BC4, var(--violet)); }
.feel .hub-col .hub-item:nth-child(2) .hub-ic { background: radial-gradient(circle at 30% 25%, #19A396, var(--teal)); }

/* בועות "מילים קטנות": שיחה מונפשת */
.workshop { background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.7) 40%, rgba(255,255,255,0)); }
.chat { max-width: 940px; margin: 0 auto; display: grid; gap: 26px; }
.msg { display: flex; align-items: flex-end; gap: 14px; max-width: 78%; }
.msg.theirs { margin-inline-start: auto; flex-direction: row-reverse; }
.msg-av { flex: none; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--orange), #E8784F); box-shadow: 0 12px 24px -12px rgba(0,0,0,.4); }
.msg.theirs .msg-av { background: linear-gradient(135deg, #19A396, var(--teal)); }
.msg:nth-child(3) .msg-av { background: linear-gradient(135deg, #7B5BC4, var(--violet)); }
.msg-av svg { width: 28px; height: 28px; }
.msg-b { position: relative; padding: 26px 30px; border-radius: 30px 30px 30px 6px; color: #fff; background: linear-gradient(135deg, #D2573C, var(--orange)); box-shadow: 0 24px 44px -26px rgba(56,34,102,.6); }
.msg.theirs .msg-b { border-radius: 30px 30px 6px 30px; background: linear-gradient(135deg, #12978C, var(--teal)); }
.msg:nth-child(3) .msg-b { background: linear-gradient(135deg, #6B4AB8, var(--violet)); }
.msg-n { font-size: .85rem; font-weight: 700; opacity: .8; }
.msg-b h3 { font-size: 1.6rem; margin: 6px 0 8px; }
.msg-b p { font-size: 1.05rem; line-height: 1.6; opacity: .95; }
.msg-b.dots { display: flex; gap: 6px; padding: 20px 24px; background: linear-gradient(135deg, #fff, #F1ECFF); }
.dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--violet); opacity: .4; animation: dot 1.2s infinite; }
.dots i:nth-child(2) { animation-delay: .2s; } .dots i:nth-child(3) { animation-delay: .4s; }
@keyframes dot { 30% { opacity: 1; transform: translateY(-4px); } }

.noa { background: radial-gradient(50vw 40vw at 85% 30%, rgba(244,178,107,.2), transparent 70%), linear-gradient(180deg, #fff, #F7F2FF); }
.try { background: radial-gradient(60vw 50vw at 15% 20%, rgba(244,178,107,.2), transparent 60%), linear-gradient(150deg, var(--violet-3), var(--violet) 55%, var(--violet-2)); }
.answers button[aria-pressed="true"] { background: linear-gradient(135deg, #F6C089, var(--apricot)); }

/* שש מיומנויות: מעגל אייקונים */
.skills { padding: 16vh 6vw; background: radial-gradient(40vw 40vw at 50% 55%, rgba(244,178,107,.22), transparent 70%); }
.skills .orbit-btn { color: var(--violet); }
.skills .orbit-btn:nth-child(3n) { color: var(--teal); }
.skills .orbit-btn:nth-child(3n+1) { color: #B23E27; }
.skills .orbit-btn[aria-pressed="true"] { background: linear-gradient(135deg, var(--violet-3), var(--violet)); color: #fff; }

.note { background: radial-gradient(40vw 40vw at 15% 30%, rgba(255,255,255,.45), transparent 60%), linear-gradient(135deg, #F8C690, var(--apricot) 50%, var(--apricot-2)); }
.topics button[aria-pressed="true"], .topics button:hover { color: var(--apricot); }

/* מחברת: דף אמיתי עם קווים ומדבקות */
.notebook { padding: 16vh 6vw; background: radial-gradient(50vw 40vw at 70% 50%, rgba(0,107,100,.08), transparent 70%); }
.nb-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: 5vw; align-items: center; }
.nb-page { position: relative; padding: 46px 44px 40px; padding-inline-start: 70px; border-radius: 8px 24px 24px 8px; background:
    linear-gradient(90deg, transparent 54px, rgba(196,70,46,.35) 54px 56px, transparent 56px),
    repeating-linear-gradient(180deg, transparent 0 37px, rgba(56,34,102,.12) 37px 38px),
    linear-gradient(170deg, #FFFDF6, #FBF4E3);
  box-shadow: 0 40px 70px -40px rgba(56,34,102,.6), 0 2px 0 #fff inset; transform: rotate(-1.4deg); }
[dir="rtl"] .nb-page { background:
    linear-gradient(270deg, transparent 54px, rgba(196,70,46,.35) 54px 56px, transparent 56px),
    repeating-linear-gradient(180deg, transparent 0 37px, rgba(56,34,102,.12) 37px 38px),
    linear-gradient(170deg, #FFFDF6, #FBF4E3); }
.nb-tape { position: absolute; top: -14px; right: 18%; width: 110px; height: 30px; background: rgba(244,178,107,.65); transform: rotate(-6deg); box-shadow: 0 4px 10px -6px rgba(0,0,0,.3); }
.nb-tape.t2 { right: auto; left: 12%; background: rgba(0,107,100,.35); transform: rotate(5deg); }
.nb-list { list-style: none; padding: 0; display: grid; gap: 22px; }
.nb-list li { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: start; }
.nb-n { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; color: #fff; background: linear-gradient(135deg, var(--orange), #B23E27); transform: rotate(-6deg); }
.nb-list li:nth-child(2) .nb-n { background: linear-gradient(135deg, #19A396, var(--teal)); }
.nb-list li:nth-child(3) .nb-n { background: linear-gradient(135deg, #7B5BC4, var(--violet)); }
.nb-list b { font-size: 1.25rem; }
.nb-list p { margin-top: 4px; font-size: 1.04rem; line-height: 1.6; color: var(--muted); }
.nb-sign { display: block; text-align: end; margin-top: 18px; font-size: 1.5rem; font-weight: 700; color: var(--teal); transform: rotate(-4deg); }

/* המלצות: בועות דיבור */
.reviews { padding: 14vh 6vw; background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.75) 40%, rgba(255,255,255,0)); }
.revs-note { display: inline-flex; margin-top: 16px; padding: 6px 14px; border-radius: 999px; border: 1px dashed var(--muted); font-size: .85rem; color: var(--muted); }
.bub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto; }
.bub { margin: 0; display: flex; flex-direction: column; gap: 16px; }
.bub blockquote { position: relative; padding: 30px 30px; border-radius: 34px 34px 34px 8px; font-size: 1.12rem; line-height: 1.7; color: #fff; background: linear-gradient(135deg, #6B4AB8, var(--violet)); box-shadow: 0 30px 60px -34px rgba(56,34,102,.7); }
.bub:nth-child(2) blockquote { background: linear-gradient(135deg, #12978C, var(--teal)); transform: translateY(24px); border-radius: 34px 34px 8px 34px; }
.bub:nth-child(3) blockquote { background: linear-gradient(135deg, #D2573C, var(--orange)); }
.bub blockquote::before { content: "״"; display: block; font-size: 3.2rem; line-height: .5; color: var(--apricot); margin-bottom: 8px; }
.bub figcaption { display: flex; align-items: center; gap: 10px; padding-inline-start: 18px; }
.bub:nth-child(2) figcaption { margin-top: 24px; }
.bub-av { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; color: var(--violet); background: linear-gradient(135deg, #F6C089, var(--apricot)); }
.bub figcaption small { color: var(--muted); }

.qa-sec { padding: 12vh 6vw; }
.faq-list { max-width: 860px; margin: 0 auto; display: grid; gap: 12px; }
.faq-list details { border-radius: 24px 24px 24px 6px; padding: 20px 26px; background: rgba(255,255,255,.7); box-shadow: 0 1px 0 rgba(56,34,102,.08); transition: background .3s, box-shadow .3s; }
.faq-list details[open] { background: linear-gradient(160deg, #fff, #F5F0FF); box-shadow: 0 20px 40px -30px rgba(56,34,102,.6); }
.faq-list summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 1.18rem; font-weight: 700; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(244,178,107,.3); color: var(--violet); font-size: 1.4rem; transition: transform .3s; }
.faq-list details[open] summary::after { transform: rotate(45deg); background: var(--violet); color: #fff; }
.faq-list details p { margin-top: 12px; font-size: 1.05rem; line-height: 1.7; color: var(--muted); }

.contact { background: radial-gradient(60vw 40vw at 85% 10%, rgba(244,178,107,.25), transparent 60%), linear-gradient(150deg, var(--violet-3), var(--violet) 55%, var(--violet-2)); }
.contact .contact-lines .ic { background: rgba(244,178,107,.16); color: var(--apricot); }
.contact .cform button { background: linear-gradient(135deg, #F6C089, var(--apricot)); color: var(--violet); }
.foot .logo { height: 48px; }

@media (max-width: 860px) {
  .ws, .where-talk, .teams, .moves, .feel, .skills, .notebook, .reviews, .qa-sec { padding-inline: 20px; }
  .msg { max-width: 100%; }
  .nb-wrap { grid-template-columns: 1fr; }
  .nb-page { padding: 34px 22px 30px; padding-inline-start: 64px; transform: none; }
  .bub-grid { grid-template-columns: 1fr; }
  .bub:nth-child(2) blockquote { transform: none; }
  .bub:nth-child(2) figcaption { margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) { .dots i { animation: none; } }
/* הלוגו לבן מעל הפתיחה הכהה, וחוזר לצבעו כשהפס מתמלא */
.bar:not(.solid) .logo text { fill: #fff; }
.ws .cc:nth-child(2) .cc-badge, .where-talk .cc:nth-child(2) .cc-badge { background: linear-gradient(135deg, #00756D, #005C55); }
.ws .cc:nth-child(3) .cc-badge, .where-talk .cc:nth-child(3) .cc-badge { background: linear-gradient(135deg, #B23E27, #962F1C); }
.msg-b { background: linear-gradient(135deg, #B8432A, #A33A24); }
.msg.theirs .msg-b { background: linear-gradient(135deg, #00756D, #005C55); }
.bub:nth-child(2) blockquote { background: linear-gradient(135deg, #00756D, #005C55); }
.bub:nth-child(3) blockquote { background: linear-gradient(135deg, #B8432A, #A33A24); }

/* =================== סבב 4: רקעים אחידים ועדינים (לילך), כפתורים בצבע אחד עם צל עדין =================== */
:root {
  --bgA: #F8F5FF;   /* לילך בהיר מאוד */
  --bgB: #EFE8FD;   /* לילך רך */
  --bgW: #FFFFFF;
  --bgApr: #FFF1E2; /* משמש רך */
  --k-btn: #F4B26B; --k-btn-text: #382266; --k-shadow: rgba(214,128,48,.45);
}
html { background: var(--bgA); }
body { background: var(--bgA); background-attachment: scroll; }

/* פתיחה: המרווח בין שני החצאים נפתח אל לילך רך, והמשפט בסגול */
.split { background: var(--bgB); }
.split::after { display: none; }
.between { background: none; color: var(--violet); }
.between-k { color: #B23E27; }

/* רקע אחיד לכל סקשן, לסירוגין */
.ws, .where-talk, .noa, .skills, .reviews, .foot { background: var(--bgA); }
.teams, .workshop, .try, .notebook, .qa-sec { background: var(--bgW); }
.feel, .moves { background: var(--bgB); }
.note { background: var(--bgApr); }

/* ארבע תנועות: על לילך, טקסט כהה */
.moves { color: var(--violet); --k-muted: var(--muted); --k-card: #fff; --k-line: rgba(56,34,102,.16); --k-acc: var(--violet); --k-acc2: var(--apricot); }
.moves .sec-head h2 em { color: var(--teal); }
.moves .sec-head p, .moves .vtl-card p { color: var(--muted); }
.moves .kick { color: #B23E27; }
.moves .vtl-node { color: var(--violet); }
.moves .vtl-item.on .vtl-node { color: #fff; }

/* התרגול: בהיר, כרטיסים לבנים */
.try { color: var(--violet); }
.try .kicker, .reply-k { color: #B23E27; }
.try .lead { color: var(--muted); }
.answers button { background: var(--bgA); box-shadow: inset 0 0 0 1px rgba(56,34,102,.12); }
.answers button[aria-pressed="true"] { background: var(--apricot); }
.reply { background: var(--bgA); border: 1px solid rgba(56,34,102,.14); }

/* קשר: לילך רך, טקסט סגול */
.contact { background: var(--bgB); color: var(--violet); }
.contact .sec-bg { display: none; }
.contact .blk-kicker { color: #B23E27; }
.contact .contact-info > p { opacity: 1; color: var(--muted); }
.contact .contact-lines .ic { background: #fff; color: var(--violet); }

/* כפתורים: משמש אחד + צל עדין */
.btn, .bubble-btn, .cc-btn, .contact .cform button, .cc-nav button {
  background: var(--k-btn); color: var(--k-btn-text);
  box-shadow: 0 8px 18px -9px var(--k-shadow);
}
.btn:hover, .bubble-btn:hover, .cc-btn:hover, .contact .cform button:hover, .cc-nav button:hover { background: #F0A658; box-shadow: 0 12px 22px -9px var(--k-shadow); }

/* אלמנטים: צבע אחיד */
.bar.solid { background: rgba(248,245,255,.95); }
.kick::before { background: var(--apricot); }
.cc-badge { background: var(--violet); }
.ws .cc:nth-child(2) .cc-badge, .where-talk .cc:nth-child(2) .cc-badge { background: #00756D; }
.ws .cc:nth-child(3) .cc-badge, .where-talk .cc:nth-child(3) .cc-badge { background: #B23E27; }
.feel .hub-ic { background: var(--violet); }
.feel .hub-col .hub-item:nth-child(2) .hub-ic { background: #00756D; }
.msg-av { background: #B8432A; }
.msg.theirs .msg-av { background: #00756D; }
.msg:nth-child(3) .msg-av { background: var(--violet); }
.msg-b { background: #B8432A; }
.msg.theirs .msg-b { background: #00756D; }
.msg:nth-child(3) .msg-b { background: var(--violet); }
.msg-b.dots { background: #fff; box-shadow: 0 12px 26px -20px rgba(56,34,102,.6); }
.skills .orbit-btn[aria-pressed="true"] { background: var(--violet); }
.nb-n { background: #B23E27; }
.nb-list li:nth-child(2) .nb-n { background: #00756D; }
.nb-list li:nth-child(3) .nb-n { background: var(--violet); }
.nb-page, [dir="rtl"] .nb-page { background:
    linear-gradient(270deg, transparent 54px, rgba(196,70,46,.35) 54px 56px, transparent 56px),
    repeating-linear-gradient(180deg, transparent 0 37px, rgba(56,34,102,.12) 37px 38px),
    #FFFCF3; }
.bub blockquote { background: var(--violet); }
.bub:nth-child(2) blockquote { background: #00756D; }
.bub:nth-child(3) blockquote { background: #B8432A; }
.bub-av { background: var(--apricot); }
.faq-list details { background: var(--bgA); }
.faq-list details[open] { background: var(--bgA); }

/* =================== סבב 5: מהראיון עם נועה =================== */
.hero-note { display: flex; align-items: center; gap: 8px; margin-top: 18px; font-size: .95rem; font-weight: 600; color: #EDE7FF; }
.hero-note svg { width: 22px; height: 22px; color: var(--k-btn); flex: none; }

/* נועה: תמונה אמיתית בכתם, במקום האיור */
.noa-photo { position: relative; width: 100%; max-width: 500px; justify-self: center; }
.noa-blob { position: absolute; z-index: 0; inset: 7% -5% 9% 9%; background: var(--k-btn); border-radius: 46% 54% 42% 58% / 52% 40% 60% 48%; }
.noa-frame { position: relative; z-index: 1; aspect-ratio: 4 / 5; overflow: hidden; border: 10px solid #fff;
  border-radius: 44% 56% 40% 60% / 34% 36% 64% 66%; box-shadow: 0 30px 60px -34px rgba(56,34,102,.55); }
.noa-art.noa-photo img { width: 100%; max-width: none; height: 112%; margin-top: -6%; object-fit: cover; object-position: 50% 30%; }
.noa-photo figcaption { position: relative; z-index: 1; margin-top: 22px; text-align: center; color: var(--teal); font-weight: 700; font-size: 1.2rem; }
.noa-text p:not(.lead):not(.kicker) { font-size: 1.06rem; line-height: 1.7; color: var(--muted); max-width: 52ch; margin-top: 12px; }
.noa { background: var(--bgB); }
@media (max-width: 860px) { .noa-photo { max-width: 380px; } }

/* =================== QA טלפון (11.10) — תיקוני באגים בלבד =================== */
/* כפתור ההעתקה: ‎.btn‎ דרס את hidden, והכפתור הופיע לפני שנבחר נושא (והעתיק "undefined") */
#copy[hidden] { display: none; }
/* אייקון ההקלדה יושב בפינה השמאלית של תיבת התגובה ומכסה את סוף שורת ההנחיה */
.answers:not(.picked) ~ .reply #reply-text { padding-inline-end: 64px; }
/* הלוגו בפתיחה: כשהחצאים נפתחים מאחוריו הוא על רקע לילך — הטקסט חוזר לסגול (המחלקה נקבעת ב־main.js) */
.bar.over-gap .logo text { fill: var(--violet); }
/* תפריט פתוח אחרי גלילה: הפס "solid" צבע את שם הלוגו בסגול, על רקע התפריט הסגול */
.menu-open .bar .logo text { fill: #fff; }
/* קרוסלות: ה־snap הצמיד את הכרטיס הראשון לקצה ה־padding (scrollLeft ‎-6‎), ולכן חץ "הקודם" לא כבה בהתחלה */
.cc-row { scroll-padding-inline: 6px; }
/* חלון פרטים במסך נמוך: התוכן נגלל וכפתור הסגירה נעלם למעלה — נשאר צמוד */
dialog.dlg .dlg-x { position: sticky; top: 14px; margin-inline-start: 14px; margin-bottom: -44px; }
/* במגע: גרירה על הרקע של חלון פתוח גללה את העמוד שמאחוריו */
@media (hover: none) { html:has(dialog.dlg[open]) { overflow: hidden; } }
/* טלפון: תיבת הפתיחה נמדדת מתחתית 100vh, ובספארי הסרגל התחתון מכסה את התחתית שלה בטעינה */
@media (max-width: 800px) { .hero-text { bottom: calc(6vh + 100vh - 100svh); } }
/* טלפון לרוחב: תיבת הפתיחה גבוהה מהמסך — עלתה על הלוגו ונחתכה למטה */
@media (orientation: landscape) and (max-height: 500px) {
  .bar { padding-block: 8px; }
  .bar .logo { height: 44px; }
  .hero-text { top: calc(50% + 26px); }
  .hero-text .kicker { margin-bottom: 8px; }
  .hero-text h1 { font-size: clamp(1.8rem, 8.5vh, 2.5rem); margin-bottom: 10px; }
  .hero-text .lead { font-size: .96rem; line-height: 1.5; margin-bottom: 12px; }
  .hero-text .btn { padding: 10px 22px; }
  .hero-note { margin-top: 8px; }
}
@media (orientation: landscape) and (max-height: 500px) and (max-width: 800px) {
  .hero-text { top: auto; bottom: 10px; padding: 14px 18px; max-width: 560px; }
  .hero-text .lead { max-width: none; }   /* בתוך התיבה הכהה: שתי שורות במקום שלוש */
}
/* טאבלט לאורך: הטקסט הלבן יושב ישר על החלק הבהיר של התמונה — אותה תיבה כמו בטלפון */
@media (min-width: 801px) and (max-width: 1100px) and (orientation: portrait) {
  .hero-text { background: rgba(56,34,102,.86); padding: 28px; border-radius: 8px; }
}
/* הפחתת תנועה: החצאים לא זזים, אז אין צורך במסך גלילה ריק נוסף */
@media (prefers-reduced-motion: reduce) { .split { height: 100vh; } }
/* מסך נמוך (375×667, טלפון לרוחב): ה־padding של הסקשן ב־vh קטן מגובה הפס, וקישור מהתפריט הנחית את הכותרת מתחתיו */
main > section[id] { scroll-margin-top: max(0px, calc(96px - 11vh)); }
/* טלפון לרוחב: התפריט נגלל, והפס השקוף שמעליו "בלע" לחיצות על הקישורים שעברו מתחתיו */
.menu-open .bar { pointer-events: none; }
.menu-open .bar .brand, .menu-open .bar .bubble-btn { pointer-events: auto; }