/* OMER AI METHOD — פלטה עודכנה אוגוסט 2026 (שכתוב hero/proof/checkout, ר' memory) */
:root{
  --bg:#08090d;
  --card:#11131a;
  --card2:#171922;
  --ink:#f3eee4;
  --muted:#aaa8a2; /* עודכן מ-#a7adb8 בשכתוב אוגוסט 2026 — עומר אישר במפורש למרות
    שזה חוזר לכיוון חם יותר; 9.1:1 מול --card, 10.8:1 מול --bg — עובר AAA בשתי הבדיקות */
  --purple:#9a65ff;
  --cyan:#4ce4e7;
  --blue:#6172ff;
  --line:rgba(255,255,255,.1);
  --line2:rgba(255,255,255,.18);
  --max:1280px;
  --topH:67px; /* גובה הפס הדביק .top — מזין את scroll-padding ואת .guideNav */
  --r:18px;
  --r2:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topH) + 18px)}
body{
  background:var(--bg);color:var(--ink);
  font-family:Heebo,Assistant,Rubik,"Segoe UI",system-ui,Arial,sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body[dir=ltr]{font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
img{max-width:100%}

/* ---------- ambient glow ---------- */
.glow{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60vw 60vw at 78% -10%, rgba(154,101,255,.16), transparent 60%),
    radial-gradient(50vw 50vw at 5% 15%, rgba(76,228,231,.09), transparent 60%);}
#app{position:relative;z-index:1}

/* ---------- nav ---------- */
.top{position:sticky;top:0;z-index:60;background:rgba(11,11,16,.82);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.topin{display:flex;align-items:center;justify-content:space-between;height:66px;gap:18px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:14px;letter-spacing:.02em}
.logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:var(--card2);border:1px solid rgba(76,228,231,.5);color:var(--cyan);
  font-size:9px;font-weight:900;line-height:1.05;text-align:center}
.nav{display:flex;gap:20px;font-size:13.5px;color:var(--muted);align-items:center}
.nav a{transition:color .2s}
.nav a:hover{color:var(--ink)}
.headerCta{border:1px solid rgba(76,228,231,.4);border-radius:99px;padding:8px 15px;
  font-size:12.5px;font-weight:700;color:var(--cyan);white-space:nowrap;transition:.2s}
.headerCta:hover{background:rgba(76,228,231,.1)}
.navRight{display:flex;align-items:center;gap:12px}
.langBtn{border:1px solid var(--line2);border-radius:99px;padding:6px 13px;font-size:12px;font-weight:700;transition:.2s}
.langBtn:hover{border-color:var(--cyan);color:var(--cyan)}
.libBtn{border:1px solid var(--line2);border-radius:99px;padding:6px 13px;font-size:12px;font-weight:700;position:relative}
.libBtn .dot{position:absolute;top:-3px;inset-inline-end:-3px;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.mobileMenu{display:none}
@media(max-width:820px){
  .nav,.headerCta{display:none}
  .mobileMenu{display:block;position:relative}
  .mobileMenu summary{list-style:none;cursor:pointer;border:1px solid var(--line2);
    border-radius:10px;padding:8px 12px;font-size:12.5px;color:var(--muted)}
  .mobileMenu summary::-webkit-details-marker{display:none}
  .mobileMenu nav{position:absolute;top:44px;inset-inline-end:0;z-index:70;min-width:170px;
    display:grid;gap:2px;padding:10px;background:var(--card);border:1px solid var(--line);
    border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.45)}
  .mobileMenu nav a{padding:9px 10px;border-radius:8px;font-size:13px;color:var(--muted)}
  .mobileMenu nav a:hover{background:var(--card2);color:var(--ink)}
}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);
  align-items:center;gap:clamp(36px,5vw,80px);max-width:var(--max);margin:0 auto;
  padding:clamp(34px,3.6vw,54px) 22px clamp(40px,4.6vw,60px);overflow:hidden}
.ambient{position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;
  filter:blur(120px);opacity:.15;pointer-events:none}
.ambientOne{top:0;inset-inline-end:4%;background:var(--cyan)}
.ambientTwo{bottom:0;inset-inline-start:2%;background:var(--purple)}
.heroCopy{max-width:640px}
/* ה-tag נושא עכשיו שאלה מלאה ולא תווית קצרה — לכן גדול יותר, בלי
   letter-spacing של תוויות, ועם פינות מרוככות במקום גלולה. */
.tag{display:inline-block;font-size:clamp(14px,1.5vw,15.5px);font-weight:700;
  line-height:1.5;letter-spacing:0;color:var(--cyan);
  background:rgba(76,228,231,.08);border:1px solid rgba(76,228,231,.26);
  border-radius:14px;padding:10px 16px;max-width:100%}
.hero h1{font-size:clamp(30px,4.1vw,48px);line-height:1.1;letter-spacing:-.025em;
  margin:14px 0 12px;font-weight:800}
