/* ═══════════════════════════════════════════════════════════════
   דפי המכירה של הקלטות הכנס. שפת העיצוב היא של דף המאסטר ספיקר
   פרו החי: לבן, נייבי 0B1242, כתום F38420, Alef לגוף, Rubik
   לכותרות, חיתוכים אלכסוניים ופס נייבי.

   🔴 כלל שנמדד שם ואין לשבור: לבן על כתום נכשל בנגישות (2.6:1),
      ולכן כפתור כתום מקבל תמיד טקסט נייבי (6.6:1).
   ═══════════════════════════════════════════════════════════════ */
:root{
  --paper:#FFFFFF;
  --paper-2:#F3F6FC;
  --paper-3:#E8EDF7;
  --navy:#0B1242;
  --navy-2:#16205C;
  --ink:#39405A;
  --ink-2:#6C7492;
  --orange:#F38420;
  --orange-2:#D96D0C;
  --orange-soft:#FDF0E2;
  --teal:#0FA98D;
  --line:#DCE3F0;
  --e1:0 1px 2px rgba(11,18,66,.05),0 5px 14px rgba(11,18,66,.06);
  --e2:0 10px 26px rgba(11,18,66,.09),0 26px 60px rgba(11,18,66,.1);
  --r:20px;
  --pad-l:96px;--pad-m:70px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font:17.5px/1.75 'Alef',system-ui,sans-serif;overflow-x:clip}
/* height:auto אינו קישוט. תמונה שנושאת מאפייני width/height ב-HTML
   (כדי למנוע קפיצת פריסה) ונדחסת על ידי max-width שומרת על הגובה
   שכתוב במאפיין, ו-object-fit ברירת המחדל מותח אותה. כך יצאו תצלום
   החומרים ותצלום הזוג מעוותים ב-56% וב-31%. הכלל יושב באיפוס הבסיס
   בכוונה: כל כלל שקובע גובה לפי מחלקה גובר עליו טבעית. */
img{max-width:100%;height:auto;display:block}
a{color:var(--orange-2)}
h1,h2,h3{font-family:'Rubik','Alef',sans-serif;color:var(--navy);margin:0}
h1{font-size:clamp(32px,4.7vw,60px);line-height:1.05;font-weight:900;letter-spacing:-.03em}
h2{font-size:clamp(27px,4.4vw,48px);line-height:1.08;font-weight:800;letter-spacing:-.02em}
h3{font-size:clamp(19px,2.4vw,23px);font-weight:700;line-height:1.3}
p{margin:0}
.wrap{width:min(1120px,92vw);margin-inline:auto}
.narrow{width:min(820px,92vw);margin-inline:auto}
section{padding:var(--pad-l) 0;position:relative}
.eyebrow{display:block;color:var(--orange-2);font-weight:700;font-size:14px;
  letter-spacing:.1em;margin-bottom:14px}
.h1-sub,.h2-sub{display:block;color:var(--orange);font-size:.62em;margin-top:10px;
  letter-spacing:-.01em}
.lead{font-size:clamp(17.5px,2vw,20px);color:var(--ink);max-width:56ch}
.sec-head{max-width:58ch;margin-inline:auto;text-align:center;margin-bottom:44px}
.sec-head .lead{margin-inline:auto}
.rule{width:72px;height:4px;background:var(--orange);border-radius:99px;margin:18px auto 0}

/* ---------- כפתורים ---------- */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--orange);color:var(--navy);font-family:'Alef';font-weight:700;
  font-size:19px;line-height:1.2;padding:18px 34px;border-radius:999px;border:0;
  cursor:pointer;text-decoration:none;box-shadow:0 12px 30px rgba(243,132,32,.34);
  transition:transform .15s,box-shadow .15s,background .15s}