.hero h1 span{display:block;margin-top:8px;
  background:linear-gradient(100deg,var(--ink) 4%,var(--cyan) 58%,var(--blue) 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.heroLede{font-size:clamp(15.5px,1.6vw,17.5px);color:var(--muted);max-width:560px;line-height:1.65}
.heroActions{display:flex;gap:11px;flex-wrap:wrap;margin-top:18px}
.btn{border-radius:12px;padding:13px 24px;font-weight:800;font-size:14px;transition:.2s;display:inline-flex;align-items:center;gap:8px}
.btn.p{background:var(--ink);color:#0b0d12}
.btn.p:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.g{border:1px solid var(--line2)}
.btn.g:hover{border-color:var(--cyan);color:var(--cyan)}
.priceNote{margin-top:12px;font-size:14px;color:var(--muted)}
/* גריד אמיתי במקום קולאז' עם מיקום מוחלט — כרטיס גבוה מימין/משמאל
   ושני כרטיסים נמוכים יותר בצד השני. אין חפיפה או חיתוך אפשריים
   בשום רוחב מסך, כי הגריד קובע את הגבהים ולא מספרים קבועים בפיקסלים. */
.heroVisual{position:relative;direction:ltr;display:grid;
  grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:12px;
  min-height:360px;max-height:min(58vh,500px)}
.mobileWorkStrip{display:none}
.visualCard{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;
  background:var(--card);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.visualCard1{grid-row:1/3}
.visualCard2{grid-row:1/2}
.visualCard3{grid-row:2/3}
.visualCard img{display:block;width:100%;height:100%;object-fit:cover}
.visualOverlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,6,10,.9))}
.visualCopy{position:absolute;inset-inline:14px;bottom:12px;direction:rtl;overflow:hidden}
.visualCopy b{display:block;font-size:15px;font-weight:800;color:#fff;line-height:1.3;
  overflow-wrap:break-word}
.visualStamp{position:absolute;bottom:-14px;inset-inline-start:-14px;z-index:5;display:grid;
  width:92px;height:92px;place-content:center;text-align:center;border-radius:50%;
  background:rgba(9,14,18,.94);border:1px solid rgba(76,228,231,.35);backdrop-filter:blur(10px)}
.visualStamp span{font-size:10px;color:var(--muted)}
.visualStamp b{display:block;margin-top:3px;font-size:13px;color:var(--cyan)}
@media(max-width:1080px){
  .hero{grid-template-columns:1fr}
  .heroCopy{max-width:640px}
  .heroVisual{max-width:560px;width:100%;margin:0 auto}
}
@media(max-width:620px){
  .hero{display:flex;flex-direction:column}
  .mobileWorkStrip{display:block;order:0;width:calc(100% + 44px);margin:-34px -22px 4px;overflow:hidden}
  .mobileWorkTrack{display:flex;gap:8px;overflow-x:auto;padding:0 16px 4px;
    scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mobileWorkTrack::-webkit-scrollbar{display:none}
  .mobileWorkTrack img{display:block;flex:0 0 78px;width:78px;height:118px;object-fit:cover;
    border:1px solid var(--line);border-radius:11px;scroll-snap-align:start;background:var(--card)}
  .heroVisual{order:2;min-height:300px;margin-top:26px}
  .heroCopy{order:1}
  .visualStamp{width:78px;height:78px;bottom:-10px;inset-inline-start:-10px}
}

/* ---------- sections ---------- */
.section{padding:66px 0}
.kicker{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.section h2{font-size:clamp(25px,3.4vw,38px);line-height:1.15;margin:10px 0 12px;letter-spacing:-.02em;font-weight:800}
.section .lede{color:var(--muted);max-width:660px;font-size:16.5px;line-height:1.75}
.sectionHead{margin-bottom:32px}

/* ---------- מדף המדריכים החינמיים ---------- */
.compactHeading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:30px;flex-wrap:wrap}
.compactHeading h2{margin:6px 0 0}
.compactHeading>p{margin:0;max-width:380px;color:var(--muted);font-size:13.5px}
.guideShelf{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.shelfCard{display:flex;min-height:210px;flex-direction:column;padding:22px;cursor:pointer;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:.2s}
.shelfCard:hover{border-color:rgba(76,228,231,.4);transform:translateY(-3px)}
.shelfCard>span{align-self:flex-start;margin-bottom:14px;font-size:10.5px;font-weight:800;
  letter-spacing:.06em;color:var(--cyan);background:rgba(76,228,231,.1);border-radius:99px;padding:4px 10px}
.shelfCard h3{font-size:16.5px;line-height:1.4;font-weight:800;margin-bottom:8px}
.shelfCard p{flex:1;font-size:13px;color:var(--muted);line-height:1.6}
.shelfCard>div{display:flex;align-items:center;justify-content:space-between;
  padding-top:13px;margin-top:10px;border-top:1px solid var(--line)}
.shelfCard>div b{font-size:11px;color:var(--muted);font-weight:700}
.shelfCard>div a{display:inline-flex;align-items:center;min-height:44px;margin:-11px -6px;
  padding:11px 6px;font-size:12px;font-weight:800;color:var(--cyan)}
/* מדריך חינמי אחד בעמוד הבית — כרטיס רחב אחד במקום מדף של תשעה */
.leadShelf{grid-template-columns:minmax(0,560px)}
.leadCard{min-height:0}
.freeMore{margin-top:16px;font-size:13px;color:var(--muted)}
@media(max-width:900px){.guideShelf{grid-template-columns:1fr 1fr}.leadShelf{grid-template-columns:1fr}}
@media(max-width:600px){.guideShelf{grid-template-columns:1fr}}

/* ---------- premium cards ---------- */
.premGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pcard{background:linear-gradient(165deg,var(--card2),var(--card));
  border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:12px;
  transition:.25s;position:relative;overflow:hidden}
.pcard:hover{border-color:rgba(154,101,255,.55);transform:translateY(-4px)}
.pcard::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 55% at 100% 0%,rgba(154,101,255,.14),transparent 60%)}
.pcard>*{position:relative}
.pcard{cursor:pointer}
.pcHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pcard h3{font-size:21px;line-height:1.25;font-weight:800}
/* .sub ו-.pcFoot בשימוש רק בכרטיסי הספרייה (library()) — לא בעמוד הבית */
.pcard .sub{font-size:13px;color:var(--muted);margin-top:3px}
.pcFoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}
/* שורת הכאב הקצרה — הגיעה מבורר הבעיות שאוחד לתוך הכרטיס הזה */
/* שאלה בגוף שני, לא הצהרת כאב — ר' ההערה מעל PAINS ב-content.js */
.pcPain{font-size:15px;line-height:1.5;font-weight:600;color:var(--ink);
  border-inline-start:3px solid var(--cyan);padding-inline-start:13px}
.pcGo{margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:800;color:var(--ink)}
.pcGo i{margin-inline-start:5px;color:var(--cyan);font-style:normal;transition:.2s}
.pcard:hover .pcGo i{margin-inline-start:9px}
.pcNum{position:absolute;top:12px;inset-inline-start:12px;z-index:2;display:grid;
  width:32px;height:32px;place-items:center;border:1px solid var(--line2);border-radius:50%;
  background:rgba(6,8,12,.6);color:var(--ink);font-size:11px;font-weight:700;backdrop-filter:blur(10px)}
.outcome{background:rgba(76,228,231,.06);border:1px solid rgba(76,228,231,.2);border-radius:13px;padding:14px}
.outcome small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.09em;color:var(--cyan);margin-bottom:5px;text-transform:uppercase}
.outcome p{font-size:14px}
.ownedTag{font-size:11.5px;font-weight:800;color:var(--cyan);border:1px solid rgba(76,228,231,.4);border-radius:99px;padding:5px 12px}
/* כותרת ששת החלקים, בתוך סקשן השיטה */
.partsHead{margin:44px 0 22px}
.partsHead h3{font-size:clamp(20px,2.4vw,27px);font-weight:800;margin-bottom:8px}
.partsHead p{color:var(--muted);font-size:15px;max-width:620px}
@media(max-width:900px){.premGrid{grid-template-columns:1fr}}
@media(max-width:560px){
  .pcard{padding:20px;gap:10px;border-radius:18px}
  .pcard h3{font-size:19px}
  .pcPain{font-size:13px}
}

/* ---------- הצצה לתוך המוצר (2026-08-15) ----------
   ⚠️ הסגנונות כאן מחקים בכוונה את .guideFull .template / .block.decision /
   .accept — כל הנקודה היא שמה שרואים כאן ייראה בדיוק כמו בתוך המדריך
   האמיתי. אם משנים את מראה גוף המדריכים, לעדכן גם כאן. */
.insideWindow{max-width:760px;overflow:hidden;border:1px solid var(--line);
  border-radius:var(--r2);background:var(--card);box-shadow:0 30px 70px rgba(0,0,0,.32)}
.insideBar{display:flex;align-items:center;gap:7px;height:44px;padding:0 16px;
  border-bottom:1px solid var(--line);direction:ltr}
.insideBar i{width:8px;height:8px;border-radius:50%;background:var(--card2)}
.insideBar span{margin-inline-start:auto;font-size:11px;color:var(--muted);direction:rtl}
.insideBody{padding:clamp(20px,3vw,30px)}
.insideGate{margin-bottom:16px;font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--cyan)}
.insideGate2{margin-top:26px}
/* שמונת השערים — היקף. שער 1 מסומן כפתוח, השאר נעולים. */
.gateList{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.gateList li{display:flex;align-items:center;gap:11px;padding:11px 14px;
  border:1px solid var(--line);border-radius:11px;background:var(--card2);font-size:13.5px}
.gateList li span{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--muted)}
.gateList li b{flex:1;font-weight:600}
.gateList li em{flex:0 0 auto;font-style:normal;font-size:10.5px;font-weight:800;
  color:var(--cyan);border:1px solid rgba(76,228,231,.35);border-radius:99px;padding:3px 9px}
.gateList .openGate{border-color:rgba(76,228,231,.3);background:rgba(76,228,231,.05)}
.gateList .lockedGate{opacity:.72}
.gateList .lockedGate::after{content:'🔒';font-size:11px;opacity:.5}
.insideNote{margin-top:12px;font-size:12.5px;color:var(--muted)}
/* טבלת הכלים — "איפה עובדים / מה מזינים / מה יוצא" */
.toolGridHome{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}
.toolCellHome{background:var(--card2);border:1px solid var(--line);border-radius:10px;
  padding:11px 13px;font-size:12.5px;color:var(--muted);line-height:1.6}
.toolCellHome b{display:block;margin-bottom:4px;font-size:11px;color:var(--cyan);font-weight:800}

/* ---------- bundle ---------- */
.bundle{background:linear-gradient(135deg,rgba(154,101,255,.2),rgba(76,228,231,.11));
  border:1px solid rgba(154,101,255,.4);border-radius:24px;padding:32px;margin-top:18px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.bundle h3{font-size:27px;font-weight:800;margin-bottom:6px}
.bundle p{color:var(--muted);font-size:14px;max-width:440px}
.bundleBenefits{display:flex;flex-wrap:wrap;gap:8px;max-width:440px}
.bundleBenefits span{padding:7px 12px;border:1px solid var(--line2);border-radius:99px;
  color:var(--muted);font-size:11.5px}
.bundlePrice{text-align:center}
.bundlePrice .big{font-size:44px;font-weight:800;line-height:1}
.bundlePrice .sm{font-size:12.5px;color:var(--muted);margin-top:4px}
.saveTag{display:inline-block;background:var(--cyan);color:#0b0b10;font-size:11px;font-weight:800;
  border-radius:99px;padding:4px 11px;margin-bottom:9px}

/* ---------- guide page ---------- */
.gPage{padding:34px 0 80px;max-width:820px;margin:0 auto}
.backBtn{color:var(--muted);font-size:13px;margin-bottom:22px;display:inline-flex;gap:6px;align-items:center;transition:.2s}
.backBtn:hover{color:var(--cyan)}
.gHero{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:30px}
.gHero h1{font-size:clamp(27px,4.2vw,40px);line-height:1.15;margin:12px 0 8px;letter-spacing:-.02em;font-weight:800}
.gHero .sub{color:var(--muted);font-size:16px}
.gMeta{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:12.5px;color:var(--muted)}
.gMeta span{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 13px}
.gPromise{background:rgba(76,228,231,.06);border:1px solid rgba(76,228,231,.2);border-radius:14px;padding:18px;margin-top:20px}
.gPromise b{color:var(--cyan);font-size:11px;letter-spacing:.09em;text-transform:uppercase;display:block;margin-bottom:5px}

.step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:13px}
.step h3{font-size:13px;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-weight:800}
.step ol{padding-inline-start:19px;display:grid;gap:7px}
.step ul{padding-inline-start:19px;display:grid;gap:6px}
.step li{font-size:14.5px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14.5px}
.kv dt{color:var(--muted);white-space:nowrap}
.kv dd{font-weight:600}
.promptBox{background:#05050a;border:1px solid var(--line);border-radius:12px;padding:16px;
  font:12.5px/1.7 Consolas,Menlo,monospace;direction:ltr;text-align:left;overflow-x:auto;
  white-space:pre-wrap;color:#a8f5d0;margin-top:12px}
/* פרומפט בעברית — לא לכפות עליו LTR */
.promptBox.rtlPrompt{direction:rtl;text-align:right;font-family:inherit;font-size:14px;line-height:1.85}
.copyBtn{margin-top:9px;border:1px solid var(--line2);border-radius:9px;padding:8px 15px;font-size:12.5px;font-weight:700;transition:.2s}
.copyBtn:hover{border-color:var(--cyan);color:var(--cyan)}

/* שאלת הפתיחה של מדריך חינמי — משפט מלא, לא תווית. לכן בלי uppercase
   ובלי letter-spacing שנועדו לתוויות קצרות. */
.painStep h3{font-size:clamp(17px,2.2vw,21px);text-transform:none;letter-spacing:-.01em;
  line-height:1.4;color:var(--ink);margin-bottom:12px}

/* מאיפה זה הגיע — הקול של עומר, לא הוראה */
.originStep{background:linear-gradient(135deg,rgba(154,101,255,.10),rgba(76,228,231,.05));
  border-color:rgba(154,101,255,.32)}
.originStep h3{color:var(--purple)}
.originStep p{font-size:15.5px;line-height:1.8}
/* הקצה הכן — מה נשבר בקנה מידה, בדיוק לפני הגשר */
.edgeStep{border-inline-start:3px solid var(--cyan);background:rgba(76,228,231,.045)}
.edgeStep p{font-size:15px;line-height:1.8}
.failRow{border-inline-start:3px solid var(--purple);padding:9px 0 9px 0;padding-inline-start:14px;margin-bottom:11px}
.failRow b{display:block;font-size:14px;margin-bottom:3px}
.failRow span{font-size:13.5px;color:var(--muted)}

.gate{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:13px}
.gateNum{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;
  background:var(--cyan);color:#0b0b10;font-weight:900;font-size:13px;margin-bottom:12px}
.gate h3{font-size:20px;margin-bottom:14px;font-weight:800}
.blk{margin-bottom:14px}
.blk b{display:block;font-size:12.5px;color:var(--cyan);margin-bottom:5px;font-weight:800}
.blk p{font-size:14.5px}
.acceptBox{background:var(--card2);border-radius:11px;padding:13px;font-size:13.5px}
.acceptBox b{color:var(--cyan);font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:4px}

.gateLocked{background:linear-gradient(160deg,var(--card2),var(--card));border:1px dashed rgba(154,101,255,.45);
  border-radius:16px;padding:22px;margin-bottom:13px;display:flex;align-items:center;gap:16px}
.lockIcon{font-size:19px;opacity:.65}
.gateLocked b{font-size:16px;display:block}
.gateLocked span{font-size:12.5px;color:var(--muted)}

.paywall{background:linear-gradient(135deg,rgba(154,101,255,.2),rgba(76,228,231,.1));
  border:1px solid rgba(154,101,255,.45);border-radius:22px;padding:32px;margin-top:26px;text-align:center}
.paywall h3{font-size:25px;margin-bottom:8px;font-weight:800}
.paywall p{color:var(--muted);font-size:14px;max-width:440px;margin:0 auto 20px}
.payOpts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.bridge{background:var(--card2);border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:26px}
.bridge .kicker{margin-bottom:8px;display:block}
.bridge h3{font-size:20px;margin-bottom:8px;font-weight:800}
.bridge p{color:var(--muted);font-size:14px;margin-bottom:16px}

/* ---------- checkout ---------- */
.checkout{max-width:520px;margin:0 auto;padding:44px 0 80px}
.coCard{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px}
.coKicker{display:block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:8px}
.coCard h1{font-size:24px;margin-bottom:22px;font-weight:800;line-height:1.25}
.optRow{display:flex;gap:11px;margin-bottom:22px}
.opt{flex:1;border:1.5px solid var(--line);border-radius:15px;padding:17px;cursor:pointer;transition:.2s;position:relative}
.opt.sel{border-color:var(--cyan);background:rgba(76,228,231,.07)}
.opt b{display:block;font-size:14px;margin-bottom:5px}
.opt .p{font-size:25px;font-weight:800}
.opt .best{position:absolute;top:-9px;inset-inline-start:50%;transform:translateX(-50%);
  background:var(--cyan);color:#0b0b10;font-size:10px;font-weight:800;border-radius:99px;padding:3px 10px;white-space:nowrap}
label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}
/* 16px ולא פחות: ספארי ב-iOS מזיים את הדף אוטומטית בכל פוקוס על שדה
   שהטקסט בו קטן מ-16px. זה קורה בדיוק במסך הזנת המייל של הספרייה. */
input{width:100%;background:#05050a;border:1px solid var(--line2);border-radius:11px;
  padding:13px;color:var(--ink);font-size:16px;margin-bottom:5px}
input:focus{outline:none;border-color:var(--cyan)}
.hint{font-size:11.5px;color:var(--muted);margin-bottom:17px}
.payBtn{width:100%;background:var(--ink);color:#0b0d12;
  border-radius:13px;padding:15px;font-weight:800;font-size:15.5px;transition:.2s}
.payBtn:hover{filter:brightness(1.08)}
.demoNote{background:rgba(76,228,231,.08);border:1px dashed rgba(76,228,231,.35);border-radius:11px;
  padding:12px;font-size:12px;color:var(--cyan);margin-top:17px;text-align:center}
.noRefundNote{text-align:center;font-size:11.5px;color:var(--muted);margin-top:10px}
.whatYouGet{background:var(--card2);border-radius:14px;padding:16px 17px;margin-bottom:20px}
.whatYouGet b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--cyan);margin-bottom:9px;font-weight:800}
.whatYouGet ul{margin:0;padding-inline-start:18px;display:grid;gap:5px}
.whatYouGet li{font-size:13px;color:var(--ink);line-height:1.5}
.paySupport{text-align:center;font-size:11.5px;color:var(--muted);margin-top:12px}
.paySupport a{color:var(--cyan);font-weight:700}
.success{text-align:center;padding:60px 0}
.successIcon{font-size:44px;margin-bottom:14px}