.cta:hover{background:#FF9430;transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(243,132,32,.42)}
.cta-note{margin-top:12px;font-size:14.5px;color:var(--ink-2)}

/* ---------- הירו ---------- */
.hero{padding:clamp(40px,7vw,84px) 0 var(--pad-m);background:
  radial-gradient(900px 480px at 85% -10%,var(--orange-soft),transparent 60%),
  linear-gradient(180deg,var(--paper-2),var(--paper) 70%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:38px;align-items:center}
@media(min-width:920px){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.hero .logo{height:56px;width:auto;margin-bottom:26px}
.hero-photo{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--e2)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.hero-photo .cap{position:absolute;inset:auto 0 0 0;background:linear-gradient(0deg,rgba(11,18,66,.85),transparent);
  color:#fff;padding:36px 20px 14px;font-size:14.5px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chip{background:var(--paper);border:1px solid var(--line);border-radius:999px;
  padding:8px 18px;font-size:15px;font-weight:700;color:var(--navy);box-shadow:var(--e1)}
.chip b{color:var(--orange-2)}

/* ---------- פס נייבי ---------- */
.band{background:var(--navy);color:#fff;padding:56px 0;margin:-14px 0;
  clip-path:polygon(0 26px,100% 0,100% 100%,0 calc(100% - 26px));position:relative;z-index:2}
.band::before{content:'';position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(520px 300px at 12% 110%,rgba(243,132,32,.22),transparent 60%),
  radial-gradient(420px 260px at 88% -10%,rgba(15,169,141,.18),transparent 60%)}
.band .wrap{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;text-align:center}
@media(min-width:760px){.band .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}}
.band .num{font-family:'Rubik';font-weight:900;font-size:clamp(36px,5vw,56px);
  color:var(--orange);line-height:1}
.band .lbl{margin-top:6px;font-size:15.5px;color:#C7CDEA}

/* ---------- קטע רך אלכסוני ---------- */
.soft{background:linear-gradient(160deg,#EBF0F9,#F4F7FC 52%,#EAEFF8)}
.soft::before,.soft::after{content:'';position:absolute;left:0;right:0;height:84px;pointer-events:none}
.soft::before{top:-84px;background:linear-gradient(160deg,#EBF0F9,#F4F7FC);
  clip-path:polygon(0 100%,100% 0,100% 100%)}
.soft::after{bottom:-84px;background:linear-gradient(160deg,#F4F7FC,#EAEFF8);
  clip-path:polygon(0 0,100% 0,0 100%)}
.soft{margin:84px 0}

/* ---------- כרטיסים ---------- */
.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media(min-width:820px){.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:26px 24px;box-shadow:var(--e1)}
.card .day-n{font-family:'Rubik';font-weight:900;font-size:44px;color:var(--orange);
  line-height:1}
.card h3{margin:10px 0 12px}
.card ul{margin:0;padding-right:20px;color:var(--ink);font-size:16px}
.card li{margin:7px 0}
.card .qmark{font-family:'Rubik';font-weight:900;font-size:34px;color:var(--orange);line-height:1}

/* ---------- פסיפס פריימים ---------- */
.frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:760px){.frames{grid-template-columns:repeat(4,minmax(0,1fr))}}
.frame{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--e1);
  aspect-ratio:16/9;background:var(--navy)}
.frame img{width:100%;height:100%;object-fit:cover}
.frame span{position:absolute;inset:auto 0 0 0;background:linear-gradient(0deg,rgba(11,18,66,.88),transparent);
  color:#fff;font-size:13px;padding:22px 10px 8px;font-weight:700}
.frames-note{text-align:center;color:var(--ink-2);font-size:14.5px;margin-top:14px}

/* ---------- מה מקבלים ---------- */
.feat{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media(min-width:820px){.feat{grid-template-columns:repeat(3,minmax(0,1fr))}}
.feat .card{display:flex;flex-direction:column;gap:8px}
.feat .ico{width:46px;height:46px;border-radius:12px;background:var(--orange-soft);
  color:var(--orange-2);display:flex;align-items:center;justify-content:center}
.feat .ico svg{width:24px;height:24px}
.feat p{font-size:15.5px;color:var(--ink-2)}

/* ---------- רשת המנטורים ----------
   ריבוע מעוגל ולא עיגול: אחד התצלומים הרשמיים כולל טבעת מודפסת בתוך
   התמונה, ובמסכת עיגול היא נקראת כתקלה. */
.speakers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
@media(min-width:560px){.speakers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:820px){.speakers{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1040px){.speakers{grid-template-columns:repeat(5,minmax(0,1fr))}}
.spk{margin:0;text-align:center}
.spk img{width:100%;max-width:118px;height:auto;aspect-ratio:1;object-fit:cover;
  border-radius:18px;background:var(--paper-3);box-shadow:var(--e1);
  border:2px solid transparent}
.spk figcaption{margin-top:10px;display:block}
.spk b{display:block;font-family:Rubik,Alef,system-ui,sans-serif;font-weight:700;
  font-size:15px;color:var(--navy);line-height:1.35}
.spk span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;margin-top:5px;font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.spk.hl img{border-color:var(--orange)}
.spk.hl b{color:var(--orange-2)}

/* ---------- סילבוס ---------- */
.syl{display:grid;gap:12px;max-width:900px;margin-inline:auto}
.syl-day{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--e1);overflow:hidden}
.syl-day>summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;
  align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.syl-day>summary::-webkit-details-marker{display:none}
.syl-day>summary b{font-family:Rubik,Alef,system-ui,sans-serif;font-weight:700;
  font-size:16.5px;color:var(--navy)}
.syl-day>summary span{font-size:13.5px;color:var(--ink-2);margin-inline-start:auto}
.syl-day>summary::after{content:'';width:9px;height:9px;flex:none;
  border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);
  transform:rotate(-45deg);transition:transform .25s;margin-top:-4px}
.syl-day[open]>summary::after{transform:rotate(135deg);margin-top:3px}
.syl-day[open]>summary{border-bottom:1px solid var(--line)}
.syl-rows{padding:6px 20px 14px}
.syl-row{display:flex;align-items:center;gap:12px;padding:11px 0;
  border-bottom:1px solid var(--paper-3)}
.syl-row:last-child{border-bottom:0}
.syl-row img{width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover;
  background:var(--paper-3)}
.syl-dot{width:34px;height:34px;flex:none;border-radius:50%;background:var(--paper-3);
  border:1px dashed var(--line)}
.syl-t{flex:1;min-width:0}
.syl-t b{display:block;font-size:14px;font-weight:700;color:var(--navy)}
.syl-t span{display:block;font-size:14.5px;color:var(--ink-2);line-height:1.5}
.syl-row em{flex:none;font-style:normal;font-size:12.5px;color:var(--ink-2);
  font-variant-numeric:tabular-nums;background:var(--paper-2);border-radius:999px;
  padding:4px 9px}
.syl-row em::after{content:' דקות'}

/* ---------- ציטוט ---------- */
.quote{border-right:4px solid var(--orange);background:var(--paper);border-radius:14px;
  box-shadow:var(--e1);padding:24px 26px;font-size:clamp(18px,2.3vw,22px);
  line-height:1.6;color:var(--navy);font-weight:700;max-width:64ch;margin-inline:auto}
.quote small{display:block;margin-top:10px;font-size:14.5px;color:var(--ink-2);font-weight:400}

/* ---------- סגירה בנייבי ---------- */
.formsec{background:var(--navy);color:#fff;margin-top:-68px;padding:150px 0 90px;
  clip-path:polygon(0 84px,100% 0,100% 100%,0 100%);position:relative}
.formsec::before{content:'';position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(640px 380px at 80% 10%,rgba(243,132,32,.16),transparent 60%)}
.formsec .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr);
  gap:34px;align-items:center}
@media(min-width:920px){.formsec .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.formsec h2{color:#fff}
.formsec .lead{color:#C7CDEA}
.formsec img{filter:drop-shadow(0 26px 40px rgba(0,0,0,.4))}
.formsec .cta-note{color:#9AA3CE}

/* ---------- פוטר ---------- */
footer{background:var(--navy);color:#7F88B8;padding:26px 0 calc(90px + env(safe-area-inset-bottom));
  font-size:13.5px;text-align:center}
footer a{color:#9AA3CE;text-decoration:none}
footer .sig{margin-top:8px}

/* ---------- דוק דביק במובייל ---------- */
.dock{position:fixed;inset:auto 0 0 0;z-index:65;background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);border-top:1px solid var(--line);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  transform:translateY(120%);transition:transform .3s}
.dock.on{transform:none}
.dock .cta{width:100%;font-size:17px;padding:14px 20px}
@media(min-width:920px){.dock{display:none}}

/* ---------- חשיפה בגלילה ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}
.progress{position:fixed;top:0;right:0;height:3px;background:var(--orange);z-index:80;width:0}

/* ═══════════════════════════════════════════════════════════════
   V2 · "מהרעיון אל הקהל"
   שכבת עיצוב חדשה מעל תשתית הדף הקיימת. המקור נשאר קל להחזרה.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --paper:#FCF9F2;
  --paper-2:#F4EEDF;
  --paper-3:#EAE2D2;
  --navy:#080D2F;
  --navy-2:#111A4E;
  --ink:#29304B;
  --ink-2:#66708E;
  --orange-soft:#FFE8CE;
  --line:rgba(8,13,47,.13);
  --e1:0 1px 0 rgba(255,255,255,.8) inset,0 12px 32px rgba(8,13,47,.08);
  --e2:0 34px 80px rgba(5,9,37,.28),0 2px 0 rgba(255,255,255,.13) inset;
  --r:24px;
  --pad-l:104px;
}
html{scroll-padding-top:24px}
body{background:var(--paper);color:var(--ink);font-size:18px;line-height:1.72}
h1{font-size:clamp(38px,5.3vw,72px);line-height:1.01;letter-spacing:-.055em}
h2{font-size:clamp(31px,4.2vw,52px);line-height:1.07;letter-spacing:-.035em}
h3{font-size:clamp(20px,2.2vw,24px);letter-spacing:-.015em}
.wrap{width:min(1180px,91vw)}
.narrow{width:min(900px,91vw)}
.eyebrow{display:flex;align-items:center;gap:10px;font-family:'Rubik','Alef',sans-serif;font-size:13px;letter-spacing:.045em;margin-bottom:18px}
.eyebrow::before{content:'';inline-size:28px;block-size:2px;background:currentColor;border-radius:99px}
.h1-sub,.h2-sub{margin-top:12px;letter-spacing:-.025em}
.lead{font-size:clamp(18px,2vw,21px);max-width:58ch}
.sec-head{max-width:66ch;margin-bottom:48px}
.sec-head .eyebrow{justify-content:center}
.rule{background:linear-gradient(90deg,var(--orange),#FFB15C);margin-top:20px}

.cta{font-weight:800;padding:18px 32px;border-radius:14px;border:1px solid rgba(255,255,255,.45);box-shadow:0 15px 36px rgba(243,132,32,.28)}
.cta::after{content:'←';font-family:Arial,sans-serif;font-size:22px;transition:transform .18s}
.cta:hover::after{transform:translateX(-3px)}
.section-cta{text-align:center;margin-top:38px}

/* הירו / Hero */
.hero{min-height:780px;padding:26px 0 86px;background:var(--navy);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:'';position:absolute;z-index:-2;inset:-25%;background:
  radial-gradient(circle at 20% 24%,rgba(243,132,32,.29),transparent 25%),
  radial-gradient(circle at 72% 10%,rgba(50,75,174,.4),transparent 30%),
  linear-gradient(135deg,var(--navy),#0A123D 55%,#101A54)}
.hero::after{content:'';position:absolute;z-index:-1;inset:0;opacity:.25;background-image:
  linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.hero-grid{gap:46px}
@media(min-width:960px){.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:670px}}
.hero-copy{position:relative;z-index:3;padding-block:22px}
.hero .logo{height:52px;margin-bottom:30px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}
.hero h1{color:#fff;max-width:13ch}
.hero .lead{color:#DCE2F7;margin-top:24px}
.hero .eyebrow{color:#FFB266}
.hero .cta-note{color:#AEB7DA}
.chips{gap:9px;margin-top:27px}
.chip{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);padding:8px 15px;font-size:14px;color:#F4F6FF;box-shadow:none;backdrop-filter:blur(12px)}
.chip b{color:#FFAA56}
.hero-stage{position:relative;min-width:0;border-radius:28px;overflow:visible;filter:drop-shadow(0 36px 70px rgba(0,0,0,.36))}
.hero-stage::before{content:'';position:absolute;inset:-1px;border:1px solid rgba(255,255,255,.22);border-radius:28px;z-index:2;pointer-events:none}
.hero-stage>img{width:100%;aspect-ratio:7/4;object-fit:cover;border-radius:28px;box-shadow:var(--e2)}
.hero-stage .cap{position:absolute;inset:auto 18px 16px auto;z-index:3;background:rgba(8,13,47,.84);color:#EDF0FF;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:10px 13px;font-size:13px;backdrop-filter:blur(10px)}
.problem-float{position:absolute;z-index:4;inset:auto auto -30px 22px;inline-size:min(310px,76%);background:rgba(252,249,242,.97);color:var(--navy);border:1px solid rgba(255,255,255,.65);border-radius:18px;padding:18px 19px;box-shadow:0 24px 60px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.problem-float strong{font-family:'Rubik';font-size:18px;display:block;margin-bottom:10px}
.problem-float span{display:block;position:relative;padding:7px 20px 7px 0;border-top:1px solid rgba(8,13,47,.08);color:var(--ink-2);font-size:13.5px;line-height:1.45}
.problem-float span::before{content:'';position:absolute;right:2px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.library-search{display:flex;align-items:center;gap:10px;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink-2);font-size:13px}
.library-search::before{content:'⌕';font-family:Arial;font-size:20px;color:var(--orange-2)}
.library-result{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;font-size:12px;color:var(--ink-2)}
.library-result b{color:var(--navy);font-size:12px}
.library-result time{direction:ltr;background:var(--orange-soft);color:#9C4A04;border-radius:999px;padding:3px 8px;font-weight:800}

/* נתונים / Stats */
.band{background:var(--paper);color:var(--navy);padding:0;margin-top:-38px;clip-path:none;z-index:5}
.band::before{display:none}
.band .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(8,13,47,.14)}
.band .wrap>div{background:rgba(252,249,242,.98);text-align:center;padding:26px 14px}
.band .num{font-size:clamp(34px,4.7vw,52px);color:var(--orange-2)}
.band .phase-word{font-family:'Rubik';font-weight:900;font-size:clamp(22px,2.7vw,32px);color:var(--orange-2);line-height:1.1}
.band .lbl{font-size:14px;color:var(--ink-2)}

/* אזורים וכרטיסים / Sections and cards */
.soft{background:var(--paper-2);border-block:1px solid rgba(8,13,47,.07);margin:0}
.soft::before{inset:0;height:auto;background:
  radial-gradient(circle at 92% 8%,rgba(243,132,32,.1),transparent 25%),
  radial-gradient(circle at 8% 90%,rgba(15,169,141,.07),transparent 24%);clip-path:none}
.soft::after{display:none}
.soft>.wrap{position:relative}
.cards{gap:18px}
.card{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;box-shadow:var(--e1);position:relative;overflow:hidden}
.card::after{content:'';position:absolute;inset:0 auto auto 0;inline-size:72px;block-size:4px;background:linear-gradient(90deg,var(--orange),transparent);opacity:.8}
.card .day-n{font-size:54px;color:rgba(217,104,8,.22)}
.card ul{padding-inline-start:20px;padding-right:0}
.card li::marker{color:var(--orange-2)}
.card .qmark{font-size:42px;color:var(--orange-2)}

.frames{gap:12px}
@media(min-width:760px){.frame:nth-child(1),.frame:nth-child(6){grid-column:span 2;grid-row:span 2}}
.frame{border-radius:16px;box-shadow:0 16px 40px rgba(8,13,47,.13)}
.frame img{transition:transform .45s}
.frame:hover img{transform:scale(1.035)}

.feat{gap:16px}
.feat .card{min-height:226px}
.feat .ico{width:50px;height:50px;border-radius:14px;margin-bottom:5px}
.section-note{max-width:760px;margin:26px auto 0;text-align:center;color:var(--ink-2);font-size:15.5px}
.proof-ribbon{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--navy);color:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--e2)}
.proof-ribbon>div{padding:26px 16px;text-align:center;border-inline-start:1px solid rgba(255,255,255,.12)}
.proof-ribbon>div:first-child{border-inline-start:0}
.proof-ribbon b{display:block;font:900 clamp(30px,5vw,48px)/1 'Rubik';color:var(--orange)}
.proof-ribbon strong{display:block;font:900 clamp(22px,3vw,30px)/1.1 'Rubik';color:var(--orange)}
.proof-ribbon span{display:block;margin-top:7px;color:#C8D0EF;font-size:14px}

.syl-day{background:rgba(255,255,255,.76);border-radius:18px}
.syl-day>summary{padding:18px 20px}
.syl-day>summary::after{border-left:0;border-inline-start:2px solid var(--orange)}
.syl-row img,.syl-dot{width:36px;height:36px;border-radius:10px}
.syl-row{border-color:rgba(8,13,47,.08)}

.speakers{gap:24px 14px}
@media(min-width:820px){.speakers{grid-template-columns:repeat(5,minmax(0,1fr))}}
.spk img{max-width:128px;border-radius:20px;box-shadow:0 12px 26px rgba(8,13,47,.1);border:2px solid rgba(255,255,255,.8);margin-inline:auto}
.spk b{font-size:14.5px}
.spk span{font-size:12px}

.formsec{background:var(--navy);padding:108px 0 72px;margin-top:0;clip-path:none;overflow:hidden}
.formsec::before{inset:-30%;background:
  radial-gradient(circle at 24% 42%,rgba(243,132,32,.28),transparent 25%),
  radial-gradient(circle at 78% 16%,rgba(41,61,150,.52),transparent 29%)}
.formsec .wrap{align-items:end}
.formsec .lead{color:#D1D8F2}
.formsec img{max-height:500px;margin-inline:auto;filter:drop-shadow(0 30px 46px rgba(0,0,0,.42))}
.formsec .cta-note{color:#AEB7DA}
footer{border-top:1px solid rgba(255,255,255,.08)}
.progress{background:linear-gradient(90deg,var(--orange),#FFC17A);box-shadow:0 0 18px rgba(243,132,32,.7)}

@media(max-width:959px){
  :root{--pad-l:78px}
  .hero{min-height:0;padding-bottom:82px}
  .hero-grid{gap:30px}
  .hero-copy{padding-block-end:0}
  .problem-float{inset:auto auto -30px 14px}
}
@media(max-width:560px){
  :root{--pad-l:68px}
  body{font-size:17px;line-height:1.67}
  .wrap,.narrow{width:min(100% - 32px,1180px)}
  .hero{padding-top:20px;padding-bottom:72px}
  .hero .logo{height:43px;margin-bottom:24px}
  .hero h1{font-size:clamp(36px,11.5vw,50px);max-width:none}
  .hero .lead{font-size:17.5px}
  .hero .cta{width:100%}
  .hero-stage>img{aspect-ratio:4/3;object-position:30% center;border-radius:20px}
  .hero-stage::before{border-radius:20px}
  .hero-stage .cap{display:none}
  .problem-float{position:relative;inset:auto;margin:-22px 12px 0;inline-size:auto;padding:15px}
  .band{margin-top:-24px}
  .band .wrap{width:calc(100% - 32px);border-radius:17px}
  .band .wrap>div{padding:20px 8px}
  .band .phase-word{font-size:20px}
  .band .lbl{font-size:12px}
  .card{padding:24px 21px}
  .frames{gap:8px}
  .frame{border-radius:11px}
  .frame span{font-size:11px;padding:22px 8px 7px}
  .proof-ribbon{grid-template-columns:1fr;border-radius:18px}
  .proof-ribbon>div{padding:19px 12px;border-inline-start:0;border-top:1px solid rgba(255,255,255,.12)}
  .proof-ribbon>div:first-child{border-top:0}
  .sec-head{margin-bottom:34px}
  .syl-day>summary{padding:16px}
  .syl-rows{padding-inline:14px}
  .syl-row{align-items:flex-start}
  .spk span{display:none}
  .spk img{border-radius:16px}
  .formsec{padding:78px 0 44px}
  .formsec .cta{width:100%}
  .formsec img{max-height:370px}
}

/* ═══════════════════════════════════════════════════════════════
   V3 · הירו קולנועי — הצילום הוא הבמה
   Cinematic hero: the photograph is the stage. Copy unchanged.
   ═══════════════════════════════════════════════════════════════ */
.hero.cine{min-height:min(92vh,840px);display:flex;align-items:flex-end;padding:26px 0 96px;background:#0D0A06}
.hero.cine::after{display:none}
.hero.cine::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 68% 104%,rgba(243,132,32,.17),transparent 44%)}
.hero.cine .hero-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero.cine .hero-bg img{position:absolute;inset-block:0;left:0;width:60%;height:100%;object-fit:cover;object-position:50% 12%;
  -webkit-mask-image:linear-gradient(to right,#000 62%,transparent 99%);
  mask-image:linear-gradient(to right,#000 62%,transparent 99%)}
.hero.cine .hero-bg::after{content:'';position:absolute;inset:0;background:
  linear-gradient(to top,rgba(13,10,6,.93) 0%,rgba(13,10,6,.42) 22%,transparent 44%),
  linear-gradient(to bottom,rgba(13,10,6,.5) 0%,transparent 20%)}
.hero.cine .hero-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:end}
@media(min-width:960px){.hero.cine .hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.6fr);min-height:600px}}
.hero.cine .hero-copy{max-width:640px;padding-block:0}
.hero.cine .logo{height:50px;margin-bottom:34px}
.hero.cine h1{max-width:14ch;text-shadow:0 2px 26px rgba(0,0,0,.5)}
.hero.cine .lead{color:#EFE6D4;text-shadow:0 1px 14px rgba(0,0,0,.55);max-width:54ch}
.hero.cine .eyebrow{color:#FFB266}
.hero.cine .cta-note{color:#CBBFA8}
.hero.cine .chips{margin-top:28px;gap:0;align-items:center}
.hero.cine .chip{background:none;border:0;padding:0;box-shadow:none;backdrop-filter:none;color:#F6ECDB;font-size:15.5px;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.hero.cine .chip+.chip::before{content:'·';color:var(--orange);font-weight:900;font-size:22px;margin-inline:13px;vertical-align:-2px}
.hero.cine .hero-ask{justify-self:start;color:#F2E9D8;max-width:300px;padding-bottom:4px}
.hero.cine .hero-ask strong{display:block;font-family:'Rubik','Alef',sans-serif;font-size:17px;color:#FFC98F;margin-bottom:4px;text-shadow:0 1px 10px rgba(0,0,0,.65)}
.hero.cine .hero-ask span{display:block;position:relative;padding:9px 18px 9px 0;border-top:1px solid rgba(255,255,255,.17);font-size:14px;color:#E7DCC8;line-height:1.5;text-shadow:0 1px 8px rgba(0,0,0,.65)}
.hero.cine .hero-ask span::before{content:'';position:absolute;right:0;top:17px;width:8px;height:2px;background:var(--orange);border-radius:2px}
@media(max-width:959px){
  .hero.cine{min-height:0;padding:0 0 58px}
  .hero.cine .logo{height:38px;margin-bottom:18px}
  .hero.cine .hero-inner{padding-top:min(88vw,400px);gap:26px}
  .hero.cine .hero-bg img{inset-block:auto;top:0;width:100%;height:min(120vw,520px);object-position:50% 28%;
    -webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 98%);
    mask-image:linear-gradient(to bottom,#000 58%,transparent 98%)}
  .hero.cine .hero-bg::after{background:
    linear-gradient(to top,rgba(13,10,6,.95) 42%,rgba(13,10,6,.55) 58%,transparent 76%),
    linear-gradient(to bottom,rgba(13,10,6,.4) 0%,transparent 14%)}
  .hero.cine .hero-ask{max-width:none;padding-bottom:0}
}
@media(max-width:560px){
  .hero.cine{padding-bottom:64px}
  .hero.cine .hero-inner{padding-top:min(96vw,390px)}
  .hero.cine h1{max-width:none}
  .hero.cine .chips{margin-top:22px}
  .hero.cine .chip{font-size:14px}
  .hero.cine .chip+.chip::before{margin-inline:10px;font-size:19px}
}

/* גרסת הצילום מהבמה. */
.hero.cine.duo .hero-bg img{object-position:38% 16%}
.hero-credit{grid-column:1/-1;margin:0;font-size:13px;color:rgba(240,231,214,.62);
  text-shadow:0 1px 10px rgba(0,0,0,.7);letter-spacing:.01em}
@media(min-width:960px){.hero.cine .hero-credit{margin-top:-14px}}
@media(max-width:959px){
  .hero.cine.duo .hero-bg img{object-position:44% 12%}
  .hero-credit{font-size:12.5px}
}

/* ═══════════════════════════════════════════════════════════════
   V4 · לוח ארבע התחנות
   הפס הקודם היה קרם על קרם ולא נקרא כרכיב. הלוח החדש יושב במשפחת
   הגוונים של ההירו — נייבי, ואש ענבר-אינדיגו, מחיצות לבנות שקופות —
   באותה מתכונת של .hero ושל .proof-ribbon. ארבעת התאים הם קישורי
   עוגן אל המקטע שעונה על אותה תחנה.

   🔴 שורה 301 (.band .wrap>div, סגוליות 0-2-1) חלה גם על הלוח עצמו,
      כי הוא div ישיר בתוך .wrap. לכן background / text-align / padding
      שלו נכתבים כ-.band>.wrap>.phases (0-3-0). לא לפשט לסלקטור קצר.
   ═══════════════════════════════════════════════════════════════ */

/* איפוס המעטפת. margin:0 מוחק גם את margin-bottom:-14px שדלף
   מהקיצור בשורה 77 — ה-V2 דרס רק את margin-top. */
.band{background:none;color:inherit;margin:0;padding:0;clip-path:none;position:relative;z-index:5}
.band>.wrap{display:block;gap:0;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none}

/* הלוח עצמו */
.band>.wrap>.phases{background:var(--navy);text-align:start;padding:34px 30px 30px}
.phases{position:relative;isolation:isolate;overflow:hidden;color:#fff;
  border:1px solid rgba(255,255,255,.1);border-radius:26px;box-shadow:var(--e2)}
/* 🔴 הוואש חורג ב-40% ונשען על overflow:hidden. הסרתו מייצרת גלישה אופקית. */
.phases::before{content:'';position:absolute;z-index:-1;inset:-40%;pointer-events:none;background:
  radial-gradient(circle at 22% 16%,rgba(243,132,32,.26),transparent 26%),
  radial-gradient(circle at 80% 10%,rgba(50,75,174,.34),transparent 30%)}
.phases::after{content:'';position:absolute;z-index:-1;inset:0;opacity:.22;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}

/* כותרת ושורת ההסבר. מעוצבות לפי מחלקה ולא לפי תג, אחרת
   h1,h2,h3{color:var(--navy)} משורה 33 צובע כותרת נייבי על נייבי. */
.phases-head{max-width:62ch;margin-bottom:26px}
.phases-h{font-family:'Rubik','Alef',sans-serif;font-weight:800;color:#fff;margin:0;
  font-size:clamp(22px,2.6vw,30px);line-height:1.14;letter-spacing:-.025em}
.phases-sub{margin:10px 0 0;max-width:58ch;color:#C8D0EF;font-size:15.5px;line-height:1.6}

/* ארבעת התאים. המחיצות הן ה-gap שדרכו נראה רקע הרשת. */
.phases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);
  border-radius:18px;overflow:hidden}
.phase{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;
  min-block-size:112px;padding:22px 16px;text-align:center;text-decoration:none;
  background:var(--navy);color:#fff;transition:background .2s}
/* בעברית פס ההדגשה צומח מימין. */
.phase::after{content:'';position:absolute;inset:auto 0 0 0;block-size:3px;
  background:linear-gradient(90deg,var(--orange),transparent);
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .25s}
.phase .phase-word{font-family:'Rubik','Alef',sans-serif;font-weight:900;
  font-size:clamp(20px,2.5vw,29px);line-height:1.1;color:var(--orange)}
.phase .lbl{font-size:13.5px;line-height:1.5;color:#C8D0EF}
.phase:hover,.phase:focus-visible{background:var(--navy-2)}
.phase:hover::after,.phase:focus-visible::after{transform:scaleX(1)}

/* יעדי העוגן. --orange-2 ולא --orange: כתום מלא על קרם הוא 2.45:1 ונכשל. */
.anchor-stop{scroll-margin-block-start:clamp(56px,8vw,96px)}
.anchor-stop:target{outline:2px solid var(--orange-2);outline-offset:4px}

/* מרווח לפי מיקום בדף. */
.band-hero{margin-block:-28px 0}
.band-flow{margin-block:-40px 24px}

/* ---------- נגישות ---------- */
/* 🔴 טבעת כתומה על כפתור כתום אינה נראית. הכלל מראש הקובץ חל גם כאן:
      על משטח כתום — נייבי (6.6:1). על משטח כהה — ענבר (10.7:1). */
:root{--ring:var(--navy)}
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--ring);outline-offset:3px}
.hero,.phases,.formsec,footer{--ring:#FFB266}
.cta:focus-visible{--ring:var(--navy);outline-offset:4px}
.phase:focus-visible{outline-offset:-4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- תנועה מופחתת ---------- */
/* הבלוק בשורה 217 מכסה רק את .rv בשמו. המצב מתחלף מיד, בלי מעבר. */
@media(prefers-reduced-motion:reduce){
  .phase,.phase::after,.frame img,.cta,.cta::after,.dock{transition:none}
}

@media(max-width:959px){
  .band>.wrap>.phases{padding:28px 22px 24px}
  .phases{border-radius:22px}
  .phases-head{margin-bottom:20px}
  .phase{min-block-size:104px;padding:20px 14px}
  .band-hero{margin-block-start:-22px}
  .band-flow{margin-block:-30px 18px}
}
@media(max-width:560px){
  .band>.wrap{border-radius:0}
  .band>.wrap>.phases{padding:22px 16px 18px}
  .phases{border-radius:18px}
  .phases-h{font-size:clamp(19px,5.4vw,23px)}
  .phases-sub{font-size:14.5px;margin-top:8px}
  .phases-grid{border-radius:14px;grid-template-columns:minmax(0,1fr)}
  .phase{min-block-size:0;padding:16px 14px;gap:3px}
  .phase .phase-word{font-size:19px}
  .phase .lbl{font-size:12px;line-height:1.45}
  .band-hero{margin-block-start:-16px}
  .band-flow{margin-block:-24px 14px}
}

/* ═══════════════════════════════════════════════════════════════
   V5 · דפי הקהלים (start / enter / back)
   🔴 שכבה זו מוסיפה שמות מחלקה חדשים בלבד. אין בה אף סלקטור
      שקיים למעלה, ולכן שלושת הדפים החיים אינם מושפעים ממנה.
      אם מישהו מוסיף כאן חוק שנוגע ב-.card או ב-.band — הוא שובר
      את הדפים החיים בשקט. להוסיף מחלקה חדשה במקום.
   ═══════════════════════════════════════════════════════════════ */

/* ---------- פרוזה ארוכה במקטע המפה ---------- */
.prose{max-width:66ch;margin-inline:auto;font-size:clamp(17.5px,1.9vw,19.5px)}
.prose p+p{margin-top:18px}
.prose b{color:var(--navy);font-weight:700}

/* ---------- מעבר האמונה: מ… אל… ---------- */
.shift{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
  max-width:900px;margin:38px auto 0;align-items:stretch}
@media(min-width:820px){.shift{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0}}
.shift-col{background:rgba(255,255,255,.78);border:1px solid var(--line);
  border-radius:18px;padding:24px 24px 26px;box-shadow:var(--e1)}
.shift-col small{display:block;font:700 13px/1 'Rubik','Alef',sans-serif;
  letter-spacing:.06em;color:var(--ink-2);margin-bottom:12px}
.shift-col p{font-family:'Rubik','Alef',sans-serif;font-weight:700;
  font-size:clamp(18px,2.1vw,22px);line-height:1.35;color:var(--navy);
  letter-spacing:-.02em}
.shift-to{background:var(--navy);border-color:var(--navy)}
.shift-to small{color:#FFB266}
.shift-to p{color:#fff}
.shift-arrow{display:flex;align-items:center;justify-content:center;
  color:var(--orange-2);font:900 30px/1 Arial,sans-serif;padding:6px 20px}
.shift-arrow::before{content:'←'}
@media(max-width:819px){.shift-arrow{transform:rotate(-90deg);padding:0}}

/* ---------- מקטע האמונות המגבילות ---------- */
.belief-q{display:block;font-family:'Rubik','Alef',sans-serif;font-weight:700;
  font-size:clamp(17px,2vw,20px);line-height:1.35;color:var(--navy);
  letter-spacing:-.02em;margin:8px 0 14px}
.belief-a{font-size:16px;color:var(--ink-2);line-height:1.7}

/* ---------- כרטיס תשובה עם רשימת נושאים ---------- */
.topics{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;padding:0;list-style:none}
.topics li{background:var(--orange-soft);color:#8F4304;border-radius:999px;
  padding:5px 12px;font-size:13px;font-weight:700;line-height:1.4}

/* ---------- מסך הבחירה הפנימי ---------- */
.picker{width:min(980px,92vw);margin:0 auto;padding:64px 0 90px}
.picker h1{font-size:clamp(28px,4vw,44px);margin-bottom:10px}
.picker>p{color:var(--ink-2);max-width:62ch;margin-bottom:34px}
.picker-group{margin-bottom:30px}
.picker-group>h2{font-size:clamp(20px,2.4vw,26px);margin-bottom:4px}
.picker-group>p{color:var(--ink-2);font-size:15.5px;margin-bottom:16px}
.picker-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:760px){.picker-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.picker-card{display:block;background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:20px 22px;text-decoration:none;color:var(--ink);
  box-shadow:var(--e1);transition:transform .15s,box-shadow .15s}
.picker-card:hover{transform:translateY(-2px);box-shadow:var(--e2)}
.picker-card b{display:block;font-family:'Rubik','Alef',sans-serif;
  font-size:18px;color:var(--navy);margin-bottom:6px}
.picker-card span{display:block;font-size:15px;color:var(--ink-2)}
.picker-note{margin-top:34px;padding:18px 22px;background:var(--paper-2);
  border:1px solid var(--line);border-radius:16px;font-size:15px;color:var(--ink-2)}

/* ---------- מקטע בהיר וגבוה ---------- */
/* .soft::before הוא שני עיגולים עם עצירה חדה ב-25%. במקטע קצר זה
   נקרא כזוהר, ובמקטע גבוה קשת הגבול נראית כקו על הרקע. אליפסה
   רחבה עם עצירה רכה פותרת בלי לגעת ב-.soft עצמו. */
/* טקסט משני על הרקע הבהיר יוצא 4.25:1 ונופל מתחת ל-4.5. הצללה
   קלה של האסימון, בתוך המקטע בלבד, מעלה אותו ל-5.17 בלי לגעת
   בשום דף חי. */
.soft-tall{--ink-2:#5E6684}
.soft-tall::before{background:
  radial-gradient(ellipse 60% 45% at 92% 6%,rgba(243,132,32,.09),transparent 70%),
  radial-gradient(ellipse 60% 45% at 8% 94%,rgba(15,169,141,.06),transparent 70%)}

/* ---------- אייברו על רקע בהיר ---------- */
/* --orange-2 על הקרם נותן 3.25:1 ועל הרקע הבהיר 2.95:1, ושניהם
   נופלים. #9C4A04 כבר קיים בקובץ (חותמת הזמן בתוצאת החיפוש) ונותן
   5.88 / 5.34. הסלקטור נוגע רק בכותרות מקטע בדפי הקהלים: ההירו
   והסגירה כהים ושומרים על הכתום הבהיר שלהם. */
.v5 .sec-head .eyebrow{color:#9C4A04}

/* ---------- מפת הקהלים במסך הבחירה ---------- */
.picker-map{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:820px){.picker-map{grid-template-columns:repeat(3,minmax(0,1fr))}}
.picker-map>div{background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:20px 22px;box-shadow:var(--e1)}
.picker-map b{display:block;font-family:'Rubik','Alef',sans-serif;
  font-size:17px;color:var(--navy);margin-bottom:10px}
.picker-map span{display:block;font-size:14.5px;color:#5E6684;line-height:1.6}
.picker-map em{display:block;font-style:normal;font-weight:700;font-size:13px;
  color:#9C4A04;margin:8px 0}
.picker-note ul{margin:10px 0 16px;padding-inline-start:20px}
.picker-note li{margin:6px 0}
.picker-note li::marker{color:var(--orange-2)}
.picker-note b{display:block;font-family:'Rubik','Alef',sans-serif;
  color:var(--navy);font-size:16px;margin-bottom:4px}

/* ---------- ציטוט ממנטור מהכנס ---------- */
/* ההמלצות אינן עדות על המוצר אלא דברים שנאמרו מהבמה,
   ולכן הכרטיס נושא תמיד את שורת המקור ואינו מתחזה לביקורת. */
.praise{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;
  align-items:center;max-width:780px;margin:38px auto 0;padding:26px 28px;
  background:#fff;border:1px solid var(--line);border-radius:22px;
  box-shadow:var(--e1)}
.praise>img{width:84px;height:84px;border-radius:18px;object-fit:cover;
  border:2px solid rgba(255,255,255,.9);box-shadow:0 10px 22px rgba(8,13,47,.12)}
.praise blockquote{margin:0;font-size:clamp(16.5px,1.9vw,18.5px);
  line-height:1.65;color:var(--ink)}
.praise figcaption{margin-top:12px;display:flex;flex-wrap:wrap;
  gap:4px 10px;align-items:baseline}
.praise figcaption b{font-family:'Rubik','Alef',sans-serif;font-size:15px;
  color:var(--navy)}
.praise figcaption span{font-size:13.5px;color:#5E6684}
.praise figcaption em{font-style:normal;font-size:12.5px;color:#9C4A04;
  font-weight:700}
@media(max-width:560px){
  .praise{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 20px}
  .praise>img{width:64px;height:64px}
}

/* ═══════════════════════════════════════════════════════════════
   V6 · מקטע ההצעה, קולות המשתתפים, והדף הכללי (/record/)

   1.9.2026. שכבה מוסיפה בלבד: כל השמות כאן חדשים, ואף כלל קיים
   לא נדרס. הדפים החיים משתמשים באותו קובץ ולכן זה לא סגנון אלא
   תנאי — כלל שנכתב מחדש כאן שובר שני דפים שאיש לא ביקש לגעת בהם.
   ═══════════════════════════════════════════════════════════════ */

/* ---------- קולות המשתתפים ---------- */
/* מה שאנשים כתבו בזמן השידור. כרטיס קטן ואוורירי, כי ערימה של
   חמישה ציטוטים בגודל אחיד נקראת כרשימה ולא כקולות. */
.voices{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;
  margin-top:34px}
@media(min-width:820px){
  .voices{grid-template-columns:repeat(6,minmax(0,1fr))}
  .voice:nth-child(1),.voice:nth-child(2),.voice:nth-child(3){grid-column:span 2}
  .voice:nth-child(4){grid-column:span 2}
  .voice:nth-child(5){grid-column:span 4}
}
.voice{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:22px 24px;box-shadow:var(--e1);display:flex;flex-direction:column;
  justify-content:space-between;gap:12px}
.voice blockquote{margin:0;font-size:16.5px;line-height:1.65;color:var(--ink)}
.voice figcaption{font-size:13px;color:#5E6684;font-weight:700}
.voice::before{content:"";display:block;width:26px;height:3px;border-radius:2px;
  background:var(--orange);margin-bottom:2px}

/* ---------- פאנל ההצעה ---------- */
/* align-items:start ולא stretch: בלעדיו הכרטיס הלבן נמתח לגובה
   הפאנל הכתום ומשאיר שטח ריק בתחתיתו, שנקרא כמקטע לא גמור. */
.vip{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:34px;
  align-items:start}
@media(min-width:900px){.vip{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.vip-main{background:#fff;border:1px solid var(--line);border-radius:24px;
  padding:30px 32px;box-shadow:var(--e1)}
.vip-name{font-family:'Rubik','Alef',sans-serif;font-weight:800;
  font-size:clamp(20px,2.5vw,25px);color:var(--navy);margin-bottom:20px;
  padding-bottom:16px;border-block-end:1px solid var(--line)}
.vip-row{display:flex;gap:14px;align-items:flex-start;padding:13px 0;
  border-block-end:1px solid rgba(220,227,240,.6)}
.vip-row:last-child{border-block-end:0;padding-bottom:0}
.vip-ico{font-size:21px;line-height:1.3;flex:none}
.vip-row b{display:block;font-family:'Rubik','Alef',sans-serif;font-size:16.5px;
  font-weight:700;color:var(--navy)}
.vip-row span{display:block;font-size:14.5px;color:#5E6684;line-height:1.6;
  margin-top:3px}

/* הצד הכתום. לבן על כתום נכשל בנגישות, ולכן הטקסט כאן נייבי —
   אותו כלל שנמדד בראש הקובץ ואין לשבור אותו. */
.vip-side{background:linear-gradient(160deg,#F9A23F,#EE7A12);
  border-radius:24px;padding:24px;box-shadow:var(--e2);
  display:flex;flex-direction:column;gap:16px;text-align:center}
.vip-side>img{border-radius:16px;background:rgba(255,255,255,.35)}
.vip-price b{display:block;font-family:'Rubik','Alef',sans-serif;
  font-size:clamp(26px,4vw,34px);font-weight:900;color:var(--navy);
  line-height:1.15;letter-spacing:-.02em}
.vip-price span{display:block;font-size:14.5px;font-weight:700;
  color:#5A3406;margin-top:5px}
.vip-side .cta{width:100%}
.vip-side .cta-note{color:#5A3406;font-size:13px;margin-top:2px}

/* ---------- חוויית הפורטל ---------- */
.portal{margin-top:26px;background:var(--paper-2);border:1px solid var(--line);
  border-radius:24px;padding:30px 32px}
.portal .eyebrow{color:#9C4A04}
.portal h3{margin-top:6px}
.port-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
  margin-top:22px}
@media(min-width:760px){.port-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.port-row{background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:16px 18px}
.port-row b{display:block;font-family:'Rubik','Alef',sans-serif;font-size:16px;
  color:var(--navy)}
.port-row span{display:block;font-size:14.5px;color:#5E6684;line-height:1.6;
  margin-top:4px}

/* ═══════ הדף הכללי — /record/ ═══════
   דף קצר, חם ואישי. מה שמשתדרג הוא הקצב, הנייד והמהירות. */
.rec-hero{background-color:#0B1242;
  background-image:linear-gradient(150deg,#0B1242 0%,#16205C 58%,#233081 100%);
  color:#E8ECFA;padding:clamp(34px,6vw,66px) 0 clamp(30px,5vw,54px);
  position:relative;overflow:hidden}
.rec-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 55% 60% at 12% 100%,rgba(243,132,32,.22),transparent 70%)}
.rec-hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;
  align-items:center;position:relative;z-index:1}
@media(min-width:900px){
  .rec-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:38px}
}
/* שני הלוגואים הם טקסט כהה על רקע שקוף. על ההירו הנייבי הם
   נבלעים, ושום שער גאומטרי לא תופס את זה — רק העין. לוח בהיר
   מחזיר להם את הניגודיות ונקרא כלוקאפ מותג משותף. */
.rec-logos{display:inline-flex;gap:16px;align-items:center;margin-bottom:22px;
  background:#fff;border-radius:16px;padding:11px 18px;
  box-shadow:0 12px 30px rgba(0,0,0,.3)}
.rec-logos img{height:44px;width:auto;object-fit:contain}
.rec-logos img+img{border-inline-start:1px solid #E3E7F2;padding-inline-start:16px}
.rec-hero h1{color:#fff;margin-top:12px}
.rec-hero .h1-sub{display:block;color:var(--orange);font-size:.62em;
  font-weight:800;margin-top:8px;letter-spacing:-.02em}
.rec-hero .eyebrow{color:#F0A75C}
.rec-hero .lead{color:#C9D1EE;margin-top:20px;font-size:clamp(16.5px,1.9vw,19px);
  line-height:1.75}
.rec-hero-cta{margin-top:28px}
.rec-hero .cta-note{color:#939EC8;margin-top:10px;font-size:13.5px}
.rec-hero-img img{border-radius:26px;box-shadow:0 26px 60px rgba(0,0,0,.4)}



/* ═══════════════════════════════════════════════════════════════
   V7 · המעבר מההירו אל שלושת השלבים

   מה היה שבור: הפאנל היה מלבן כהה שרכב על התפר בין צילום ההירו
   (חום־שחור) לרקע הדף (בהיר). הפינות העליונות שלו ישבו על הצילום
   והתחתונות על הלבן, ולכן הוא נקרא כאובייקט זר שהונח על הדף ולא
   כחלק ממנו. בנייד החפיפה לא קרתה בכלל, והמקטע הבא דווקא עלה
   עליו ב-22 פיקסלים. בנוסף היו שלוש מסגרות מקוננות: פאנל, קופסה
   פנימית, ותאים.

   מה שהוחלף: אזור נייבי מלא־רוחב שממשיך את החושך של ההירו במקום
   לעמוד מולו. הצילום נמוג לתוכו בגרדיאנט, והיציאה אל הדף היא
   חיתוך אלכסוני — אותה שפה של .hero ושל .soft בקובץ הזה, ולא
   לוח מרחף. אין יותר margin שלילי, ולכן אין מה להישבר ברוחב אחר.

   מוגבל ב-.v7 בכוונה: הדף הכללי (/record/) עוצב אחרת ואינו נוגע בזה.
   ═══════════════════════════════════════════════════════════════ */

/* הצילום נמוג לנייבי במקום להיחתך בקו.
   🔴 לא דרך .hero.cine::after: הוא יושב ב-z-index -1 ו-.hero-bg יושב
   ב--2, אבל הצילום עצמו הוא ילד של .hero-bg ומצויר מעליו. הרובד
   הנכון הוא ה-::after של .hero-bg — הוא כבר מכהה את תחתית הצילום,
   ורק הצבע שאליו הוא מכהה היה שגוי: שחור־חם מול אזור נייבי. */
/* הזוהר הכתום של ההירו ממורכז ב-104% מגובהו, כלומר בדיוק על
   השוליים התחתונים, ומשאיר שם גוון חם של 23 רמות מעל הנייבי —
   מספיק כדי שהקו יחזור להיראות. הוא נמוג ב-100 הפיקסלים האחרונים. */
.v7 .hero.cine::before{
  mask-image:linear-gradient(to bottom,#000 calc(100% - 100px),transparent);
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 100px),transparent)}

.v7 .hero.cine .hero-bg::after{background:
  linear-gradient(to top,var(--navy) 0%,rgba(8,13,47,.80) 11%,
    rgba(13,10,6,.66) 24%,rgba(13,10,6,.34) 38%,transparent 56%),
  linear-gradient(to bottom,rgba(13,10,6,.5) 0%,transparent 20%)}

/* האזור עצמו. מלא־רוחב, בלי margin שלילי, עם יציאה אלכסונית. */
/* margin-top:-1px ולא -28: תחתית ההירו נופלת על מיקום שברי, ושתי
   הקופסאות מחליקות את הקצה שלהן בנפרד — מה שמשאיר שורת פיקסלים
   בהירה אחת בדיוק על הגבול. פיקסל אחד של חפיפה מכסה אותה. */
.v7 .band-hero{margin:-1px 0 0;background:var(--navy);color:#fff;overflow:hidden;
  padding-block:clamp(40px,5.5vw,68px) clamp(74px,9vw,116px);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 46px),0 100%)}

/* הוואש עובר מהפאנל אל האזור, ולכן הוא רחב כמו הדף. */
/* הזוהר חייב להתחיל מתחת לתפר. כשהוא נוגע בשוליים העליונים הוא
   מבהיר אותם, והגבול עם תחתית ההירו חוזר להיראות כקו חתוך — בדיוק
   מה שהמסך הזה בא לפתור. המסכה משאירה את 130 הפיקסלים הראשונים
   בנייבי נקי, זהה לצבע שאליו הצילום נמוג. */
.v7 .band-hero::before{content:'';display:block;position:absolute;inset:0;
  z-index:0;pointer-events:none;background:
  radial-gradient(ellipse 44% 52% at 14% 46%,rgba(243,132,32,.17),transparent 70%),
  radial-gradient(ellipse 48% 58% at 88% 34%,rgba(50,75,174,.26),transparent 72%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 130px);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 130px)}
.v7 .band-hero>.wrap{position:relative;z-index:1}

/* הפאנל מפסיק להיות פאנל. האזור הוא הפאנל. */
.v7 .band-hero>.wrap>.phases{background:none;border:0;border-radius:0;
  box-shadow:none;padding:0;overflow:visible}
.v7 .phases::before{display:none}
.v7 .phases::after{content:'';position:absolute;z-index:-1;inset:-20% -50%;opacity:.20;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%)}

/* הכותרת ממורכזת: היא כותרת של מקטע שלם עכשיו, לא של קופסה. */
.v7 .phases-head{max-width:64ch;margin-inline:auto;margin-bottom:clamp(26px,3.4vw,38px);
  text-align:center}
.v7 .phases-h{font-size:clamp(25px,3.4vw,40px)}
.v7 .phases-sub{max-width:56ch;margin-inline:auto;font-size:clamp(15.5px,1.8vw,17.5px)}

/* התאים: בלי מסגרת חיצונית. המחיצות הן קווים דקים בין התאים. */
.v7 .phases-grid{background:none;border:0;border-radius:0;gap:0;overflow:visible}
.v7 .phase{background:none;border-radius:16px;min-block-size:0;
  padding:clamp(20px,2.6vw,30px) 18px;gap:9px}
/* המחיצה היא קו, לא גבול של תיבה מעוגלת: border על אלמנט עם
   border-radius מתעקל בקצוות ונקרא כמסגרת חלקית סביב כל תא. */
.v7 .phase+.phase::before{content:'';position:absolute;inset-block:14%;
  inset-inline-end:0;inline-size:1px;background:rgba(255,255,255,.14)}
.v7 .phase:hover,.v7 .phase:focus-visible{background:rgba(255,255,255,.05)}
.v7 .phase .phase-word{font-size:clamp(23px,3vw,34px)}
.v7 .phase .lbl{font-size:clamp(13.5px,1.5vw,15px);color:#C8D0EF;max-width:24ch;
  margin-inline:auto}
/* פס ההדגשה בריחוף צומח מימין, וממורכז מתחת לתא. */
.v7 .phase::after{inset:auto 18px 10px 18px}

@media(max-width:759px){
  .v7 .band-hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),0 100%)}
  .v7 .phase+.phase::before{inset:0 14% auto 14%;inline-size:auto;block-size:1px}
}

/* ═══════════════════════════════════════════════════════════════
   V8 · ליטוש הדף הכללי (/record/)

   מה היה: הצילום היה מלבן מעוגל שמרחף על נייבי שטוח, עם קצה תחתון
   חד שחותך את שניהם באמצע הרגליים, והיציאה אל הדף הייתה אותו קו
   אופקי חד שתוקן בשאר הדפים. שלושתם יחד נקראו כתבנית ולא כעיצוב.

   מה שהוחלף: הצילום נמוג לתוך הנייבי במקום להיחתך, יש מאחוריו
   הילה שמחברת אותו לרקע, והיציאה אלכסונית — אותה שפה של V7.
   ═══════════════════════════════════════════════════════════════ */
.v6 .rec-hero{padding-block-end:clamp(46px,6vw,84px);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 44px),0 100%)}

/* הילה מאחורי הצילום. בלעדיה הוא מלבן על שטח ריק. */
.v6 .rec-hero-img{position:relative}
.v6 .rec-hero-img::before{content:'';position:absolute;z-index:0;
  inset:8% -12% -6% -12%;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at 50% 60%,rgba(83,110,224,.30),transparent 68%)}
.v6 .rec-hero-img img{position:relative;z-index:1;
  border-radius:26px 26px 0 0;box-shadow:none;
  mask-image:linear-gradient(to bottom,#000 72%,rgba(0,0,0,.45) 92%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 72%,rgba(0,0,0,.45) 92%,transparent 100%)}
@media(min-width:900px){
  .v6 .rec-hero-in{align-items:end}
  .v6 .rec-hero-img{align-self:end;margin-block-end:calc(clamp(46px,6vw,84px) * -1)}
}

/* כרטיסי הקולות: הקו הכתום היה נקודה קטנה בראש כרטיס גדול וריק.
   עכשיו הוא פס צד, והכרטיס צמוד לתוכן שלו. */
.v6 .voice{padding:20px 22px;gap:10px}
.v6 .voice::before{position:absolute;inset-block:20px;inset-inline-start:0;
  inline-size:3px;block-size:auto;margin:0;border-radius:0 3px 3px 0}
.v6 .voice{position:relative;overflow:hidden}
.v6 .voice blockquote{font-size:16px;line-height:1.6}

/* שיהוי קטן בין הכותרת לתאים, כדי שהתנועה תיקרא כמכוונת ולא
   כשני דברים שנדלקים יחד. */
.v7 .phases-grid.rv{transition-delay:.09s}

/* ההירו של הדף הכללי ממורכז. ביישור לימין העמודה נראית תלויה על
   הקצה — במיוחד כשהפריסה מתקפלת לעמודה אחת ואין צילום שיאזן אותה. */
.v6 .rec-hero-copy{text-align:center}
.v6 .rec-hero-copy .eyebrow{justify-content:center}
.v6 .rec-hero-copy .lead{max-width:60ch;margin-inline:auto}
.v6 .rec-logos{margin-inline:auto}
.v6 .rec-hero-cta .cta-note{margin-inline:auto}
@media(min-width:900px){
  .v6 .rec-hero-copy .lead{max-width:52ch}
}

/* ═══════════════════════════════════════════════════════════════
   V9 · המחשת החיפוש בפורטל

   החליף פסיפס של שמונה תצלומי מרצים שלא הראה כלום מהמוצר. כאן
   שלושה שלבים שמספרים את הסיפור, ולוח שמדגים את החיפוש עצמו.
   הכול בנוי ב-HTML ולא בצילומי מסך: חד בכל רזולוציה, מתכוונן
   לכל רוחב, ואי אפשר שיימתח.
   ═══════════════════════════════════════════════════════════════ */
.dsteps{list-style:none;margin:clamp(28px,3.6vw,42px) 0 0;padding:0;
  display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:820px){.dsteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.dstep{display:flex;gap:13px;align-items:flex-start;background:#fff;
  border:1px solid var(--line);border-radius:16px;padding:16px 18px;
  box-shadow:var(--e1)}
.dstep-k{flex:none;inline-size:26px;block-size:26px;border-radius:50%;
  display:grid;place-items:center;background:var(--navy);color:#fff;
  font:800 13px/1 'Rubik','Alef',sans-serif}
.dstep b{display:block;font-family:'Rubik','Alef',sans-serif;font-size:16px;
  color:var(--navy)}
/* מכוון ל-div הפנימי בלבד: .dstep-k הוא גם span, ובסלקטור רחב
   הוא היה מקבל את הצבע הכהה והספרה נעלמה על רקע נייבי. */
.dstep>div span{display:block;font-size:14.5px;line-height:1.6;color:#5E6684;
  margin-top:3px}

/* הלוח. חלון מוקטן ומדויק, לא צילום מסך. */
.demo{max-width:660px;margin:clamp(24px,3vw,34px) auto 0;background:#fff;
  border:1px solid var(--line);border-radius:20px;overflow:hidden;
  box-shadow:var(--e2)}
.demo-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;
  background:var(--paper-2);border-block-end:1px solid var(--line)}
.demo-dot{inline-size:9px;block-size:9px;border-radius:50%;
  background:#D3DAEA;flex:none}
.demo-ttl{margin-inline-start:auto;font-size:12.5px;color:#5E6684;
  font-family:'Rubik','Alef',sans-serif}
.demo-q{display:flex;align-items:center;gap:10px;margin:16px 16px 0;
  padding:12px 15px;background:var(--paper-2);border:1px solid var(--line);
  border-radius:13px}
.demo-mag{flex:none;inline-size:15px;block-size:15px;border-radius:50%;
  border:2px solid var(--ink-2);position:relative}
.demo-mag::after{content:'';position:absolute;inset-block-start:12px;
  inset-inline-start:-4px;inline-size:7px;block-size:2px;border-radius:2px;
  background:var(--ink-2);transform:rotate(45deg)}
.demo-typed{font-family:'Rubik','Alef',sans-serif;font-size:17px;
  font-weight:700;color:var(--navy)}
.demo-caret{inline-size:2px;block-size:19px;background:var(--orange);
  border-radius:2px;animation:demoblink 1.1s steps(1) infinite}
@keyframes demoblink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
.demo-count{margin:12px 17px 0;font-size:13px;color:#5E6684}
.dhits{list-style:none;margin:8px 0 0;padding:0}
.dhit{display:flex;align-items:center;gap:13px;padding:12px 17px;
  border-block-start:1px solid rgba(220,227,240,.7)}
.dhit img{inline-size:44px;block-size:44px;border-radius:11px;
  object-fit:cover;flex:none}
.dhit>div{min-inline-size:0;flex:1}
.dhit b{display:block;font-family:'Rubik','Alef',sans-serif;font-size:15px;
  color:var(--navy)}
.dhit span{display:block;font-size:13.5px;color:#5E6684;line-height:1.45;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dhit-at{flex:none;font-family:'Rubik','Alef',sans-serif;font-weight:700;
  font-size:13px;color:#9C4A04;background:var(--orange-soft);
  padding:5px 10px;border-radius:9px}
@media(max-width:520px){
  .dhit{gap:10px;padding:11px 13px}
  .dhit img{inline-size:38px;block-size:38px}
  .dhit b{font-size:14px}
  .dhit span{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){.demo-caret{animation:none}}

/* ═══════════════════════════════════════════════════════════════
   V10 · הצ'אט של הכנס

   החליף חמישה כרטיסי ציטוט שנראו כמו המלצות אתר. כאן חלון שידור:
   הדוברים מצד אחד, הצ'אט מצד שני, וההודעות הן מה שבאמת נכתב שם.
   השמות הוסרו כי הכותבים אנונימיים במקור, והפאנל אומר את זה.

   מהתיק המותגי: כתום כזהות, כחול כמרחק, נייר חם כקנבס.
   ═══════════════════════════════════════════════════════════════ */
.chat{display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  margin-top:clamp(28px,3.6vw,40px);background:var(--navy);
  border-radius:22px;overflow:hidden;box-shadow:var(--e2);
  max-width:900px;margin-inline:auto}
@media(min-width:800px){.chat{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}

/* צד השידור */
/* place-content ולא place-items: עם grid ושלושה ילדים השורות
   נמתחות לגובה הפאנל, והאריחים, המחוון והשם נדחקים לשלוש
   פינות רחוקות במקום להיקרא כקבוצה אחת. */
.chat-stage{position:relative;display:grid;place-content:center;
  justify-items:center;gap:14px;
  padding:clamp(26px,3.4vw,38px) 20px;min-block-size:210px;
  background:radial-gradient(ellipse 76% 70% at 50% 28%,#1B2867,#080D2F 72%)}
/* שני אריחים, כמו חלון שידור. בתיק המותג: שניהם מובילים. */
.chat-tiles{display:flex;gap:12px}
/* אריח יחיד: גדול מעט יותר כדי שלא ייראה כמו חלון שחסר בו משתתף */
.chat-tiles img:only-child{inline-size:clamp(96px,11vw,118px)}
.chat-tiles img{inline-size:clamp(72px,9vw,94px);block-size:auto;
  aspect-ratio:1;object-fit:cover;border-radius:16px;
  border:2px solid rgba(255,255,255,.18);
  box-shadow:0 14px 34px rgba(0,0,0,.42)}
.chat-live{display:inline-flex;align-items:center;gap:7px;
  font:700 12.5px/1 'Rubik','Alef',sans-serif;color:#FFD2A8;
  background:rgba(243,132,32,.16);border:1px solid rgba(243,132,32,.4);
  padding:6px 12px;border-radius:99px}
.chat-rec{inline-size:7px;block-size:7px;border-radius:50%;
  background:var(--orange);animation:chatpulse 1.9s ease-in-out infinite}
@keyframes chatpulse{0%,100%{opacity:1}50%{opacity:.25}}
.chat-who{margin:0;font-size:13.5px;color:#C8D0EF;text-align:center}

/* צד הצ'אט */
.chat-panel{background:#fff;display:flex;flex-direction:column;min-inline-size:0}
.chat-head{padding:13px 18px;font:700 13.5px/1 'Rubik','Alef',sans-serif;
  color:var(--navy);background:var(--paper-2);
  border-block-end:1px solid var(--line)}
.chat-list{list-style:none;margin:0;padding:6px 0;flex:1}
.cmsg{display:flex;gap:11px;align-items:flex-start;padding:11px 18px}
.cmsg+.cmsg{border-block-start:1px solid rgba(220,227,240,.6)}
/* אווטאר בלי אות: כל התפקידים מתחילים ב-מ, ואות זהה בכל שורה
   נקראת כתקלה. הכותבים אנונימיים במקור, וזה מה שהעיגול אומר. */
.cav{flex:none;inline-size:30px;block-size:30px;border-radius:50%;
  position:relative;background:var(--orange-soft);overflow:hidden}
.cav::before{content:'';position:absolute;inset-block-start:6px;
  inset-inline-start:50%;transform:translateX(50%);
  inline-size:10px;block-size:10px;border-radius:50%;background:#D79A63}
.cav::after{content:'';position:absolute;inset-block-start:19px;
  inset-inline-start:50%;transform:translateX(50%);
  inline-size:19px;block-size:14px;border-radius:10px 10px 0 0;
  background:#D79A63}
.cmsg:nth-child(2) .cav{background:#E3EDF7}
.cmsg:nth-child(2) .cav::before,.cmsg:nth-child(2) .cav::after{background:#8FA8C4}
.cmsg:nth-child(3) .cav{background:#E6F1EC}
.cmsg:nth-child(3) .cav::before,.cmsg:nth-child(3) .cav::after{background:#8AB5A2}
.cmsg:nth-child(4) .cav{background:#F2E9F6}
.cmsg:nth-child(4) .cav::before,.cmsg:nth-child(4) .cav::after{background:#AE93BE}
.cmsg>div{min-inline-size:0}
.cmsg b{display:block;font:700 13px/1.2 'Rubik','Alef',sans-serif;
  color:#5E6684}
.cmsg p{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--ink)}
.chat-foot{padding:11px 18px 14px}
.chat-box{display:block;padding:9px 14px;border:1px solid var(--line);
  border-radius:11px;background:var(--paper-2);font-size:13.5px;color:#98A0BC}
@media(max-width:520px){
  .cmsg{padding:10px 14px;gap:9px}
  .cmsg p{font-size:14.5px}
  .chat-head,.chat-foot{padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){.chat-rec{animation:none}}


/* ═══════════════════════════════════════════════════════════════
   V11 · חוט האור

   „האור עובר הלאה” הוא הרעיון של המותג, ושלוש הנקודות הן המעבר
   עצמו. הקו נמתח פעם אחת כשהן נחשפות — מימין לשמאל, בכיוון
   הקריאה — ואז נעצר. הוא מצייר את המסר, ולא מסתובב בלולאה.

   🔴 מה מפעיל אותו: אין כאן שום JS חדש ושום ספרייה. הקו תולה את
   עצמו על .phases-grid.rv שכבר מקבלת .in מהמשקיף הקיים, דרך אח
   כללי (~), ולכן הוא חייב לבוא אחרי הרשת ב-DOM.
   ═══════════════════════════════════════════════════════════════ */
.v7 .wire-box{position:relative}
/* z-index מפורש: שניהם ממוקמים, ולכן בלי מספר הקו שבא אחרי הרשת
   היה נצבע מעל הכיתוב. */
.v7 .wire-box .phase{z-index:1}
.v7 .wire{position:absolute;z-index:0;pointer-events:none;
  inset-inline:3%;inset-block-end:-14px;block-size:2px;border-radius:2px;
  background:linear-gradient(to left,rgba(243,132,32,0),var(--orange) 12%,
    #FFB86B 50%,var(--orange) 88%,rgba(243,132,32,0));
  box-shadow:0 0 14px rgba(243,132,32,.4);
  transform:scaleX(0);transform-origin:100% 50%;
  /* 🔴 0.7 שניות ולא 1.85. קו שנמתח לאט בתחתית מקטע שכבר
     התייצב נקרא כדף שעדיין נטען, לא כרגע מעוצב. */
  transition:transform .6s cubic-bezier(.22,.61,.36,1) .1s}
.v7 .phases-grid.in ~ .wire{transform:scaleX(1)}

/* בנייד השלושה זה מתחת לזה, ולכן החוט יורד לאורך הקצה הפותח —
   ימין בעברית — במקום לחצות אותם לרוחב. */
@media(max-width:759px){
  .v7 .wire{inset-inline:auto;inset-inline-start:-2px;
    inset-block:6px -6px;inline-size:2px;block-size:auto;
    background:linear-gradient(to bottom,rgba(243,132,32,0),var(--orange) 12%,
      #FFB86B 50%,var(--orange) 88%,rgba(243,132,32,0));
    transform:scaleY(0);transform-origin:50% 0}
  .v7 .phases-grid.in ~ .wire{transform:scaleY(1)}
}

/* מי שביקש פחות תנועה מקבל את הקו מתוח, לא נעדר. */
@media(prefers-reduced-motion:reduce){
  .v7 .wire{transition:none;transform:none}
}

/* ═══════════════════════════════════════════════════════════════
   V12 · המשפט של המכללה

   „אתה הרבה יותר מזה” חרוט על צמיד הגומי הכתום שהמכללה מחלקת.
   הוא נכתב כאן כפי שהוא, עם שורת המקור מתחתיו — בלי שורת סיכום
   משלי אחריו. משפט שנושא את עצמו נחלש מכל מה שמוסיפים לו.
   ═══════════════════════════════════════════════════════════════ */
.creed{margin:26px 0 0;padding-inline-start:14px;
  border-inline-start:2px solid rgba(243,132,32,.55)}
.creed b{display:block;font-family:'Rubik','Alef',sans-serif;font-weight:800;
  font-size:clamp(17px,2vw,21px);line-height:1.35;color:#FFCF9E}
.creed span{display:block;margin-top:5px;font-size:13px;color:#A9B3D8}

/* ═══════════════════════════════════════════════════════════════
   V13 · הנייבי של הדף הכללי

   מה שהיה: הגרדיאנט של ההירו נגמר ב-#233081 — כחול מלכותי רווי
   שאינו בלוח הצבעים של המותג בכלל, ושתפס בדיוק את הצד שבו יושב
   הקופי. הוא נקרא כבאנר פרסומת ולא כאותו מותג של שאר הדפים.
   ההילה מאחורי הצילום הוסיפה עוד כחול על אותו כחול.

   מה שהוחלף: אותו נייבי עמוק שבשאר הדפים (#080D2F → #0B1242),
   והמבטא היחיד הוא הזוהר הכתום — בדיוק כמו ב-.hero.cine. ההילה
   מאחורי הצילום התחממה: גזירת דמות על נייבי מופרדת טוב יותר
   בחום מאשר בעוד שכבת כחול.
   ═══════════════════════════════════════════════════════════════ */
.v6 .rec-hero{background-color:#080D2F;
  background-image:linear-gradient(158deg,#080D2F 0%,#0B1242 56%,#121B4E 100%)}
.v6 .rec-hero::after{background:
  radial-gradient(ellipse 58% 64% at 14% 104%,rgba(243,132,32,.20),transparent 68%),
  radial-gradient(ellipse 46% 52% at 86% 0%,rgba(243,132,32,.07),transparent 72%)}
.v6 .rec-hero-img::before{
  background:radial-gradient(ellipse at 50% 62%,rgba(196,122,58,.24),transparent 66%)}

/* ═══════════════════════════════════════════════════════════════
   V14 · הדף הכללי עולה לרמת דף MSP

   הבעיה שנאמרה במילים של יוסף: „ראש הדף מרגיש בסיסי”. היא נכונה,
   וזה מה שהיה שם: גזירת דמות מרחפת על נייבי שטוח, כפתור אחד,
   ואפס עובדות. שלושה חסרים שכל אחד מהם לבדו עוד עובר, וביחד הם
   ראש דף של תבנית.

   מה שנכנס, בדיוק כמו בדף MSP: רצועת הודעה מעל הכול, לוקאפ של
   שני המותגים עם סימן החיבור, צילום הבמה בכרטיס מסוגר עם כיתוב
   עליו, שני כפתורים, ותגיות עובדה. ומיד אחרי ההירו — רצועת
   מספרים על נייבי, שהיא המהלך שעושה שם את ההבדל בין דף שמספר
   על עצמו לדף שמראה.

   שכבה מוסיפה בלבד. כל השמות כאן חדשים; הכללים היחידים שנדרסים
   הם של V8 ו-V13 על הצילום, וכולם ממוקדים דרך .rec-hero-card
   שאינה קיימת בשום מקום אחר.
   ═══════════════════════════════════════════════════════════════ */

/* ---------- רצועת ההודעה ---------- */
/* 🔴 טקסט נייבי על כתום, ולא לבן. זה הכלל שנמדד בראש הקובץ
   (2.6:1 מול 6.6:1) ואינו העדפה. */
.v6 .rec-strip{background:linear-gradient(100deg,#F9A23F,#EE7A12);
  color:#2C1704;font-family:'Rubik','Alef',sans-serif;font-weight:700;
  font-size:14.5px;line-height:1.5;letter-spacing:-.01em;
  padding:11px 0;text-align:center}
@media(max-width:600px){.v6 .rec-strip{font-size:13px;padding:10px 0}}

/* ---------- לוקאפ שני המותגים ---------- */
/* היה: שני לוגואים בלוח לבן עם קו מפריד. סימן החיבור אומר בשורה
   אחת מה שקו אנכי משאיר לניחוש — שזו שותפות ולא שני קבצים. */
.v6 .rec-logos{gap:14px;padding:10px 16px}
.v6 .rec-logos img+img{border-inline-start:0;padding-inline-start:0}
.v6 .rec-x{display:inline-flex;align-items:center;justify-content:center;
  inline-size:30px;block-size:30px;flex:none;border-radius:50%;
  background:var(--navy);color:#FFB266;font-family:'Rubik','Alef',sans-serif;
  font-size:19px;font-weight:400;line-height:1;padding-bottom:2px}

/* ---------- שני הכפתורים ---------- */
.v6 .btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.v6 .cta.ghost{background:none;color:#EAEEFF;
  border:1px solid rgba(255,255,255,.34);box-shadow:none}
.v6 .cta.ghost::after{content:none}
.v6 .cta.ghost:hover{background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.55);transform:translateY(-2px);
  box-shadow:none}

/* ---------- צילום הבמה בכרטיס ---------- */
/* V8 העלים את הקצה התחתון של הגזירה במסכה, כי גזירה עם קצה חד
   נחתכה באמצע הרגליים. כאן אין גזירה אלא צילום מלא, ולכן המסכה,
   המשיכה מתחת לתפר וחצי-העיגול של V8 מבוטלים — כולם דרך המחלקה
   הזו בלבד, כדי שאף דף אחר לא יזוז. */
.v6 .rec-hero-card{margin:0;position:relative}
.v6 .rec-hero-card .rec-shot{position:relative;z-index:1;border-radius:26px;
  overflow:hidden;border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 70px rgba(0,0,0,.5)}
.v6 .rec-hero-card .rec-shot img{position:static;inline-size:100%;
  block-size:auto;aspect-ratio:1780/1576;object-fit:cover;object-position:50% 22%;
  border-radius:0;box-shadow:none;
  mask-image:none;-webkit-mask-image:none}
.v6 .rec-hero-card figcaption{position:absolute;z-index:2;inset-inline:0;
  inset-block-end:0;padding:46px 22px 17px;text-align:start;
  border-radius:0 0 26px 26px;
  background:linear-gradient(to top,rgba(3,6,24,.94),rgba(3,6,24,.62) 42%,transparent)}
.v6 .rec-hero-card figcaption b{display:block;
  font-family:'Rubik','Alef',sans-serif;font-weight:700;font-size:16px;
  color:#fff;letter-spacing:-.01em}
.v6 .rec-hero-card figcaption span{display:block;margin-top:3px;
  font-size:13px;color:#B9C2E4}
@media(min-width:900px){
  .v6 .rec-hero-in{align-items:center}
  .v6 .rec-hero-card{align-self:center;margin-block-end:0}
  /* ראש הדף מיושר להתחלה כשיש צילום שמאזן אותו. במרכז הכותרת
     נראית כמו הודעה, ובהתחלה כמו טענה. */
  .v6 .rec-hero-copy{text-align:start}
  .v6 .rec-hero-copy .eyebrow{justify-content:flex-start}
  .v6 .rec-hero-copy .lead{margin-inline:0}
  .v6 .rec-logos{margin-inline:0}
  .v6 .rec-hero-cta .cta-note{margin-inline:0}
  .v6 .rec-hero-copy .chips{justify-content:flex-start}
}
@media(max-width:899px){
  .v6 .rec-hero-copy .chips{justify-content:center}
  .v6 .btn-row{justify-content:center}
  .v6 .rec-hero-card{margin-top:8px}
}

/* ---------- רצועת המספרים ---------- */
/* הרצועה יושבת מיד מתחת לחיתוך האלכסוני של ההירו, ולכן היא
   נייבי ולא קרם: קרם כאן היה קורא לחיתוך „סוף העמוד”, ואז מתחיל
   עמוד שני. הנייבי ממשיך את ההירו וגומר אותו. */
/* 🔴 המשיכה כלפי מעלה אינה ריווח. ההירו נחתך באלכסון ב-44
   פיקסלים, ובלי המשיכה נפתח שם משולש קרם בין שני אזורים נייביים —
   פס בהיר שקורא לחיתוך „סוף העמוד” ומתחיל עמוד שני. אותו מהלך
   בדיוק רץ ב-V7 בין ההירו לשלושת השלבים. */
.v6 .rec-nums{background:var(--navy);
  background-image:linear-gradient(170deg,#080D2F,#101A4C 60%,#0B1242);
  padding:calc(clamp(26px,4vw,44px) + 44px) 0 clamp(26px,4vw,44px);
  margin-top:-44px;overflow:hidden}
.v6 .nums-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px 12px}
@media(min-width:760px){
  .v6 .nums-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
}
.v6 .num{text-align:center;position:relative;padding:2px 12px}
@media(min-width:760px){
  .v6 .num+.num::before{content:'';position:absolute;inset-block:14%;
    inset-inline-end:100%;inline-size:1px;
    background:linear-gradient(to bottom,transparent,rgba(255,255,255,.16),transparent)}
}
.v6 .num b{display:block;font-family:'Rubik','Alef',sans-serif;font-weight:900;
  font-size:clamp(34px,5.2vw,52px);line-height:1;letter-spacing:-.03em;
  color:var(--orange)}
.v6 .num span{display:block;margin-top:9px;font-size:14px;line-height:1.5;
  color:#B9C2E4;max-width:20ch;margin-inline:auto}

/* ---------- המשך הדף ---------- */
/* המקטעים שנוספו (המנטורים, ההמחשה, הלוח, הרצועה) הם בדיוק אלה
   של דפי הקהל ולכן אין להם סגנון חדש. מה שכן צריך תיקון הוא
   הקצב: אחרי ההירו והמספרים, מקטע ראשון בריווח מלא נופל רחוק
   מדי מהרצועה. */
.v6 .rec-nums+section{padding-top:clamp(46px,6vw,72px)}

/* ═══════════════════════════════════════════════════════════════
   V15 · המעבדה (lab). שלוש גרסאות קהל על השלד המחודש של /record/.

   הקובץ הזה מצורף ל-style.css של המעבדה בלבד, ולעולם לא ללייב.
   שלוש גישות עיצוב, לא שלושה גוונים של אותו דף:
     .lab-stage   — ראש דף קולנועי, צילום הבמה בכרטיס, נייבי עמוק
     .lab-product — ראש דף בהיר, המוצר עצמו הוא הוויזואל
     .lab-search  — ראש דף שמתחיל מהחיפוש: המילה, והדקה שלה
   ומקטע חדש לכולן: „ככה זה נראה מבפנים” — צילומי הפורטל האמיתיים
   במסגרות טלפון.
   ═══════════════════════════════════════════════════════════════ */

/* ---------- מסגרת טלפון ---------- */
/* הצילומים הם 780×1688 (פי שניים). המסגרת נותנת להם גוף: מסך
   מעוגל, שפה כהה, וצל שמרים אותם מהרקע. אין כאן תמונת טלפון —
   רק CSS, ולכן הצילום נשאר חד בכל גודל. */
.lab .phone{position:relative;inline-size:100%;max-inline-size:250px;
  margin-inline:auto;border-radius:34px;padding:9px;
  background:linear-gradient(160deg,#1B2148,#080D2F);
  box-shadow:0 30px 60px rgba(5,8,30,.45),inset 0 0 0 1px rgba(255,255,255,.12)}
/* 🔴 בלי חריץ. הצילומים הם של הדף עצמו, בלי שורת מצב, וכותרת האפליקציה
   יושבת בשורה הראשונה — חריץ מצויר היה מסתיר אותה בכל מסך. */
.lab .phone img{display:block;inline-size:100%;block-size:auto;
  aspect-ratio:780/1688;object-fit:cover;object-position:top;border-radius:26px;
  background:#FCF9F2}

/* ---------- מקטע המוצר ---------- */
.lab .product{background:var(--navy);color:#E8ECFA;
  background-image:linear-gradient(170deg,#080D2F,#0E1648 55%,#0B1242);
  overflow:hidden}
.lab .product .sec-head .eyebrow{color:#FFB266}
.lab .product h2{color:#fff}
.lab .product .lead{color:#C9D1EE}
.lab .shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;margin-top:38px;align-items:start}
.lab .shot{text-align:center}
.lab .shot figcaption{margin-top:14px}
.lab .shot b{display:block;font-family:'Rubik','Alef',sans-serif;font-weight:700;
  font-size:16px;color:#fff}
.lab .shot span{display:block;margin-top:4px;font-size:14px;line-height:1.55;
  color:#B9C2E4;max-width:24ch;margin-inline:auto}
/* חוט האור עובר מתחת לארבעת המסכים: אותו מוטיב של שלוש הנקודות */
.lab .shots-wire{position:relative;margin-top:26px;block-size:2px;
  inset-inline:3%;inline-size:94%;border-radius:2px;
  background:linear-gradient(to left,rgba(243,132,32,0),var(--orange) 12%,#FFB86B 50%,var(--orange) 88%,rgba(243,132,32,0));
  box-shadow:0 0 14px rgba(243,132,32,.4)}
.lab .product .frames-note{color:#8E98C6}
@media(max-width:899px){
  /* בנייד: רצועת גלילה אופקית עם הצמדה, כל מסך ברוחב הצפייה */
  .lab .shots{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:4px 4px 18px;margin-inline:-4vw;padding-inline:4vw;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .lab .shots::-webkit-scrollbar{display:none}
  .lab .shot{flex:0 0 74vw;max-inline-size:280px;scroll-snap-align:center}
  .lab .shots-wire{display:none}
}

/* ---------- אייקוני SVG בשורות החבילה ---------- */
/* אימוג׳י תלוי-גופן ומשתנה בין מכשירים. קו אחיד, צבע אחד. */
.lab .vip-ico{inline-size:26px;block-size:26px;color:var(--orange-2);
  display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.lab .vip-ico svg{inline-size:22px;block-size:22px;stroke-width:1.8}

/* ═══════ גישה א · במה ═══════ */
/* ההירו כפי שהוא ב-/record/ המחודש. הבידול כאן הוא במקטע המוצר
   שמגיע מיד אחרי המספרים, ובכפתור. */

/* ═══════ גישה ב · מוצר ═══════ */
/* ההירו מתהפך לבהיר: קרם, טקסט נייבי, ושני מסכי טלפון במקום
   צילום הבמה. הרצועה מעליו כתומה, ורצועת המספרים מתחתיו נייבי —
   כך הדף עדיין פותח ונסגר בצבעי המותג. */
.lab-product .rec-hero{background-color:#FCF9F2;
  background-image:
    radial-gradient(ellipse 60% 70% at 88% 0%,rgba(243,132,32,.14),transparent 70%),
    linear-gradient(160deg,#FFFFFF 0%,#FCF9F2 60%,#F6EFE2 100%);color:var(--ink)}
.lab-product .rec-hero::after{background:none}
.lab-product .rec-hero h1{color:var(--navy)}
.lab-product .rec-hero .eyebrow{color:var(--orange-2)}
.lab-product .rec-hero .lead{color:var(--ink)}
.lab-product .rec-hero .cta-note{color:var(--ink-2)}
.lab-product .rec-logos{box-shadow:var(--e1);border:1px solid var(--line)}
.lab-product .rec-hero .chip{background:#fff;border:1px solid var(--line);
  color:var(--navy);backdrop-filter:none}
.lab-product .cta.ghost{color:var(--navy);border-color:rgba(11,18,66,.28)}
.lab-product .cta.ghost:hover{background:rgba(11,18,66,.05)}
.lab-product .rec-hero-img::before{display:none}
.lab-product .rec-nums{margin-top:-44px}
/* ההירו הבהיר נחתך באלכסון אל הנייבי, כמו הכהה */
.lab-product .duo-phones{display:grid;grid-template-columns:1fr 1fr;gap:18px;
  align-items:end;max-inline-size:520px;margin-inline:auto}
.lab-product .duo-phones .phone:first-child{transform:translateY(26px)}
/* 🔴 שני הטלפונים נחתכו על ידי האלכסון. ההירו מקבל שוליים תחתונים
   שמכילים גם את ההזזה וגם את 44 הפיקסלים של החיתוך. */
.lab-product .rec-hero{padding-block-end:clamp(96px,11vw,150px)}
@media(min-width:900px){
  .lab-product .rec-hero-in{align-items:start}
  .lab-product .rec-hero-card,.lab-product .rec-hero-img{align-self:start;margin-block-end:0}
}
@media(max-width:899px){
  .lab-product .duo-phones{max-inline-size:360px;gap:12px}
  .lab-product .duo-phones .phone:first-child{transform:translateY(16px)}
  .lab-product .rec-hero{padding-block-end:110px}
}

/* ═══════ גישה ג · חיפוש ═══════ */
/* ההירו נשאר נייבי, אבל הוויזואל הוא רגע אחד מהפורטל: המילה
   „ביטחון” מסומנת בתמלול, והדקה לצידה. מסך אחד גדול, לא שניים. */
.lab-search .rec-hero-img::before{
  background:radial-gradient(ellipse at 50% 60%,rgba(243,132,32,.22),transparent 66%)}
.lab-search .one-phone{max-inline-size:300px;margin-inline:auto}
.lab-search .one-phone .phone{max-inline-size:300px}
/* כיתוב על הצילום: מה רואים כאן */
.lab-search .phone-cap{margin-top:14px;text-align:center;font-size:14px;
  color:#B9C2E4;max-width:30ch;margin-inline:auto}
.lab-search .phone-cap b{color:#FFB266;font-family:'Rubik','Alef',sans-serif}

/* ---------- מסך הבחירה של המעבדה ---------- */
.picker-lab{max-width:920px;margin:0 auto;padding:40px 5vw 80px}
.picker-lab h1{font-size:clamp(28px,4vw,40px)}
.picker-lab .sub{color:var(--ink-2);margin-top:8px}
.picker-lab h2{font-size:20px;margin-top:38px;color:var(--navy)}
.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
@media(max-width:700px){.lab-grid{grid-template-columns:1fr}}
.lab-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:18px 20px;box-shadow:var(--e1);color:var(--ink);text-decoration:none}
.lab-card b{display:block;font-family:'Rubik','Alef',sans-serif;font-size:17px;color:var(--navy)}
.lab-card span{display:block;font-size:14px;color:var(--ink-2);margin-top:4px}
.lab-card.soon{opacity:.55;pointer-events:none}
.lab-card:hover{border-color:var(--orange);transform:translateY(-2px);transition:.18s}

/* ═══════ V16 · ראש דף בהיר בשלוש הגרסאות ═══════ */
/* יוסף, 4.9.2026: „כל ההתחלה של הדפים יותר מדי כהה וכחול".
   מה שהיה חריג לגישת „מוצר" הופך לברירת המחדל: ההירו נפתח בקרם,
   הטקסט נייבי, והדף עדיין נוחת בנייבי ברצועת המספרים מיד אחריו.
   הרצועה הכתומה נשארת מעל, כך שהמותג לא נעלם.
   מוגדר על .lab ולכן חל על stage, product ו-search כאחד. */
.lab .rec-hero{background-color:#FCF9F2;
  background-image:
    radial-gradient(ellipse 60% 70% at 88% 0%,rgba(243,132,32,.13),transparent 70%),
    linear-gradient(160deg,#FFFFFF 0%,#FCF9F2 58%,#F4EDE0 100%);
  color:var(--ink)}
.lab .rec-hero::after{background:none}
.lab .rec-hero h1{color:var(--navy)}
/* 🔴 כתום מותגי על קרם הוא 2.3:1. הכהה (--orange-2) הוא 4.6:1,
   ולכן כל טקסט כתום בהירו הבהיר עובר אליו. */
.lab .rec-hero .h1-sub{color:var(--orange-2)}
.lab .rec-hero .eyebrow{color:var(--orange-2)}
.lab .rec-hero .eyebrow::before,
.lab .rec-hero .eyebrow::after{background:var(--orange-2);opacity:.55}
.lab .rec-hero .lead{color:var(--ink)}
.lab .rec-hero .cta-note{color:var(--ink-2)}
.lab .rec-logos{background:#fff;box-shadow:var(--e1);border:1px solid var(--line)}
.lab .rec-hero .chip{background:#fff;border:1px solid var(--line);
  color:var(--navy);backdrop-filter:none}
.lab .cta.ghost{color:var(--navy);border-color:rgba(11,18,66,.28)}
.lab .cta.ghost:hover{background:rgba(11,18,66,.05)}
/* ההילה הכחולה מאחורי הצילום נבנתה לרקע כהה. על קרם היא כתם. */
.lab .rec-hero-img::before{
  background:radial-gradient(ellipse at 50% 62%,rgba(243,132,32,.16),transparent 68%)}
/* התפר אל רצועת המספרים: החיתוך האלכסוני חושף רקע, והמינוס סוגר אותו */
.lab .rec-nums{margin-top:-44px}
/* מקום לוויזואל שלא ייחתך באלכסון */
.lab .rec-hero{padding-block-end:clamp(96px,11vw,150px)}
@media(min-width:900px){
  .lab .rec-hero-in{align-items:start}
  .lab .rec-hero-card,.lab .rec-hero-img{align-self:start;margin-block-end:0}
}
@media(max-width:899px){
  .lab .rec-hero{padding-block-end:110px}
}

/* גישת „במה": כרטיס הצילום על רקע בהיר צריך מסגרת, לא צל בלבד */
.lab-stage .rec-hero-card{background:#fff;border:1px solid var(--line);
  box-shadow:0 26px 60px rgba(8,13,47,.16)}
.lab-stage .rec-hero-img img{mask-image:none;-webkit-mask-image:none;
  border-radius:22px}

/* גישת „חיפוש": הכיתוב מתחת לטלפון נכתב לרקע כהה */
.lab-search .phone-cap{color:var(--ink-2)}
.lab-search .phone-cap b{color:var(--orange-2)}

.picker-lab .note{margin-top:34px;font-size:14px;line-height:1.7;
  padding-top:18px;border-top:1px solid var(--line)}
.picker-lab .note code{background:#fff;border:1px solid var(--line);
  border-radius:6px;padding:1px 6px;font-size:13px;direction:ltr;
  display:inline-block}

/* ═══════ V17 · כתום קריא על רקע בהיר ═══════ */
/* נמדד ב-bench_lab.js אחרי שתוקנה שם הרכבת שכבות שקופות:
   #F38420 על קרם = 2.46:1, ו-#D96D0C = 3.25:1. שניהם נופלים
   לטקסט קטן (נדרש 4.5) ואחד מהם גם לכותרת (נדרש 3).
   שני ערכים בטוחים, שנמדדו מול שני קצות הקרם (#FCF9F2 ו-#F4EDE0):
     קטן   #A65008 → 5.29 / 4.78
     כותרת #C25F09 → 4.05 / 3.66 */
.lab{--orange-lt:#A65008;--orange-lt-lg:#C25F09}
.lab .spk b,
.lab .syl-t b,
.lab .frames-note b{color:var(--orange-lt)}
.lab .h2-sub{color:var(--orange-lt-lg)}
.lab .rec-hero .eyebrow{color:var(--orange-lt)}
.lab .rec-hero .h1-sub{color:var(--orange-lt-lg)}
.lab-search .phone-cap b{color:var(--orange-lt)}
/* חיקוי ממשק הצ׳אט: השדה הריק היה אפור בהיר מדי גם לטקסט משני */
.lab .chat-box{color:#5C6486}

.picker-lab .lab-grid.one{grid-template-columns:1fr;margin-top:26px}
.picker-lab .lab-card.cmp{background:var(--navy);border-color:var(--navy)}
.picker-lab .lab-card.cmp b{color:#fff}
.picker-lab .lab-card.cmp span{color:#B9C2E4}

/* ═══════ V18 · הכתום של שורות החבילה, על לבן ═══════
   #D96D0C על לבן הוא 3.42 מול 4.5 שנדרש, ושער הנגישות תפס את זה
   רק כשהשכבה הזאת נחתה על הדף הכללי. אותו כתום כהה של V17. */
.lab .vip-row .vip-ico,
.lab .vip-row span{color:var(--orange-lt)}

/* ═══════ V19 · שבירת שורות מאוזנת ═══════
   יוסף, 4.9.2026, על הרצועה: „ירידת השורות נראית קצת שבור". נמדד:
   בנייד היא נשברה לשתי שורות עם text-wrap:wrap, כלומר שורה מלאה
   ומתחתיה שארית. balance מחלק כותרות ורצועות לשורות שוות, ו-pretty
   מונע מילה בודדת בסוף פסקה. שניהם נופלים בשקט בדפדפן שלא מכיר
   אותם. הקובץ הזה מצורף לארבעת הדפים, ולכן זה תיקון אחד ולא ארבעה. */
.lab h1,.lab h2,.lab h3,
.lab .rec-strip .wrap,.lab .num span,.lab .shot figcaption,
.lab .cta-note,.lab .frames-note{text-wrap:balance}
.lab p,.lab li{text-wrap:pretty}

/* ═══════ V20 · הכרטיס הבא מציץ (הערה 4) ═══════
   יוסף, סיור 2:22: „אנשים בטלפון לא ידעו שאפשר לגלול, נראה כאילו יש
   רק תמונה אחת". נמדד: הכרטיסים הם figure, ושולי ברירת המחדל של
   הדפדפן (1em 40px) הרחיקו אותם ל-376 פיקסלים זה מזה במקום 296, כך
   שהשני ישב כולו מחוץ למסך. בדסקטופ הם אכלו 80 פיקסלים מכל מסך.
   הראשון נצמד עכשיו לימין, השני מציץ בשמאל, והנקודות אומרות 1 מתוך 4. */
.lab .shot{margin:0}
.lab .shots-dots{display:none}
@media(max-width:899px){
  .lab .shots{scroll-padding-inline:4vw}
  .lab .shot{flex:0 0 min(72vw,270px);scroll-snap-align:start}
  .lab .shots-dots{display:flex;justify-content:center;gap:7px;margin-top:4px}
  .lab .shots-dots i{display:block;inline-size:8px;block-size:8px;border-radius:99px;
    background:rgba(255,255,255,.26);transition:inline-size .2s,background .2s}
  .lab .shots-dots i.on{inline-size:22px;background:var(--orange)}
}

/* ═══════ V21 · תמונת הסגירה ממלאת את העמודה (הערה 6) ═══════
   נמדד: גריד 630|516 עם align-items:end, התמונה 516×290 בעמודה של
   499, כלומר 209 פיקסלים ריקים מעליה. העמודה נמתחת, התמונה מכסה
   אותה (השניים בצד שמאל של הצילום, ולכן הצילום נצמד לשמאל), ועליה
   שורת עובדה אחת, אותה שורה שכבר יושבת על צילום הבמה. */
.lab .join-img{position:relative;margin:0;border-radius:22px;overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,.4)}
.lab .join-img img{display:block;inline-size:100%;block-size:100%;max-height:none;
  object-fit:cover;object-position:left center;filter:none}
.lab .join-img figcaption{position:absolute;inset-inline:0;inset-block-end:0;
  padding:44px 18px 14px;text-align:start;font-size:13px;line-height:1.5;color:#D6DCF2;
  background:linear-gradient(to top,rgba(5,8,30,.82),rgba(5,8,30,0))}
.lab .join-img figcaption b{display:block;font-family:'Rubik','Alef',sans-serif;
  font-weight:700;font-size:15px;color:#fff}
@media(min-width:920px){
  .lab .formsec .wrap{align-items:stretch}
}

/* ═══════ V22 · רשת המנטורים בנייד (בקשה 10) ═══════
   „תעשה חמש בשורה אחת, גם במובייל. אולי אפילו שלוש, אני לא בטוח.
   בואו ננסה 5, ואם לא נחזיר ל-3". משתנה אחד, כדי שהחזרה תהיה שינוי
   של מספר אחד: --spk-cols:3 ו---spk-name:13px.
   🔵 יוסף ראה את שתי האפשרויות בצילום והכריע: נשאר על 5 (4.9.2026). */
.lab{--spk-cols:5;--spk-name:11px}
@media(max-width:559px){
  .lab .speakers{grid-template-columns:repeat(var(--spk-cols),minmax(0,1fr));gap:14px 8px}
  .lab .spk img{border-radius:12px;border-width:1.5px;box-shadow:0 6px 14px rgba(8,13,47,.1)}
  .lab .spk figcaption{margin-top:6px}
  .lab .spk b{font-size:var(--spk-name);line-height:1.25;letter-spacing:-.01em}
}

/* ═══════ V23 · הלוקאפ של שני הלוגואים (הערה 1) ═══════
   יוסף: „מצועצע". ירדו הגלולה הלבנה, הצל וסימן ה-✕ בעיגול. נשארו
   שני הלוגואים על הקרם, קו דק ביניהם, וגובה מאוזן בעין ולא במספר:
   הקבצים חדשים: לוגו האריה בלי שורת התיוג שממילא לא נקראת ב-60
   פיקסלים, ושניהם חתוכים לשוליים האמיתיים. */
.lab .rec-logos{background:none;box-shadow:none;border:0;padding:0;gap:0;
  margin-bottom:26px}
.lab .rec-logos img{height:auto;width:auto;object-fit:contain}
.lab .rec-logos .lk-kagan{block-size:64px}
.lab .rec-x{display:none}
@media(max-width:599px){
  .lab .rec-logos .lk-kagan{block-size:54px}
}

/* סבב חמישה בספטמבר: כפתור קנייה ברור ומסלול קריאה רגוע לידו.
   Inline SVG mask keeps the icon out of editable text and preserves studio keys. */
.cta::after{content:"";display:block;flex:0 0 20px;inline-size:20px;block-size:20px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6 6-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6 6-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.v6 .cta.ghost,.lab .cta.ghost{color:var(--navy);background:transparent;border:0;border-radius:0;
  box-shadow:none;padding:12px 4px;min-height:44px;font-size:16px;font-weight:500;
  text-decoration:underline;text-underline-offset:6px;text-decoration-color:#B8BCCA;text-decoration-thickness:1px}
.v6 .cta.ghost:hover,.lab .cta.ghost:hover{background:transparent;color:#9C4A04;text-decoration-color:currentColor;transform:none;box-shadow:none}
.v6 .cta.ghost::after{content:none}
/* שורת העל מקבלת מקום בטיפוגרפיה, בלי קווים סביב המילים. */
.eyebrow::before,.eyebrow::after{content:none!important;display:none!important}
.lab .eyebrow{letter-spacing:0;font-size:14px;line-height:1.6;font-weight:500;gap:0;margin-bottom:12px}
.lab .rec-hero-copy>.lead{white-space:pre-line;font-size:clamp(17px,1.4vw,19px);line-height:1.65;max-width:58ch}
.lab .rec-hero .btn-row{align-items:center;gap:12px 22px}
.lab .rec-hero .cta{font-size:16px}
.lab .rec-hero .cta-note{font-size:14px}
.lab .portal{margin-top:36px;border:1px solid #CCD2E3;background:#EDF0F8;
  border-radius:26px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:center;overflow:hidden}
.lab .portal h3{font-size:clamp(26px,3vw,36px);line-height:1.25;color:var(--navy);text-wrap:balance}
.lab .portal .lead{color:var(--ink);font-size:18px;line-height:1.65}
.lab .portal .port-grid{grid-template-columns:1fr;margin-top:24px;gap:17px}
.lab .portal .port-row{border:0;padding:0 16px 0 0;border-inline-start:2px solid #C87629;background:none}
.lab .portal .port-row b{font-size:16px;color:var(--navy)}
.lab .portal .port-row span{font-size:15px;color:#455170}
.portal-view{position:relative;margin:0;padding:12px 0 110px 26px;align-self:center}
.portal-desktop{border:7px solid #141C42;border-radius:15px;overflow:hidden;background:#141C42;box-shadow:0 24px 40px #141C4224}
.portal-desktop img{display:block;width:100%;height:auto}
.portal-mobile{position:absolute;width:29%;max-width:160px;inset-inline-end:0;bottom:35px;border:5px solid #141C42;border-radius:18px;overflow:hidden;box-shadow:0 16px 35px #141C4230}
.portal-mobile img{display:block;width:100%;height:auto}
.portal-view figcaption{color:#455170;font-size:14px;padding-top:18px;max-width:65%;line-height:1.6}
.lab .vip-row span{color:#455170;font-size:16px;line-height:1.6}
.lab .vip-row b{font-size:19px;line-height:1.4}
.lab .vip-row{padding-block:18px}
.lab .price-disclosure{font-size:14px;line-height:1.65;color:#432B16;margin:14px 0 0;border-top:1px solid #7D49084D;padding-top:16px;text-align:start}
.lab .product .frames-note{color:#BAC5E2}
@media(max-width:899px){
  .lab .portal{grid-template-columns:1fr;gap:24px}
  .portal-view{width:100%;max-width:540px;margin-inline:auto;padding-bottom:105px}
  .portal-mobile{max-width:135px}
}
@media(max-width:599px){
  .lab .rec-hero-copy>.lead{font-size:17px;text-align:start}
  .lab .rec-hero .btn-row{flex-direction:column;gap:6px;align-items:stretch}
  .lab .rec-hero .cta.ghost{align-self:center}
  .lab .portal{padding:24px 20px;border-radius:20px}
  .lab .portal .lead{font-size:17px}
  .portal-view{padding-inline-end:12px;padding-block-end:85px}
  .portal-desktop{border-width:5px;border-radius:10px}
  .portal-mobile{width:30%;border-width:4px;border-radius:12px;bottom:23px}
  .portal-view figcaption{font-size:13px}
  .lab .vip-row b{font-size:18px}
}

/* ═══════ V24 · 36 מנטורים, לא 35 (5.9.2026) ═══════
   ארי הזומולוג נספר, ו-36 אינו מתחלק בחמש: בחמש עמודות נשאר פרצוף
   אחד לבד בשורה שמינית, בנייד ובמחשב. לכן 4 בנייד (9 שורות מלאות,
   פנים של כ-80 פיקסלים) ו-6 במחשב (6 שורות מלאות). החזרה ל-5 היא
   שינוי של המספר כאן, אם יוסף יעדיף ורוצה שורה חלקית. */
.lab{--spk-cols:4;--spk-name:12px}
@media(min-width:820px){
  .lab .speakers{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px}
}

/* ═══════ V25 · שלוש הערות מהטלפון של יוסף, 5.9.2026 ═══════ */

/* 1 · רצועת המספרים. „מרווח מיותר בין המספרים לגבול העליון",
   ו„שני הסקשנים ביחד מכוערים". הסיבה: V16 הבהיר את ההירו, אבל
   הרצועה נשארה נייבי עם 44 פיקסלים של פיצוי לאלכסון של הירו
   נייבי, ומיד אחריה מקטע המוצר בנייבי אחר. שני כהים עם תפר.
   מעכשיו הרצועה בהירה וממשיכה את ההירו; הנייבי מתחיל פעם אחת,
   במקטע המוצר. */
.lab .rec-hero{clip-path:none;padding-block-end:clamp(28px,4vw,48px)}
@media(max-width:899px){.lab .rec-hero{padding-block-end:26px}}
.lab .rec-nums{margin-top:0;overflow:visible;
  background:linear-gradient(to bottom,#F4EDE0,#FCF9F2 70%);
  padding:0 0 clamp(30px,5vw,54px)}
.lab .nums-grid{padding-top:clamp(22px,3vw,34px);
  border-top:1px solid rgba(11,18,66,.10)}
.lab .num b{color:var(--orange-lt-lg)}
.lab .num span{color:var(--ink-2)}
@media(min-width:760px){
  .lab .num+.num::before{background:linear-gradient(to bottom,transparent,rgba(11,18,66,.18),transparent)}
}
.lab .rec-nums+section{padding-top:clamp(52px,7vw,84px)}

/* 2 · נייד: „תיישר את כל הטקסט לאמצע". וראש הדף: התמונה עולה
   מיד אחרי הכותרת, לפני הפסקה, כדי שהוויזואל ייכנס למסך הראשון.
   display:contents מפרק את עמודת הטקסט לילדיה, ואז order מסדר.
   הירושה (text-align) ממשיכה לזרום דרך אלמנט כזה. */
@media(max-width:899px){
  .lab .rec-hero-in{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .lab .rec-hero-copy{display:contents}
  .lab .rec-logos{order:1;align-self:center}
  .lab .rec-hero .eyebrow{order:2;margin-bottom:0}
  .lab .rec-hero h1{order:3;margin:0}
  .lab .rec-hero-card,.lab .rec-hero-img{order:4;margin:6px auto 0;inline-size:100%;max-inline-size:520px}
  .lab .rec-hero .lead{order:5;margin:8px auto 0}
  .lab .rec-hero-cta{order:6}
  .lab .rec-hero-copy>.lead,.lab .rec-hero .lead{text-align:center}
  .lab .rec-hero .btn-row{justify-content:center;align-items:center}
}
@media(max-width:599px){
  .lab .sec-head,.lab .lead,.lab p,.lab h2,.lab h3,.lab li,
  .lab .stuck .card,.lab .card,.lab .voice,.lab .praise,.lab .praise figcaption,
  .lab .vip-row,.lab .vip-row div,.lab .port-row,.lab .shot,.lab .cta-note,
  .lab .price-disclosure,.lab .frames-note,.lab .creed,.lab .close,
  .lab .join-img figcaption,.lab .portal-view figcaption,.lab .rec-hero-card figcaption,
  .lab .story,.lab .cmsg,.lab .num{text-align:center}
  .lab .rec-hero-copy>.lead{text-align:center}
  /* שורות הפורטל: פס צד לא מסתדר עם טקסט ממורכז */
  .lab .portal .port-row{border-inline-start:0;padding:0 0 14px;
    border-block-end:1px solid rgba(11,18,66,.12)}
  .lab .portal .port-row:last-child{border-block-end:0;padding-bottom:0}
  .lab .vip-row{flex-direction:column;align-items:center;gap:8px}
  .lab .portal-view figcaption{max-width:none;margin-inline-end:36%}
}

/* 3 · רשת המנטורים בנייד. „כשעברנו ל-5 בשורה איבדנו את התפקיד
   וההקשר". הכותרת מבטיחה ניסיון, ובלי שורת התפקיד אין הוכחה.
   3 בשורה (36 = 12 שורות מלאות), שם ותפקיד בשתי שורות. */
.lab{--spk-cols:3;--spk-name:13px}
@media(max-width:559px){
  .lab .speakers{gap:18px 10px}
  .lab .spk span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;font-size:11.5px;line-height:1.35;color:var(--ink-2);margin-top:3px}
  .lab .spk figcaption{margin-top:8px}
}

/* ═══════ V26 · חזרה ל-35 מנטורים (5.9.2026) ═══════
   ארי הזומולוג יורד מהרשת: הוא ההפקה של הכנס, מי שהקליט את ההרצאות
   מהאולפן, ולא היה ברשימת המרצים של דף הנחיתה. 35 מתחלק יפה בחמש,
   ולכן הדסקטופ חוזר לשבע שורות מלאות. בנייד נשארות שלוש עמודות —
   שם ותפקיד, כפי שיוסף ביקש — ובשורה האחרונה שניים. */
@media(min-width:820px){
  .lab .speakers{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 14px}
}

/* ═══════ V27 · הקלטת המסך של יוסף, 5.9.2026 בבוקר ═══════ */

/* 1 · „תצמצם את החלק העליון איפה שהלוגואים". במסך הראשון בטלפון
   הלוקאפ אכל כ-180 פיקסלים לפני שהתחילה הכותרת. */
@media(max-width:899px){
  .lab .rec-logos .lk-kagan{block-size:42px}
  .lab .rec-hero-in{gap:14px}
  .lab .rec-hero .eyebrow{font-size:13px}
}

/* 2 · „התמונה עם פינות מעוגלות בתוך מסגרת לבנה עם פינות שפיציות".
   הצילום עגול ב-26, המסגרת הייתה מרובעת, ולכן נראו שלושה משולשים
   לבנים בפינות. מעכשיו מזרן לבן אמיתי: ריפוד אחיד ורדיוס שהוא
   הרדיוס הפנימי ועוד הריפוד. */
.lab-stage .rec-hero-card{border-radius:32px;padding:6px;
  box-shadow:0 18px 40px rgba(8,13,47,.13)}
.lab-stage .rec-hero-card figcaption{border-radius:0 0 26px 26px}

/* 3 · „הטקסט נמצא עם הצל של התמונה וזה נבלע". הצל התפרש 60 פיקסלים
   כלפי מטה אל תוך השורה הראשונה. הוקטן למעלה, וכאן נפתח מרווח. */
@media(max-width:899px){
  .lab .rec-hero .lead{margin-block-start:24px}
}

/* 4 · „כפתור כתום על כתום, לא ברור לי מה זה". בתוך כרטיס ההצעה
   הכתום הכפתור הראשי היה באותה משפחת צבע עם מתאר לבן שקוף.
   מעכשיו נייבי מלא: הצבע השני של המותג, ניגודיות מלאה. */
.lab .vip .cta{background:var(--navy);color:#fff;border-color:transparent;
  box-shadow:0 10px 26px rgba(8,13,47,.28)}
.lab .vip .cta:hover{background:var(--navy-2)}
.lab .vip .cta svg,.lab .vip .cta path{stroke:#fff;fill:none}
/* והגילוי הנאות באותו כרטיס: חום כהה על כתום נקרא באפור. */
.lab .vip .price-disclosure{color:#3A2410;border-top-color:rgba(58,36,16,.28)}

/* ═══════ V28 · היררכיה בפסקת הפתיחה (5.9.2026) ═══════
   „יש פה תוכן שהוא ממש חשוב אבל הוא עובר משעמם... בלי שינויי
   בגדלים, בלי הדגשות" — 0:36 בהקלטה. שלוש רמות במקום אחת:
   הפתיחה גדולה ובנייבי, העובדה שנושאת את ההבטחה מודגשת, והשאר
   נשאר כפי שהיה. בלי קו תחתון — בדף מכירה הוא נקרא כקישור. */
.lab .rec-hero .lead b{color:var(--navy);font-weight:700}
.lab .rec-hero .lead>b:first-child{font-size:1.14em;line-height:1.5;
  letter-spacing:-.01em}
.lab .rec-hero .lead{color:var(--ink)}
@media(max-width:899px){
  .lab .rec-hero .lead>b:first-child{font-size:1.1em}
}

/* ═══════ V29 · הכפתור בבר התחתון, שורה אחת (5.9.2026) ═══════
   נמדד ב-390: הטקסט 297 פיקסלים, ובכפתור נשארו 292 אחרי הריפוד
   והחץ — חמישה פיקסלים חסרים, ולכן שתי שורות ודוק בגובה 92.
   הריפוד האופקי מתקצר, הגופן נצמד לרוחב המסך, ו-nowrap מבטיח
   שורה אחת גם בטלפון של 360. הטקסט הארוך מבין השלושה הוא
   „אני רוצה גישה לאפליקציה ולכל ההרצאות", 36 תווים, והוא הקובע. */
@media(max-width:919px){
  .lab .dock .cta{white-space:nowrap;padding:13px 16px;
    font-size:clamp(14px,4.1vw,17px);letter-spacing:-.01em}
}

/* ═══════ V30 · הגליף בכפתורים (5.9.2026) ═══════
   „אייקון מגניב ומיתוגי במקום חץ בסיסי". החץ היה התו ← באריאל,
   כלומר טיפוגרפיה ולא סימן. במקומו מסך מעוגל עם פליי: אותה צורה
   של אריחי האפליקציה שרצים לאורך הדף, והוא אומר „נכנסים וצופים"
   ולא „לכאן". צויר כווקטור ונטען כמסכה, ולכן הוא לוקח את צבע
   הכפתור לבד — נייבי על כתום, לבן על נייבי — ונשאר חד בכל צפיפות.
   🔴 גרשיים בתוך ה-SVG חייבים להיות בודדים; כפולים סוגרים את
   המחרוזת של url() והכלל נשבר בשקט. */
.lab .cta:not(.ghost)::after{
  /* font-size:inherit — אחרת ה-em נמדד מול 22 פיקסלים של כלל
     הבסיס, והגליף נשאר בגודל קבוע ומנפח את הבר התחתון. */
  content:'';font-size:inherit;inline-size:1.18em;block-size:1.18em;flex:none;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Crect%20x='2.1'%20y='4.1'%20width='19.8'%20height='15.8'%20rx='3.7'%20fill='none'%20stroke='black'%20stroke-width='2.1'/%3E%3Cpath%20d='M10.1%208.9%20L15.9%2012%20L10.1%2015.1%20Z'%20fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Crect%20x='2.1'%20y='4.1'%20width='19.8'%20height='15.8'%20rx='3.7'%20fill='none'%20stroke='black'%20stroke-width='2.1'/%3E%3Cpath%20d='M10.1%208.9%20L15.9%2012%20L10.1%2015.1%20Z'%20fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .18s}
.lab .cta:not(.ghost):hover::after{transform:scale(1.09)}
@media(prefers-reduced-motion:reduce){
  .lab .cta:not(.ghost)::after{transition:none}
  .lab .cta:not(.ghost):hover::after{transform:none}
}

/* ═══════ V31 · החיפוש החי והחלון (5.9.2026) ═══════
   3:28 בהקלטת המסך: „שבאמת יהיה אפשר לחפש בפורטל עצמו כאן, אבל בלי
   אפשרות לגשת לסרטון, ואם לוחצים עולה פופאפ שמפנה לרכוש". ההמחשה
   הסטטית נשארת בדיוק כפי שהיא במראה ובמידות — היא גם מצב הפתיחה
   וגם מה שרואה מי שאין לו JS — והשדה הפך לשדה אמיתי. */

/* השדה יורש את המראה של הטקסט המודפס שהיה כאן, כדי שהמעבר בין
   „המחשה" ל„כלי" לא יזוז אפילו פיקסל. */
.lab .demo-in{flex:1;min-inline-size:0;border:0;background:none;padding:0;
  font-family:'Rubik','Alef',sans-serif;font-size:17px;font-weight:700;
  color:var(--navy);appearance:none;-webkit-appearance:none}
/* 🔴 לא מסירים טבעת מיקוד. שער הנגישות תפס בדיוק את זה: הטבעת
   הייתה על העוטף ולא על השדה, ומי שמנווט במקלדת לא רואה על מה הוא
   עומד. הטבעת חוזרת לשדה עצמו, בכתום של המותג. */
.lab .demo-in:focus{outline:2px solid var(--orange);outline-offset:2px;
  border-radius:8px}
.lab .demo-in::placeholder{color:var(--ink-2);font-weight:400}
.lab .demo-in::-webkit-search-cancel-button{appearance:none}
.lab .demo-q{cursor:text;transition:border-color .15s,box-shadow .15s}
.lab .demo-q:focus-within{border-color:var(--line)}
/* הסמן המהבהב מפסיק להיות קישוט ברגע שיש סמן אמיתי */
.lab .demo-q:focus-within .demo-caret{display:none}

/* תגיות ההצעה. הן שם כדי שאף אחד לא יעמוד מול שדה ריק ולא ידע מה
   להקליד, וכל אחת מהן נמדדה ומחזירה תוצאות. */
.lab .fchips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 16px 0}
.lab .fchip{font:inherit;font-size:12.5px;font-weight:700;color:var(--navy);
  background:var(--paper-2);border:1px solid var(--line);border-radius:999px;
  padding:5px 11px;cursor:pointer;transition:background .15s,border-color .15s}
.lab .fchip:hover{background:#fff;border-color:var(--orange)}
.lab .fchip:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* תוצאה שאפשר ללחוץ עליה. חץ קטן בקצה אומר „יש לאן ללכת מכאן". */
.lab .dhit-go{cursor:pointer;transition:background .14s}
.lab .dhit-go:hover{background:var(--paper-2)}
.lab .dhit-go:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.lab .dhit-go .dhit-at::after{content:'';display:inline-block;
  inline-size:6px;block-size:6px;margin-inline-start:7px;
  border-left:2px solid var(--orange);border-top:2px solid var(--orange);
  transform:rotate(-45deg);vertical-align:1px}

/* החלון. לא מוכר את המנגנון — אומר איפה הרגע נמצא ומזמין להיכנס. */
.lab .fmodal{position:fixed;inset:0;z-index:80;display:flex;
  align-items:center;justify-content:center;padding:20px;
  background:rgba(8,13,47,.62);backdrop-filter:blur(3px)}
.lab .fmodal[hidden]{display:none}
.lab .fmodal-b{position:relative;inline-size:100%;max-inline-size:440px;
  background:#fff;border-radius:20px;padding:26px 24px 22px;text-align:center;
  box-shadow:0 30px 80px rgba(8,13,47,.4);
  animation:fmup .22s cubic-bezier(.2,.7,.3,1)}
@keyframes fmup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.lab .fmodal-b{animation:none}}
.lab .fmodal-b h3{font-size:clamp(19px,4.6vw,23px);line-height:1.25;
  margin:6px 0 0;color:var(--navy)}
.lab .fmodal-w{margin:8px 0 0;font-size:14px;color:var(--ink-2)}
.lab .fmodal-n{margin:14px 0 18px;font-size:15px;line-height:1.6;color:var(--ink)}
.lab .fmodal-b .cta{inline-size:100%;font-size:16px;padding:14px 18px}
.lab .fmodal-b .cta-note{margin-top:10px;font-size:13px}
.lab .fmodal-x{position:absolute;inset-block-start:12px;inset-inline-end:12px;
  inline-size:32px;block-size:32px;border:0;border-radius:50%;cursor:pointer;
  background:var(--paper-2)}
.lab .fmodal-x::before,.lab .fmodal-x::after{content:'';position:absolute;
  inset-block-start:15px;inset-inline-start:9px;inline-size:14px;block-size:2px;
  border-radius:2px;background:var(--ink-2)}
.lab .fmodal-x::before{transform:rotate(45deg)}
.lab .fmodal-x::after{transform:rotate(-45deg)}
.lab .fmodal-x:hover{background:var(--line)}


/* ═══════ V32 · החיפוש מפסיק להתחפש למוקאפ (5.9.2026) ═══════
   יוסף, אחרי שבדק את החי: „לא ממש ברור שזה חי ככה אנשים לא יבינו
   וימשיכו הלאה". עברתי על כל רמז ה„חי" שהיה במסך — מסגרת דפדפן
   מדומה עם הכותרת „הפורטל של הכנס", סמן מהבהב מצויר, ו-placeholder
   שלעולם לא נראה כי השדה נשלח מלא. כלומר כולם היו מזויפים, בלתי
   נראים, או הצהירו במפורש שזו תמונה של מוצר אחר.
   המסגרת והסמן ירדו מה-HTML. מה שנשאר כאן הוא מה שאומר „חי":
   הזמנה בגוף שני, שבב מסומן, כפתור ניקוי, ותנועה שמגיבה לך. */

/* הפאנל פותח עכשיו בהזמנה ולא בסרגל חלון */
.lab .demo{padding-block-start:18px}
.lab .demo-lead{margin:0 17px;font-family:'Rubik','Alef',sans-serif;
  font-size:15px;font-weight:700;color:var(--navy);line-height:1.4;
  text-wrap:balance}
.lab .demo-q{margin-block-start:11px}
.lab .demo-q:focus-within{border-color:#C3CCE2;background:#fff}

/* השבב הפעיל אומר למי שייכות התוצאות שמתחתיו */
.lab .fchips{align-items:center;gap:7px}
.lab .fchips-k{font-size:12.5px;color:var(--ink-2);flex:none}
.lab .fchip{position:relative;font-size:13px;padding:7px 13px}
/* שטח המגע נמתח מעבר לגבול הנראה, כדי שהשבב יישאר קטן בעין
   ויעמוד בכל זאת ב-44 פיקסלים של אצבע. */
.lab .fchip::before{content:'';position:absolute;inset:-8px -2px}
.lab .fchip-on{background:var(--navy);border-color:var(--navy);color:#fff}
.lab .fchip-on:hover{background:var(--navy);border-color:var(--navy)}

/* כפתור הניקוי. הוא נולד ב-JS רק כשיש מה לנקות, ולכן אינו יושב
   ב-DOM ככפתור מוסתר שאי אפשר להגיע אליו במקלדת. */
.lab .demo-x{flex:none;inline-size:26px;block-size:26px;border:0;
  border-radius:50%;background:var(--line);cursor:pointer;position:relative}
.lab .demo-x::before,.lab .demo-x::after{content:'';position:absolute;
  inset-block-start:12px;inset-inline-start:7px;inline-size:12px;
  block-size:2px;border-radius:2px;background:var(--navy)}
.lab .demo-x::before{transform:rotate(45deg)}
.lab .demo-x::after{transform:rotate(-45deg)}
.lab .demo-x:hover{background:#C3CCE2}
.lab .demo-x:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* שורת הצעה: מילה שכן נאמרה, ובכמה הרצאות. מחליפה את המשפט היבש
   „לא מצאנו את זה", שהיה גם מוחק את כל הרשימה והפאנל היה מתכווץ. */
.lab .dsug{cursor:pointer;transition:background .14s}
.lab .dsug:hover{background:var(--paper-2)}
.lab .dsug:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.lab .dsug-w{flex:1;min-inline-size:0;font-family:'Rubik','Alef',sans-serif;
  font-size:15.5px;font-weight:700;color:var(--navy)}
.lab .dsug .dhit-at{font-weight:400;font-size:13px;color:var(--ink-2)}
.lab .dsug .dhit-at::after{content:'';display:inline-block;
  inline-size:6px;block-size:6px;margin-inline-start:7px;
  border-left:2px solid var(--orange);border-top:2px solid var(--orange);
  transform:rotate(-45deg);vertical-align:1px}

/* התנועה היא ההוכחה. שורות שנכנסות במדרגות ומספר שמגיב הם מה
   שאומר „המסך ענה לך", והרבה יותר מכל טקסט שמסביר שזה עובד. */
.lab .dhits>li{animation:dhitin .26s both}
.lab .dhits>li:nth-child(2){animation-delay:38ms}
.lab .dhits>li:nth-child(3){animation-delay:76ms}
.lab .dhits>li:nth-child(4){animation-delay:114ms}
.lab .dhits>li:nth-child(5){animation-delay:152ms}
.lab .dhits>li:nth-child(6){animation-delay:190ms}
@keyframes dhitin{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.lab .cnt-pop{animation:cntpop .3s}
@keyframes cntpop{from{opacity:.3;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* הבאר התחתון יושב בדיוק במקום שהמקלדת נפתחת בו, ובנייד הוא בולע
   את הנגיעה בשדה. כשמחפשים הוא מפנה את המקום. */
.lab.searching .dock{transform:translateY(115%);pointer-events:none}
.lab .dock{transition:transform .2s ease}

@media(prefers-reduced-motion:reduce){
  .lab .dhits>li{animation:none}
  .lab .cnt-pop{animation:none}
  .lab .dock{transition:none}
}


/* ═══════ V33 · חלון הראווה (5.9.2026) ═══════
   שלוש הרצאות פתוחות ו-41 עם הצצה. הנעילה כאן אינה קיר: היא דלת
   עם חלון — לוחצים ורואים בדיוק מה יש בפנים, פרק אחרי פרק, מתוך
   הסיכום של ההרצאה עצמה. */

/* ── שלושת החסמים. מנוסחים במילים של דף הנחיתה המקורי של הכנס, ── */
/*    כלומר בשפה שהאדם הזה כבר קרא כשנרשם.                        */
.lab .tbars{display:grid;gap:12px;margin-top:26px;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.lab .tbar{text-align:start;font:inherit;cursor:pointer;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:18px 20px;transition:border-color .16s,box-shadow .16s,background .16s}
.lab .tbar strong{display:block;font-family:'Rubik','Alef',sans-serif;
  font-size:17px;color:var(--navy);margin-bottom:6px}
.lab .tbar span{display:block;font-size:14px;line-height:1.55;color:var(--ink-2)}
.lab .tbar:hover{border-color:var(--orange);box-shadow:var(--e1)}
.lab .tbar:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.lab .tbar-on{background:var(--navy);border-color:var(--navy)}
.lab .tbar-on strong{color:#fff}
.lab .tbar-on span{color:#C8D0E6}
.lab .tbars-out{margin:18px 0 0;text-align:center;font-weight:700;
  font-family:'Rubik','Alef',sans-serif;color:var(--navy)}

/* ── הקיר ── */
.lab .twall{display:grid;gap:16px;margin-top:26px;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.lab .tcard{display:flex;flex-direction:column;text-align:start;font:inherit;
  cursor:pointer;background:#fff;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;padding:0;
  transition:border-color .16s,box-shadow .16s,transform .16s}
.lab .tcard:hover{border-color:var(--orange);box-shadow:var(--e2);
  transform:translateY(-2px)}
.lab .tcard:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.lab .tcard-shot{position:relative;display:block;aspect-ratio:16/9;
  background:var(--paper-2)}
.lab .tcard-shot img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.lab .tcard-shot em{position:absolute;inset-block-end:8px;inset-inline-start:8px;
  font-style:normal;font-size:12px;font-weight:700;color:#fff;
  background:rgba(8,13,47,.72);border-radius:7px;padding:3px 7px}
/* 🔴 הסימן יושב בפינה ולא במרכז. במרכז הוא נחת בדיוק על הפנים
   של המרצה בכל 44 הכרטיסים — והפנים הן מה שמוכר כאן. */
.lab .tcard-mark{position:absolute;inset-block-end:8px;inset-inline-end:8px;
  inline-size:36px;block-size:36px;
  border-radius:50%;background:rgba(255,255,255,.94);
  box-shadow:0 3px 12px rgba(8,13,47,.3);
  display:grid;place-items:center;transition:transform .16s}
.lab .tcard:hover .tcard-mark{transform:scale(1.1)}
.lab .tcard-mark::after{content:'';inline-size:17px;block-size:17px;
  background:var(--navy);
  -webkit-mask:var(--tm) center/contain no-repeat;
  mask:var(--tm) center/contain no-repeat}
/* מנעול סגור — הצורה אומרת „יש כאן משהו", לא „אסור לך" */
.lab .tcard{--tm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.4' fill='black'/%3E%3Cpath d='M8 10.5V7.6a4 4 0 0 1 8 0v2.9' fill='none' stroke='black' stroke-width='2.1'/%3E%3C/svg%3E")}
.lab .tcard-open{--tm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 4.5 L19 12 L7.5 19.5 Z' fill='black'/%3E%3C/svg%3E")}
.lab .tcard-open{border-color:var(--orange)}
.lab .tcard-open .tcard-mark{background:var(--orange)}
.lab .tcard-open .tcard-mark::after{background:#fff}
.lab .tcard-body{display:block;padding:13px 15px 15px}
.lab .tcard-body strong{display:block;font-family:'Rubik','Alef',sans-serif;
  font-size:15px;color:var(--navy)}
.lab .tcard-t{display:block;font-size:14px;line-height:1.45;color:var(--ink);
  margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden}
.lab .tcard-w{display:block;font-size:12.5px;color:var(--ink-2);margin-top:6px}
/* 🔴 „פתוחה עכשיו" בכתום על לבן יוצא 2.6:1, מתחת לסף. תג בנייבי
   עם טקסט לבן עובר בנוחות, וגם נקרא כתווית ולא כטקסט גוף. */
.lab .tcard-open .tcard-w{display:inline-block;color:#fff;font-weight:700;
  background:var(--navy);border-radius:999px;padding:3px 10px;
  font-size:11.5px;letter-spacing:.01em}
/* התאמה לחסם שסומן */
.lab .tcard.is-hit{border-color:var(--navy);box-shadow:var(--e2)}
.lab .tcard.is-hit .tcard-w::before{content:'✦ ';color:var(--orange)}

/* ── החלון ── */
.lab .tdlg{border:0;padding:0;max-inline-size:min(560px,94vw);
  inline-size:100%;max-block-size:88vh;border-radius:20px;
  background:#fff;color:var(--ink);overflow:auto;
  box-shadow:0 30px 80px rgba(8,13,47,.4)}
.lab .tdlg::backdrop{background:rgba(8,13,47,.62);backdrop-filter:blur(3px)}
.lab .tdlg-v{inline-size:100%;display:block;background:#000;
  aspect-ratio:16/9;border-radius:20px 20px 0 0}
.lab .tdlg-b{padding:22px 24px 24px;text-align:center}
.lab .tdlg-b h3{font-size:clamp(19px,4.4vw,23px);line-height:1.25;
  margin:6px 0 0;color:var(--navy)}
.lab .tdlg-w{margin:8px 0 0;font-size:13.5px;color:var(--ink-2)}
.lab .tdlg-lead{margin:14px 0 0;font-size:15px;line-height:1.65;
  text-align:start;color:var(--ink)}
.lab .tdlg-hit{margin:12px 0 0;font-size:14px;font-weight:700;
  color:var(--navy);background:var(--paper-2);border-radius:10px;padding:9px 12px}
.lab .tdlg-chh{margin:20px 0 8px;font-size:13px;text-align:start;
  color:var(--ink-2);font-family:'Rubik','Alef',sans-serif;
  text-transform:none;letter-spacing:.02em}
.lab .tdlg-ch{list-style:none;margin:0;padding:0;text-align:start}
.lab .tdlg-ch li{display:flex;gap:11px;align-items:baseline;
  padding:8px 0;border-block-start:1px solid rgba(220,227,240,.8)}
.lab .tdlg-at{flex:none;font-family:'Rubik','Alef',sans-serif;font-weight:700;
  font-size:13px;color:var(--orange);min-inline-size:44px}
.lab .tdlg-ct{font-size:14.5px;line-height:1.45;color:var(--navy)}
.lab .tdlg-more{margin:10px 0 0;font-size:13px;color:var(--ink-2);text-align:start}
.lab .tdlg-b .cta{inline-size:100%;margin-top:20px;font-size:16px;padding:14px 18px}
.lab .tdlg-b .cta-note{margin-top:10px;font-size:13px}
.lab .tdlg-x{position:absolute;inset-block-start:12px;inset-inline-end:12px;
  inline-size:34px;block-size:34px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.92);z-index:2;
  box-shadow:0 2px 10px rgba(8,13,47,.22)}
.lab .tdlg-x::before,.lab .tdlg-x::after{content:'';position:absolute;
  inset-block-start:16px;inset-inline-start:10px;inline-size:14px;block-size:2px;
  border-radius:2px;background:var(--navy)}
.lab .tdlg-x::before{transform:rotate(45deg)}
.lab .tdlg-x::after{transform:rotate(-45deg)}
.lab .tdlg-x:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

@media(max-width:520px){
  .lab .twall{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
  .lab .tcard-body{padding:11px 12px 13px}
  .lab .tcard-body strong{font-size:14px}
  .lab .tcard-t{font-size:13px}
  .lab .tcard-mark{inline-size:38px;block-size:38px}
}
@media(prefers-reduced-motion:reduce){
  .lab .tcard,.lab .tcard-mark,.lab .tbar{transition:none}
  .lab .tcard:hover{transform:none}
}
/* שורה בלי תמונה ובלי אריח: רק שומרת על יישור הטקסט מול שאר השורות */
.syl-row .syl-blank{background:none;border:0;box-shadow:none}