/* ---------- library ---------- */
.libHead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.libUser{font-size:13px;color:var(--muted)}
.libUser b{color:var(--ink)}
.signOut{font-size:12.5px;color:var(--muted);text-decoration:underline}
.libraryAccess{padding-top:clamp(56px,10vw,110px);padding-bottom:clamp(34px,6vw,70px)}
.libraryCard{max-width:610px;margin-inline:auto}
.libraryLead{color:var(--muted);line-height:1.75;margin:0 0 22px}
.accessSteps{background:linear-gradient(135deg,rgba(76,228,231,.09),rgba(154,101,255,.08));border:1px solid rgba(76,228,231,.22);border-radius:14px;padding:17px 18px;margin:0 0 22px}
.accessSteps>b{display:block;color:var(--cyan);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.accessSteps ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.accessSteps li{display:grid;grid-template-columns:29px minmax(0,1fr);gap:9px;align-items:start;color:var(--ink);font-size:13px;line-height:1.5}
.accessSteps li span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.07em;padding-top:2px}
.libraryPrivacy{margin:13px 0 0;color:var(--muted);font-size:11.5px;line-height:1.55}
.librarySupport{margin:14px 0 0;font-size:11.5px;line-height:1.6;color:var(--muted)}
.librarySupport a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);padding:34px 0;margin-top:50px;
  color:var(--muted);font-size:12.5px;text-align:center}
.omerLegal{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px auto 0;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.omerLegal a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease}
.omerLegal a:hover,.omerLegal a:focus-visible{border-color:rgba(76,228,231,.7);background:rgba(76,228,231,.08);color:var(--aqua);outline:none}
.omerLegal .omerLegalContact{border-color:rgba(76,228,231,.36);color:var(--ink)}

/* preview toggle */
.previewToggle{border:1px dashed rgba(154,101,255,.5);border-radius:99px;padding:9px 18px;
  font-size:12.5px;font-weight:700;color:#c3b8f7;transition:.2s}
.previewToggle:hover{border-color:var(--purple);background:rgba(154,101,255,.1)}
.previewToggle.on{border-style:solid;border-color:var(--cyan);color:var(--cyan);background:rgba(76,228,231,.08)}

/* ==========================================================
   גופי המדריכים המלאים (guides/he/*.html) — הלבשת קלאסי קובץ
   המקור על שפת העיצוב של האתר. תוספת בלבד, לא נוגע בקיים.
   ========================================================== */
.gPage.gFull{max-width:1080px}
.guideLoading{color:var(--muted);font-size:14px;padding:30px 0}
.langNote{background:rgba(76,228,231,.07);border:1px solid rgba(76,228,231,.25);border-radius:12px;
  padding:12px 16px;font-size:13px;color:var(--muted);margin-bottom:20px}
.langLink{color:var(--cyan);font-weight:700;text-decoration:underline;padding:0}

/* פתיחה: "למה מתחילים כאן" + מפת הכלים */
.guideFull .why{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:14px}
.guideFull .why h2{font-size:19px;font-weight:800;margin-bottom:10px}
.guideFull .why blockquote{border-inline-start:3px solid var(--cyan);padding-inline-start:14px;margin:14px 0;font-weight:600;font-size:15px}
.guideFull .formatNote{color:var(--muted);font-size:13.5px}
.guideFull .toolMap{background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:26px;overflow-x:auto}
.guideFull .toolMap h2{font-size:17px;font-weight:800;margin-bottom:6px;color:var(--cyan)}
.guideFull .toolMap>p{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.guideFull .toolMap table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.guideFull .toolMap th{text-align:start;color:var(--cyan);font-size:11.5px;letter-spacing:.06em;border-bottom:1px solid var(--line2);padding:8px 10px}
.guideFull .toolMap td{border-bottom:1px solid var(--line);padding:9px 10px;vertical-align:top}
.guideFull .toolNote{margin-top:12px;font-size:12.5px;color:#c3b8f7;background:rgba(154,101,255,.08);border:1px dashed rgba(154,101,255,.35);border-radius:10px;padding:10px 13px}

/* פריסה: ניווט צדדי + פרקים */
.guideFull .guideLayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}
.guideFull .guideNav{position:sticky;top:calc(var(--topH) + 17px);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;font-size:12.5px;display:flex;flex-direction:column;gap:2px}
.guideFull .guideNav b{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.guideFull .guideNav a{color:var(--muted);padding:5px 8px;border-radius:8px;transition:.15s;line-height:1.45}
.guideFull .guideNav a:hover{color:var(--ink);background:var(--card2)}
.guideFull .progressBox{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.guideFull .progressBox span{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.guideFull .progressBox strong{display:block;font-size:17px;color:var(--cyan);margin:2px 0 7px}
.guideFull .progressBox>div{height:5px;border-radius:99px;background:var(--card2);overflow:hidden}
.guideFull .progressBox i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .3s}

/* פרקים */
.guideFull .chapter{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:14px;display:flex;gap:16px}
.guideFull .chapterNo{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--cyan);color:#0b0b10;font-weight:900;font-size:13px}
.guideFull .chapterBody{min-width:0;flex:1}
.guideFull .chapterBody h3{font-size:19px;font-weight:800;margin-bottom:14px}

/* הכרעה / ביצוע */
.guideFull .block{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;background:var(--card2)}
.guideFull .block h4{font-size:12.5px;font-weight:800;letter-spacing:.04em;margin-bottom:8px}
.guideFull .block.decision{border-inline-start:3px solid var(--purple)}
.guideFull .block.decision h4{color:#c3b8f7}
.guideFull .block.execution{border-inline-start:3px solid var(--cyan)}
.guideFull .block.execution h4{color:var(--cyan)}
.guideFull .block p{font-size:14px;margin-bottom:8px}
.guideFull .block ol,.guideFull .block ul{padding-inline-start:19px;display:grid;gap:6px;font-size:14px;margin-bottom:8px}
.guideFull .experience{background:rgba(154,101,255,.08);border-radius:9px;padding:10px 13px;font-size:13.5px}
.guideFull .experience b{color:#c3b8f7}

/* תבנית להעתקה */
.guideFull .template{background:#05050a;border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}
.guideFull .template span{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.guideFull .template pre{font:12.5px/1.8 Consolas,Menlo,monospace;color:#a8f5d0;white-space:pre-wrap;overflow-x:auto}
/* שורת הכותרת של התבנית — פעם סומנה באותיות גדולות באנגלית.
   עכשיו הכותרות תיאוריות ובעברית, אז ההדגשה נעשית בעיצוב ולא בשפה. */
.guideFull .template pre::first-line{font-weight:800;color:var(--cyan);letter-spacing:.02em}
.guideFull .copy{margin-top:10px;border:1px solid var(--line2);border-radius:9px;padding:7px 14px;font-size:12px;font-weight:700;transition:.2s}
.guideFull .copy:hover{border-color:var(--cyan);color:var(--cyan)}

/* מקרה מהדרך שלי */
.guideFull .case{border:1px solid rgba(76,228,231,.25);background:rgba(76,228,231,.05);border-radius:12px;padding:14px 16px;margin:12px 0}
.guideFull .case span{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.guideFull .case p{font-size:13.5px}

/* איפה, באיזה כלי וכיצד */
.guideFull .toolStep{border:1px dashed rgba(76,228,231,.35);border-radius:12px;padding:16px;margin:12px 0;background:rgba(76,228,231,.03)}
.guideFull .toolStep h4{font-size:13px;font-weight:800;color:var(--cyan);margin-bottom:12px}
.guideFull .toolGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-bottom:12px}
.guideFull .toolCell{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--muted)}
.guideFull .toolCell b{display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--cyan);margin-bottom:3px}
.guideFull .toolFlow{padding-inline-start:19px;display:grid;gap:6px;font-size:13.5px;margin-bottom:10px}
.guideFull .toolCheck{background:var(--card);border-inline-start:3px solid var(--cyan);border-radius:8px;padding:9px 13px;font-size:13px}
.guideFull .toolCheck b{color:var(--cyan)}

/* מבחן קבלה + תרגול */
.guideFull .accept{background:var(--card2);border-radius:11px;padding:13px 15px;font-size:13.5px;margin:12px 0}
.guideFull .accept b{color:var(--cyan)}
.guideFull .practice{display:flex;gap:10px;align-items:flex-start;background:rgba(154,101,255,.07);border:1px solid rgba(154,101,255,.3);border-radius:11px;padding:12px 15px;font-size:13.5px;color:var(--ink);cursor:pointer;margin:12px 0}
.guideFull .practice input[type=checkbox]{width:auto;margin:4px 0 0;accent-color:var(--cyan);flex:0 0 auto}
.guideFull .practice b{color:#c3b8f7}

/* סקשני סיום */
.guideFull .wideSection,.guideFull .finalGate{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin:14px 0}
.guideFull .wideSection h2,.guideFull .finalGate h2{font-size:19px;font-weight:800;margin-bottom:12px}
.guideFull .wideSection ul{padding-inline-start:19px;display:grid;gap:7px;font-size:14px}
.guideFull .wideSection blockquote{border-inline-start:3px solid var(--purple);padding-inline-start:14px;margin-top:14px;font-weight:600}
.guideFull .wideSection.takeaway{border-color:rgba(154,101,255,.4)}
.guideFull .finalGate{background:linear-gradient(135deg,rgba(154,101,255,.14),rgba(76,228,231,.07));border-color:rgba(76,228,231,.3)}
.guideFull .finalGate span{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--cyan)}
.guideFull .finalGate h2{margin-top:6px}
.guideFull .finalGate p{font-size:14.5px}

/* מדריך במבנה markdown (idea) */
.guideFull .markdownGuide{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;min-width:0}
.guideFull .markdownGuide h1{font-size:23px;font-weight:800;margin:26px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
.guideFull .markdownGuide h1:first-child{margin-top:0;padding-top:0;border-top:0}
.guideFull .markdownGuide h2{font-size:17px;font-weight:800;margin:20px 0 10px;color:var(--cyan)}
.guideFull .markdownGuide p{font-size:14.5px;margin-bottom:11px}
.guideFull .markdownGuide blockquote{background:var(--card2);border-inline-start:3px solid var(--purple);border-radius:10px;padding:13px 16px;margin:13px 0;font-size:14.5px}
.guideFull .markdownGuide hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.guideFull .markdownGuide ol,.guideFull .markdownGuide ul{padding-inline-start:20px;display:grid;gap:7px;font-size:14.5px;margin-bottom:11px}
.guideFull .markdownGuide pre{background:#05050a;border:1px solid var(--line);border-radius:12px;padding:14px;font:12.5px/1.8 Consolas,Menlo,monospace;color:#a8f5d0;white-space:pre-wrap;overflow-x:auto;margin:12px 0}
.guideFull .markdownGuide table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}
.guideFull .markdownGuide th{text-align:start;color:var(--cyan);border-bottom:1px solid var(--line2);padding:7px 9px;font-size:12px}
.guideFull .markdownGuide td{border-bottom:1px solid var(--line);padding:8px 9px;vertical-align:top}
.guideFull .checklist{list-style:none;padding-inline-start:0!important}
.guideFull .task-list-item{display:flex;gap:9px;align-items:flex-start}
.guideFull .task-list-item-checkbox,.guideFull .checklist input[type=checkbox]{width:auto;margin:5px 0 0;accent-color:var(--cyan)}
.guideFull .gateLocked{margin:14px 0}

@media(max-width:920px){
  .guideFull .guideLayout{display:block}
  .guideFull .guideNav{position:static;margin-bottom:18px}
  .guideFull .chapter{flex-direction:column;gap:10px}
}

/* ---------- guide UX upgrades (idea guide + shared) ---------- */
.painHook{background:linear-gradient(135deg,rgba(154,101,255,.16),rgba(76,228,231,.08));
  border:1px solid rgba(154,101,255,.4);border-radius:18px;padding:26px;margin-bottom:30px}
.painHook .hookQ{font-size:19px;font-weight:800;line-height:1.5;margin-bottom:10px}
.painHook .hookA{font-size:15px;color:#c9c4b8}

.toolAccess{display:grid;gap:12px;margin:18px 0}
.toolAccess .taRow{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.toolAccess .taRow b{display:block;color:var(--cyan);font-size:14px;margin-bottom:5px}
.toolAccess .taRow p{font-size:14px;margin:0}
.toolAccess a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.toolAccess .taNote{font-size:13px;color:var(--muted);border-inline-start:3px solid var(--purple);
  padding-inline-start:12px;margin:4px 0 0}

.worked{background:linear-gradient(160deg,var(--card2),var(--card));
  border:1px solid rgba(76,228,231,.35);border-radius:20px;padding:26px;margin:30px 0}
.workedTag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#0b0b10;background:var(--cyan);border-radius:99px;
  padding:4px 12px;margin-bottom:12px}
.worked h2{margin-top:0!important;border:0!important;padding-top:0!important}
.workedSentence{display:grid;gap:9px;margin:16px 0;background:#0b0b10;
  border:1px solid var(--line);border-radius:13px;padding:18px}
.workedSentence div{font-size:15px}
.workedSentence b{color:var(--cyan)}
.workedLink{display:inline-flex;align-items:center;gap:8px;margin-top:12px;
  border:1px solid var(--line2);border-radius:11px;padding:11px 18px;font-weight:800;
  font-size:13.5px;transition:.2s}
.workedLink:hover{border-color:var(--cyan);color:var(--cyan)}

/* clearer gate separation in markdown guides */
.markdownGuide h1{font-size:26px;font-weight:800;letter-spacing:-.01em;
  border-top:1px solid var(--line);padding-top:34px;margin-top:34px}
.markdownGuide h2{font-size:17px;margin-top:22px}
.markdownGuide>hr{display:none}
.markdownGuide p{margin:12px 0}

/* ---------- glossary / explainer / embed ---------- */
.glossary{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--cyan);
  border-radius:14px;padding:20px 22px;margin:22px 0}
.glossary>b{display:block;color:var(--cyan);font-size:14px;margin-bottom:12px}
.glossary dl{display:grid;gap:11px;margin:0}
.glossary dt{font-weight:800;font-size:15px;color:var(--ink)}
.glossary dd{margin:2px 0 0;font-size:14px;color:#c2bdb2;line-height:1.65}
.glossary em{color:var(--cyan);font-style:normal}

.explainer{background:linear-gradient(150deg,rgba(154,101,255,.13),rgba(20,20,28,.6));
  border:1px solid rgba(154,101,255,.4);border-radius:16px;padding:22px;margin:0 0 20px}
.explainer>b{display:block;font-size:16px;margin-bottom:10px;color:#c3b8f7}
.explainer p{font-size:14.5px;margin:9px 0}
.explainer em{color:var(--cyan);font-style:normal}
.explainerWarn{background:rgba(11,11,16,.55);border-radius:10px;padding:12px 14px;
  font-size:13.5px!important;margin-top:14px!important}

.embedWrap{margin:18px 0;border-radius:16px;overflow:hidden;border:1px solid var(--line);
  background:#000;max-width:400px}
.embedWrap iframe{display:block;width:100%;height:600px;border:0}
@media(max-width:520px){.embedWrap iframe{height:520px}}
.honestNote{background:rgba(11,11,16,.55);border-inline-start:3px solid var(--purple);
  border-radius:0 10px 10px 0;padding:12px 15px;font-size:13.5px;color:var(--muted);margin-top:14px}

/* directing: workflow overview + key mechanic */
.flowBox{border-color:rgba(154,101,255,.45)}
.flowSteps{display:grid;gap:8px;margin:18px 0}
.flowSteps>div{display:flex;align-items:flex-start;gap:12px;background:#0b0b10;
  border:1px solid var(--line);border-radius:11px;padding:12px 14px}
.flowSteps b{flex:0 0 26px;height:26px;border-radius:8px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--purple),var(--cyan));color:#0b0b10;font-size:12px;font-weight:900}
.flowSteps span{font-size:14.5px;padding-top:2px}
.keyMechanic{background:linear-gradient(150deg,rgba(76,228,231,.13),rgba(11,11,16,.6));
  border:1px solid rgba(76,228,231,.45);border-radius:15px;padding:20px;margin:18px 0}
.keyMechanic>b{display:block;font-size:15.5px;color:var(--cyan);margin-bottom:10px}
.keyMechanic p{font-size:14.5px;margin:9px 0}
.keyMechanic em{color:var(--ink);font-style:normal;text-decoration:underline;text-underline-offset:3px}
.kmNote{background:rgba(11,11,16,.5);border-radius:10px;padding:11px 13px;font-size:13.5px!important;color:var(--muted)}
.promptSkeleton{background:#05050a;border:1px solid var(--line);border-radius:11px;padding:14px;margin-top:12px}
.promptSkeleton>b{display:block;font-size:13px;color:var(--cyan);margin-bottom:9px}
.promptSkeleton span{display:inline-block;background:var(--card2);border:1px solid var(--line);
  border-radius:99px;padding:5px 12px;font-size:12.5px;margin:0 0 6px 6px}
.twoWays{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--purple);
  border-radius:14px;padding:18px 20px;margin:16px 0}
.twoWays>b{display:block;color:#c3b8f7;font-size:15px;margin-bottom:10px}
.twoWays p{font-size:14.5px;margin:9px 0}

/* ---------- הוכחה: שלושה פרויקטים כתעודת זהות ---------- */
.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.projectCard{overflow:hidden;border:1px solid var(--line);border-radius:var(--r2);background:var(--card)}
.projectImage{position:relative;height:220px;overflow:hidden}
.projectImage img{display:block;width:100%;height:100%;object-fit:cover}
.projectImage::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 58%,var(--card))}
.projectImage>span{position:absolute;top:14px;inset-inline-start:14px;z-index:2;
  display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line2);
  border-radius:50%;background:rgba(6,8,12,.55);color:var(--ink);font-size:11px;
  backdrop-filter:blur(10px)}
.projectContent{padding:20px 22px 24px}
.projectLabel{margin-bottom:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--cyan)}
.projectContent h3{margin-bottom:14px;font-size:22px;font-weight:800}
.projectEvidence{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.projectEvidence span{padding:6px 10px;border:1px solid rgba(76,228,231,.22);border-radius:99px;
  font-size:11px;color:var(--muted)}
/* הסיפור המלא של הפרויקט — היה קיים ב-PROJECTS[].d ולא רונדר בכלל
   עד 2026-08-15. זו הפסקה הכי משכנעת בכרטיס, לכן היא בולטת מהשאר. */
.ccStory{font-size:15px;line-height:1.75;color:var(--ink);margin-bottom:14px}
.ccEasy,.ccActual{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:10px}
.decisionLabel{display:block;margin-bottom:6px;font-size:10.5px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}
.ccProves{font-size:13.5px;line-height:1.6;color:var(--ink)}
.projectIg{display:inline-flex;align-items:center;min-height:44px;margin:14px -8px -12px;
  padding:12px 8px;font-size:12px;font-weight:700;color:var(--cyan)}
.projectIg:hover{text-decoration:underline}
@media(max-width:900px){.projectGrid{grid-template-columns:1fr}}

/* ---------- רילים אמיתיים — הטמעה, לא רק קישור. הוחזר 2026-08-14,
   עומר: "חייבים הוכחה." ---------- */
.reels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.reel{background:var(--card);border:1px solid var(--line);border-radius:16px;
  overflow:hidden;margin:0;transition:.22s}
.reel:hover{border-color:var(--cyan);transform:translateY(-3px)}
.reel iframe{display:block;width:100%;height:420px;border:0;background:#000}
.reel figcaption{padding:13px 15px;font-size:13.5px;color:var(--muted);
  display:flex;justify-content:space-between;align-items:center;gap:8px}
.reel figcaption a{display:inline-flex;align-items:center;min-height:44px;margin:-13px 0;padding:13px 4px}
.reel figcaption b{display:block;color:var(--ink);font-size:14px;font-weight:700}
.reel figcaption a{color:var(--cyan);font-weight:700;white-space:nowrap}
.reelHint{display:none;font-size:12.5px;color:var(--muted);margin-top:10px;text-align:center}
@media(max-width:1000px){.reels{grid-template-columns:1fr 1fr}}
@media(max-width:560px){
  .reels{display:flex;grid-template-columns:none;gap:12px;
    overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    margin-inline:-16px;padding-inline:16px;padding-bottom:6px}
  .reels::-webkit-scrollbar{display:none}
  .reel{flex:0 0 78vw;scroll-snap-align:center}
  .reel iframe{height:340px}
  .reelHint{display:block}
}

/* ---------- השיטה — ארבע התנועות ---------- */
.methodFlow{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.moveCard{padding:26px 22px;border-inline-end:1px solid var(--line)}
.moveCard:last-child{border-inline-end:0}
.moveCard span{display:grid;width:36px;height:36px;margin-bottom:20px;place-items:center;
  border:1px solid rgba(76,228,231,.35);border-radius:50%;color:var(--cyan);font-size:12px;font-weight:700}
.moveCard h3{margin-bottom:10px;font-size:17px;font-weight:800;line-height:1.35}
.moveCard p{font-size:13.5px;color:var(--muted);line-height:1.65}
.methodStatement{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px;
  padding:26px;border:1px solid rgba(76,228,231,.22);border-radius:var(--r);
  background:linear-gradient(110deg,rgba(76,228,231,.06),rgba(97,114,255,.05))}
.methodStatement span{font-size:12.5px;font-weight:800;color:var(--cyan);white-space:nowrap}
.methodStatement strong{font-size:clamp(18px,2vw,23px);line-height:1.5}
@media(max-width:900px){.methodFlow{grid-template-columns:1fr 1fr}
  .moveCard{border-bottom:1px solid var(--line)}}
@media(max-width:560px){.methodFlow{grid-template-columns:1fr}}

/* ---------- קיר העבודה — הוחזר 2026-08-14, ראיה לא רק טענה ----------
   הרצועה זזה כל הזמן; הרשימה מוכפלת ב-JS כדי שהלופ יהיה חלק. */
.workWall{position:relative;padding:8px 0 clamp(22px,3.5vw,36px);overflow:hidden}
.workWall::before,.workWall::after{content:'';position:absolute;top:0;bottom:0;width:14%;z-index:2;pointer-events:none}
.workWall::before{inset-inline-start:0;background:linear-gradient(to var(--fadeR,right),var(--bg),transparent)}
.workWall::after{inset-inline-end:0;background:linear-gradient(to var(--fadeL,left),var(--bg),transparent)}
.wallTrack{display:flex;gap:12px;width:max-content;margin-bottom:26px;animation:wallScroll 68s linear infinite}
.wallTrack figure{margin:0;flex:0 0 auto;width:clamp(148px,15vw,208px);border-radius:14px;
  overflow:hidden;border:1px solid var(--line);background:#05050a}
.wallTrack img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;transform:scale(1.02)}
@keyframes wallScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[dir=rtl] .wallTrack{animation-name:wallScrollRtl}
@keyframes wallScrollRtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
.workWall:hover .wallTrack{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.wallTrack{animation:none;overflow-x:auto}}

/* הכותרת יושבת מתחת לקיר הנע ומעל הרילים עצמם — לא מעל כרטיסי ההוכחה */
.workWall .sectionHead{margin-top:8px}

/* ---------- מי אני ---------- */
.aboutSection .wrap{display:grid;grid-template-columns:.5fr 1.15fr;gap:56px;align-items:center}
.aboutMark{display:grid;min-height:220px;align-content:end;padding:26px;
  border:1px solid var(--line);border-radius:var(--r2);
  background:radial-gradient(circle at 70% 20%,rgba(76,228,231,.14),transparent 40%),var(--card2)}
.aboutMark span{font-size:clamp(38px,5vw,56px);font-weight:800;letter-spacing:-.03em}
.aboutMark b{display:block;margin-top:10px;font-size:11px;color:var(--cyan);letter-spacing:.1em}
.aboutCopy p{max-width:640px;color:var(--muted);font-size:15px;line-height:1.8;margin-top:6px}
.aboutLinks{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.aboutLinks a{padding:9px 13px;border:1px solid var(--line2);border-radius:99px;
  font-size:11.5px;color:#cbc8c0}
.aboutLinks a:hover{border-color:var(--cyan);color:var(--cyan)}
@media(max-width:900px){.aboutSection .wrap{grid-template-columns:1fr}.aboutMark{min-height:180px}}

/* ---------- שאלות נפוצות ---------- */
.faqList{max-width:820px}
.faqList details{border-bottom:1px solid var(--line)}
.faqList summary{position:relative;padding:20px 0 20px 34px;font-size:15px;font-weight:700;
  list-style:none;cursor:pointer}
.faqList summary::-webkit-details-marker{display:none}
.faqList summary::before{content:'+';position:absolute;inset-inline-start:2px;color:var(--cyan);font-size:19px}
.faqList details[open] summary::before{content:'×'}
.faqList details p{max-width:680px;padding-bottom:20px;color:var(--muted);font-size:13.5px;line-height:1.75}

/* פריים לכל כרטיס פרימיום */
.pcImg{margin:-26px -26px 4px;border-bottom:1px solid var(--line);
  overflow:hidden;background:#05050a;position:relative}
.pcImg img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 30%;
  transform:scale(1.02);transition:transform .35s}
.pcImg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(20,20,28,.6))}
.pcard:hover .pcImg img{transform:scale(1.06)}
@media(max-width:560px){
  .pcImg{margin:-20px -20px 2px}
  .pcImg img{aspect-ratio:2/1}
}

/* ---------- פסי ניגוד: לדף צריכים להיות פרקים ולא מישור אחד ---------- */
.band{position:relative}
.band::before{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,transparent,rgba(154,101,255,.07) 18%,rgba(76,228,231,.04) 82%,transparent);
  border-block:1px solid var(--line)}

/* ---------- רגע טיפוגרפי אחד גדול ---------- */
.statement{padding:clamp(60px,9vw,110px) 0;text-align:center}
.statement p{font-size:clamp(26px,5.2vw,58px);line-height:1.15;font-weight:800;
  letter-spacing:-.025em;max-width:16ch;margin:0 auto}
.statement em{font-style:normal;display:block;
  background:linear-gradient(100deg,var(--cyan),var(--purple));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.statement span{display:block;margin-top:22px;font-size:clamp(13px,1.6vw,15.5px);
  font-weight:500;letter-spacing:0;color:var(--muted);max-width:44ch;margin-inline:auto}
.keyPrinciple{border-color:rgba(76,228,231,.5)}
.principleBox{background:#05050a;border:1px solid rgba(76,228,231,.4);border-radius:14px;padding:18px;margin:16px 0}
.principleBox>b{display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.principleBox p{font-size:15px;margin:6px 0}
.pbBig{font-size:22px!important;font-weight:800;color:var(--cyan);margin-top:12px!important}
.tplBox{border-color:rgba(154,101,255,.5)}
.tplCode{background:#05050a;border:1px solid var(--line);border-radius:13px;padding:18px;
  font:13px/1.85 Consolas,Menlo,monospace;direction:ltr;text-align:left;overflow-x:auto;
  color:#a8f5d0;margin:16px 0}
.tplCode b{color:var(--cyan);font-weight:700}

/* ---------- proof strip ---------- */
.proofStrip{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) 1.4fr;
  align-items:stretch;max-width:var(--max);margin:0 auto;border-block:1px solid var(--line)}
.proofStrip>*{padding:26px 20px;border-inline-end:1px solid var(--line)}
.proofStrip div strong{display:block;font-size:clamp(30px,4vw,44px);font-weight:900;
  line-height:1;letter-spacing:-.01em;color:var(--cyan)}
.proofStrip div span{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.proofStrip p{display:flex;align-items:center;margin:0;font-size:13.5px;font-weight:700;color:var(--cyan)}
@media(max-width:820px){
  .proofStrip{grid-template-columns:repeat(3,1fr);margin-inline:16px}
  .proofStrip p{grid-column:1/-1;border-top:1px solid var(--line);justify-content:center}
}
@media(max-width:560px){
  .proofStrip{grid-template-columns:1fr}
  .proofStrip>*{border-inline-end:0;border-bottom:1px solid var(--line);text-align:center}
  .proofStrip p{grid-column:auto}
}

/* ---------- פס רכישה דביק (בעיקר נייד) ----------
   רוב הרכישות בנייד, והמחיר הופיע רק אחרי 13 מסכים. הפס נותן מחיר
   ונתיב רכישה בכל רגע — אבל רק אחרי שעברו את פס ההוכחה. */
.buyBar{position:fixed;inset-inline:0;bottom:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:11px calc(env(safe-area-inset-left) + 16px) calc(11px + env(safe-area-inset-bottom)) 16px;
  background:rgba(10,10,16,.93);backdrop-filter:blur(14px);
  border-top:1px solid var(--line);
  transform:translateY(110%);transition:transform .28s cubic-bezier(.4,0,.2,1);
  pointer-events:none}
body.showBuyBar .buyBar{transform:translateY(0);pointer-events:auto}
body.showBuyBar{padding-bottom:76px}
.bbText{display:flex;flex-direction:column;gap:2px;min-width:0}
.bbText b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbText span{font-size:12.5px;color:var(--muted);white-space:nowrap}
.bbText s{opacity:.55}
.bbText em{font-style:normal;font-weight:800;color:var(--cyan);font-size:14px}
.buyBar .btn{flex:0 0 auto;padding:11px 22px;font-size:14.5px}

/* הסבר העוגן — ₪174 חייב להישאר מוסבר ואמיתי אחרי שתגיות ה-₪29
   ירדו מכרטיסי עמוד הבית. */
.anchorExplain{margin-top:14px;font-size:12.5px;color:var(--muted);max-width:440px}

/* מסך תשלום נקי — בלי ניווט מתחרה */
.bareTop .topin{justify-content:space-between}

/* ---------- closing ---------- */
.closing{padding-top:10px}
.closeBox{background:linear-gradient(135deg,rgba(154,101,255,.2),rgba(76,228,231,.1));
  border:1px solid rgba(154,101,255,.4);border-radius:24px;padding:40px;text-align:center}
.closeBox h2{font-size:clamp(26px,3.6vw,38px);margin:10px 0}
.closeBox>p{color:var(--muted);font-size:16px;max-width:520px;margin:0 auto 22px}
.closeActions{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}

/* ---------- clarity layer: category tag + plain line ---------- */
.gTag{display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);
  background:rgba(76,228,231,.1);border:1px solid rgba(76,228,231,.28);
  border-radius:99px;padding:4px 10px;margin-bottom:2px}
.pcHead .gTag{margin-bottom:8px}
.plainLine{font-size:14px;color:#c5bfb3;line-height:1.6;
  background:var(--card2);border-radius:11px;padding:13px 15px}

/* Landing cards retain the original dark visual system and images; their detail now sits below the image. */
.landingGuideCard{display:flex!important}.landingGuideCard .landingCardContent{display:flex;flex:1;flex-direction:column;gap:10px}.landingGuideCard .gTag{align-self:flex-start}.landingGuideCard .pcHead{width:100%}
.landingTopics{margin:2px 0 8px;padding:0 20px 0 0;color:var(--muted);font-size:14px;line-height:1.62}.landingTopics li::marker{color:var(--cyan)}

/* ---------- רצפת נגישות בנייד (2026-08-21) ----------
   נמדד ב-375px: 60 אלמנטי טקסט מתחת ל-14px ו-6 יעדי מגע מתחת ל-44px.
   הטלפון הוא המסך העיקרי כאן — אין בו ריחוף, ואצבע היא לא סמן. */
@media(max-width:560px){
  .gTag{font-size:12px;letter-spacing:.05em;padding:5px 11px}
  .kicker{font-size:13px;letter-spacing:.1em}
  .priceNote,.pcPain,.landingTopics{font-size:14px}
  .ccProves,.moveCard p,.proofStrip p,.reelHint,.faqList details p{font-size:14px}
  .hint,.noRefundNote{font-size:12.5px}
  /* רצפה של 12px לכל תווית מיקרו. גוף טקסט לא יורד מ-14. */
  .visualStamp span,.decisionLabel,.projectLabel,.saveTag,
  .projectEvidence span,.proofStrip span,.bbText span,.bbText b,
  .bundleBenefits span,.aboutMark b{font-size:12px}
  .visualCopy b{font-size:14px}
  /* יעד מגע 44px מפורש: padding לבד נתן 34–40px, ומתג השפה הוא בדיוק
     הכפתור שדובר אנגלית חייב למצוא ולפגוע בו בפעם הראשונה. */
  .langBtn,.libBtn{display:inline-flex;align-items:center;justify-content:center;
    min-height:44px;padding:12px 15px;font-size:13px}
  .mobileMenu summary{padding:12px 14px;font-size:13.5px}
  .mobileMenu nav a{padding:12px;font-size:14px}
  .aboutLinks a{padding:12px 15px;font-size:13.5px}
  .btn{padding:14px 22px;font-size:15px}
}