/* ==========================================================================
   Innergy — מערכת עיצוב משותפת
   כל הצבעים מוגדרים כאן במקום אחד. שינוי כאן משנה את כל ארבעת העמודים.
   ========================================================================== */

:root{
  --ground:#FBF7F1;        /* רקע ראשי — קלף חם */
  --surface:#F3ECFB;       /* רקע לבנדר לסקשנים מתחלפים */
  --surface-2:#FFFFFF;     /* כרטיסים */
  --ink:#2B2135;           /* טקסט ראשי */
  --ink-soft:#5F5470;      /* טקסט גוף */
  --ink-faint:#8B8098;     /* טקסט משני */
  --violet:#6F45A8;        /* סגול ראשי — כפתורים וקישורים */
  --violet-bright:#A06CD5; /* הסגול של הלוגו — קווים והדגשות */
  --violet-wash:#EDE2FA;
  --gold:#B5811F;          /* זהב — תוויות */
  --gold-light:#F2D79B;
  --gold-wash:#FBF0DB;
  --line:#E3D8EE;
  --line-warm:#EADFCF;
  --shadow:0 1px 2px rgba(43,33,53,.05), 0 8px 28px -12px rgba(43,33,53,.16);
  --ph-bg:#F6F0FC;
  --ph-line:#C9AEE6;
  --ph-ink:#7B5AA0;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#171220; --surface:#211930; --surface-2:#1D1628;
    --ink:#F0E8F7; --ink-soft:#BCAECD; --ink-faint:#8C7EA0;
    --violet:#C9A2ED; --violet-bright:#B98BE3; --violet-wash:#2A2039;
    --gold:#E9BE6C; --gold-light:#8A6A2E; --gold-wash:#2B2317;
    --line:#342942; --line-warm:#3A3020;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px -14px rgba(0,0,0,.6);
    --ph-bg:#241B33; --ph-line:#4E3A6B; --ph-ink:#B48FE0;
  }
}
:root[data-theme="dark"]{
  --ground:#171220; --surface:#211930; --surface-2:#1D1628;
  --ink:#F0E8F7; --ink-soft:#BCAECD; --ink-faint:#8C7EA0;
  --violet:#C9A2ED; --violet-bright:#B98BE3; --violet-wash:#2A2039;
  --gold:#E9BE6C; --gold-light:#8A6A2E; --gold-wash:#2B2317;
  --line:#342942; --line-warm:#3A3020;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px -14px rgba(0,0,0,.6);
  --ph-bg:#241B33; --ph-line:#4E3A6B; --ph-ink:#B48FE0;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:"Assistant","Segoe UI",Arial,sans-serif;
  font-size:17px; line-height:1.85; direction:rtl; text-align:right;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Frank Ruhl Libre",Georgia,serif; font-weight:400; margin:0;
            text-wrap:balance; line-height:1.28}
p{margin:0}
a{color:var(--violet)}
img{max-width:100%}

/* ---------- layout ---------- */
.band{padding:78px 22px}
.band--tight{padding:52px 22px}
.band--lav{background:var(--surface)}
.band--warm{background:var(--gold-wash)}
.wrap{max-width:660px; margin:0 auto; display:flex; flex-direction:column; gap:22px}
.wrap--wide{max-width:840px}
.rule{height:1px; background:var(--line); border:0; margin:0}
.center{align-items:center; text-align:center}

.eyebrow{font-family:"Secular One",sans-serif; font-size:12.5px; letter-spacing:.14em; color:var(--gold)}
.lede{font-size:19px; color:var(--ink-soft); line-height:1.8}
.small{font-size:14px; color:var(--ink-faint); line-height:1.7}
.body-copy{font-size:17.5px; color:var(--ink-soft); line-height:1.9}
.body-copy strong{color:var(--ink); font-weight:600}

/* ---------- header / footer ---------- */
.hdr{display:flex; align-items:center; justify-content:space-between; gap:16px;
     padding:16px 26px; border-bottom:1px solid var(--line); background:var(--ground)}
.hdr img{height:42px; width:auto; display:block}
.hdr a{font-size:15px; color:var(--ink-soft); text-decoration:none;
       border-bottom:1px solid var(--line-warm); padding-bottom:2px}
.hdr a:hover{color:var(--violet); border-color:var(--violet-bright)}
.ftr{padding:40px 26px; border-top:1px solid var(--line); background:var(--ground);
     display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center}
.ftr img{height:30px; width:auto; opacity:.75}

/* ---------- hero ---------- */
.hero{position:relative; overflow:hidden; padding:86px 22px 74px; text-align:center; background:var(--ground)}
.hero::before{content:""; position:absolute; inset:-40% 0 auto 0; height:520px; pointer-events:none;
  background:radial-gradient(ellipse 60% 100% at 50% 100%, var(--gold-light) 0%, transparent 68%); opacity:.55}
.hero .wrap{position:relative; align-items:center; text-align:center; gap:26px}
.h1{font-size:clamp(34px,5.4vw,50px); font-weight:300; letter-spacing:-.01em}
.h1 b{font-weight:700; color:var(--violet)}

/* ---------- buttons ---------- */
.btn{font-family:"Secular One",sans-serif; font-size:17px; letter-spacing:.03em;
     display:inline-block; padding:16px 34px; border-radius:999px; text-decoration:none;
     background:var(--violet); color:#fff; border:1px solid var(--violet);
     box-shadow:var(--shadow); cursor:pointer;
     transition:transform .18s ease, box-shadow .18s ease}
.btn:hover{transform:translateY(-2px); box-shadow:0 12px 26px -12px rgba(111,69,168,.6)}
.btn:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.btn--ghost{background:transparent; color:var(--violet); box-shadow:none; border:1px solid var(--violet-bright)}
.btn--gold{background:var(--gold); border-color:var(--gold); color:#fff}
:root[data-theme="dark"] .btn,
:root[data-theme="dark"] .btn--gold{color:#1A1322}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .btn{color:#1A1322}
  :root:not([data-theme="light"]) .btn--ghost{color:var(--violet)}
}
:root[data-theme="dark"] .btn--ghost{color:var(--violet)}

/* ---------- form ---------- */
.form{display:grid; gap:14px; width:100%; max-width:430px; text-align:right; margin:0 auto}
.field{display:grid; gap:6px}
.field label{font-size:14.5px; color:var(--ink); font-weight:600}
.field label i{font-style:normal; color:var(--ink-faint); font-weight:400; font-size:13.5px}
.field label .req{color:var(--violet-bright); font-weight:700}
.field input{font-family:inherit; font-size:16px; padding:13px 16px; border-radius:13px;
  border:1px solid var(--line); background:var(--surface-2); color:var(--ink); width:100%}
.field input:focus-visible{outline:2px solid var(--violet-bright); outline-offset:1px}
.field input::placeholder{color:var(--ink-faint)}
.form .btn{width:100%; text-align:center; margin-top:4px}
.check{display:flex; gap:10px; align-items:flex-start; font-size:14.5px;
       color:var(--ink-soft); line-height:1.55}
.check input{margin-top:4px; accent-color:var(--violet); flex:none}

/* ---------- tool list ---------- */
.tools{list-style:none; margin:6px 0 0; padding:0; display:grid;
       grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:10px}
.tools li{display:flex; align-items:flex-start; gap:14px; background:var(--surface-2);
          border:1px solid var(--line); border-radius:14px; padding:17px 20px}
.tool-n{font-family:"Frank Ruhl Libre",Georgia,serif; font-size:22px; line-height:1.15;
        color:var(--gold); font-variant-numeric:tabular-nums; flex:none; width:22px; text-align:center}
.tool-body{display:grid; gap:6px}
.tool-body b{font-family:"Frank Ruhl Libre",Georgia,serif; font-weight:400; font-size:19.5px;
             color:var(--ink); line-height:1.3}
.tool-body b i{font-family:"Assistant",sans-serif; font-style:normal; font-size:13px;
               color:var(--ink-faint); letter-spacing:.06em; margin-inline-start:7px}
.tool-body > span{font-size:15.5px; color:var(--ink-soft); line-height:1.6}

/* ---------- steps ---------- */
.steps{display:grid; gap:0}
.step{display:flex; gap:18px; padding:18px 0; border-bottom:1px solid var(--line)}
.step:last-child{border-bottom:0}
.step-n{font-family:"Secular One",sans-serif; font-size:14px; color:#fff; background:var(--violet);
        width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
        flex:none; margin-top:3px}
:root[data-theme="dark"] .step-n{color:#1A1322}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .step-n{color:#1A1322}}
.step p{font-size:16.5px; color:var(--ink-soft)}
.step b{color:var(--ink); font-weight:600}

/* ---------- senses 5-4-3-2-1 ---------- */
.senses{display:grid; gap:12px}
.sense{display:flex; align-items:flex-start; gap:20px; background:var(--surface-2);
       border:1px solid var(--line); border-radius:16px; padding:18px 22px}
.sense-n{font-family:"Frank Ruhl Libre",Georgia,serif; font-weight:300; line-height:.9;
         color:var(--gold); font-variant-numeric:tabular-nums; flex:none; width:56px; text-align:center}
.sense:nth-child(1) .sense-n{font-size:56px}
.sense:nth-child(2) .sense-n{font-size:50px}
.sense:nth-child(3) .sense-n{font-size:44px}
.sense:nth-child(4) .sense-n{font-size:38px}
.sense:nth-child(5) .sense-n{font-size:32px}
.sense h4{font-family:"Secular One",sans-serif; font-size:16px; color:var(--ink);
          margin-bottom:3px; letter-spacing:.02em}
.sense p{font-size:16px; color:var(--ink-soft); line-height:1.7}

/* ---------- about ---------- */
.about{display:grid; grid-template-columns:250px 1fr; gap:34px; align-items:start}
.about img{width:100%; height:auto; border-radius:20px; display:block; box-shadow:var(--shadow)}
.about img.arch{border-radius:180px 180px 22px 22px}
.about img.circ{border-radius:50%; aspect-ratio:1; object-fit:cover}
.chips{display:flex; flex-wrap:wrap; gap:7px; margin-top:4px}
.chip{font-size:13.5px; padding:5px 13px; border-radius:999px; background:var(--violet-wash);
      color:var(--violet); border:1px solid var(--line)}

/* ---------- video placeholder ---------- */
.ph{background:var(--ph-bg); border:1.5px dashed var(--ph-line); border-radius:18px;
    display:grid; place-items:center; gap:8px; padding:34px 20px; text-align:center}
.ph--video{aspect-ratio:16/9; padding:20px}
.ph-tag{font-family:"Secular One",sans-serif; font-size:13px; color:var(--ph-ink); letter-spacing:.05em}
.ph-sub{font-size:13.5px; color:var(--ink-faint)}
.ph-play{width:52px; height:52px; border-radius:50%; border:1.5px solid var(--ph-line);
         display:grid; place-items:center; color:var(--ph-ink); font-size:18px}
.video-frame{aspect-ratio:16/9; width:100%; border:0; border-radius:18px; display:block}

/* ---------- faq ---------- */
.faq{display:grid; gap:0}
.qa{padding:20px 0; border-bottom:1px solid var(--line)}
.qa:last-child{border-bottom:0}
.qa h4{font-family:"Assistant",sans-serif; font-weight:700; font-size:17px; margin-bottom:5px}
.qa p{font-size:16px; color:var(--ink-soft); line-height:1.7}

/* ---------- guide ---------- */
.cover{text-align:center; padding:96px 22px 78px; background:var(--surface);
       position:relative; overflow:hidden}
.cover::before{content:""; position:absolute; inset:auto 0 -55% 0; height:460px; pointer-events:none;
  background:radial-gradient(ellipse 55% 100% at 50% 0%, var(--gold-light) 0%, transparent 70%); opacity:.5}
.cover .wrap{position:relative; align-items:center; gap:20px}
.cover img{height:92px; width:auto}
.cover-h{font-size:clamp(32px,5vw,46px); font-weight:300}
.cover-h b{display:block; font-weight:700; color:var(--violet); font-size:.72em; margin-top:8px}

.chapter-head{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap}
.chapter-no{font-family:"Secular One",sans-serif; font-size:13px; color:var(--gold); letter-spacing:.12em}
.chapter-head h2{font-size:clamp(26px,3.6vw,34px)}
.chapter-head .en{font-family:"Assistant",sans-serif; font-size:.55em;
                  color:var(--ink-faint); letter-spacing:.06em}

.pull{border-right:3px solid var(--gold); background:var(--gold-wash); border-radius:0 14px 14px 0;
      padding:20px 24px; font-size:17px; color:var(--ink); line-height:1.8}
.note{border-right:3px solid var(--violet-bright); background:var(--violet-wash);
      border-radius:0 14px 14px 0; padding:18px 22px; font-size:16px;
      color:var(--ink-soft); line-height:1.75}
.warn{border:1px solid var(--line-warm); background:var(--gold-wash); border-radius:16px;
      padding:20px 24px; font-size:15.5px; color:var(--ink-soft); line-height:1.75}

.brains{display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px}
.brain{background:var(--surface-2); border:1px solid var(--line); border-radius:16px;
       padding:18px 20px; display:grid; gap:3px; align-content:start}
.brain b{font-family:"Secular One",sans-serif; font-weight:400; font-size:17px; color:var(--violet)}
.brain i{font-style:normal; font-size:13.5px; color:var(--gold); letter-spacing:.03em; margin-bottom:5px}
.brain span{font-size:15.5px; color:var(--ink-soft); line-height:1.65}

.signs{display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:12px}
.sign{background:var(--surface-2); border:1px solid var(--line-warm); border-radius:15px;
      padding:16px 20px; display:grid; gap:4px; align-content:start}
.sign b{font-family:"Secular One",sans-serif; font-weight:400; font-size:16px; color:var(--violet)}
.sign span{font-size:15.5px; color:var(--ink-soft); line-height:1.65}

.vocab{font-size:16px; color:var(--ink-soft); line-height:2.1; background:var(--surface-2);
       border:1px solid var(--line); border-radius:18px; padding:22px 24px}
.vocab span{white-space:nowrap}

.mins{display:grid; gap:0}
.min{display:grid; grid-template-columns:64px 1fr; gap:18px; padding:18px 0; border-bottom:1px solid var(--line)}
.min:last-child{border-bottom:0}
.min-n{font-family:"Frank Ruhl Libre",Georgia,serif; font-size:15px; color:var(--gold); letter-spacing:.04em}
.min h4{font-family:"Secular One",sans-serif; font-size:16.5px; margin-bottom:3px}
.min p{font-size:16px; color:var(--ink-soft)}
.min .q{color:var(--violet); font-size:15px}

.kit{display:grid; gap:0; background:var(--surface-2); border:1px solid var(--line);
     border-radius:18px; padding:8px 26px}
.kit-row{padding:17px 0; border-bottom:1px dashed var(--line)}
.kit-row:last-child{border-bottom:0}
.kit-row b{font-weight:600; font-size:16px; display:block; margin-bottom:8px}
.kit-line{height:1px; background:var(--line-warm); margin-top:4px}
.kit-lines{display:grid; gap:16px}

.toc{display:grid; gap:2px}
.toc a{display:flex; justify-content:space-between; gap:14px; padding:12px 0;
       text-decoration:none; color:var(--ink); border-bottom:1px solid var(--line); font-size:16.5px}
.toc a:last-child{border-bottom:0}
.toc span:last-child{color:var(--ink-faint); font-size:14px}
.toc a:hover{color:var(--violet)}

/* ---------- whatsapp hint + door ---------- */
.hint{display:flex; align-items:center; gap:14px; text-decoration:none;
      border:1px solid var(--line); border-radius:14px; padding:13px 18px;
      background:var(--surface-2); transition:border-color .18s ease, transform .18s ease}
.hint:hover{border-color:var(--violet-bright); transform:translateX(-3px)}
.hint-i{width:30px; height:30px; border-radius:50%; display:grid; place-items:center; flex:none;
        border:1px solid var(--violet-bright); color:var(--violet); font-size:12px}
.hint-t{font-size:15.5px; color:var(--ink-soft); line-height:1.5; flex:1}
.hint-t b{color:var(--violet); font-weight:600}
.hint-a{color:var(--violet-bright); font-size:18px; flex:none}

.door{text-align:center; border-radius:26px; background:var(--surface); border:1px solid var(--line);
      padding:38px 34px; display:flex; flex-direction:column; gap:15px; align-items:center}
.door img{height:44px; width:auto}
.door h2{font-size:clamp(25px,3.6vw,33px)}
.door p{font-size:17px; color:var(--ink-soft); line-height:1.8; max-width:50ch}
.door-sub{font-size:14px !important; color:var(--ink-faint) !important}

/* ---------- two ways forward ---------- */
.two{display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:20px; margin-top:8px}
.way{display:flex; flex-direction:column; gap:13px; align-items:flex-start;
     border-radius:24px; padding:30px 28px}
.way--open{background:var(--surface-2); border:1px solid var(--violet-bright)}
.way--deep{background:linear-gradient(160deg, var(--violet) 0%, #4E2E7D 100%);
           color:#fff; border:1px solid transparent}
.way-tag{font-family:"Secular One",sans-serif; font-size:12px; letter-spacing:.1em; color:var(--gold)}
.way--deep .way-tag{color:var(--gold-light)}
.way h3{font-size:23px}
.way--deep h3{color:#fff}
.way p{font-size:16.5px; color:var(--ink-soft); line-height:1.75}
.way--deep p{color:#EFE3FA}
.way-list{list-style:none; padding:0; margin:0; display:grid; gap:7px}
.way-list li{font-size:15.5px; color:var(--ink-soft); padding-right:20px;
             position:relative; line-height:1.6}
.way-list li::before{content:"·"; position:absolute; right:4px; color:var(--gold);
                     font-size:22px; line-height:1.1}
.way--deep .way-list li{color:#F3E9FB}
.way--deep .way-list li::before{color:var(--gold-light)}
.way .price{font-family:"Secular One",sans-serif; font-size:28px; color:var(--gold-light)}
.way--deep .btn{background:var(--gold-light); border-color:var(--gold-light); color:#3A2A0C}
.way .btn{margin-top:auto}
.way-note{font-size:13.5px !important; color:var(--ink-faint) !important}

/* ---------- thank you ---------- */
.tick{width:62px; height:62px; border-radius:50%; display:grid; place-items:center;
      background:var(--violet-wash); border:1px solid var(--violet-bright);
      color:var(--violet); font-size:27px; line-height:1}
.dl{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
.soft-cta{display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:space-between;
          background:var(--surface-2); border:1px solid var(--line); border-radius:18px; padding:22px 26px}
.soft-cta > div{flex:1 1 260px}
.soft-link{font-family:"Secular One",sans-serif; font-size:15px; color:var(--violet);
           text-decoration:none; white-space:nowrap;
           border-bottom:1px solid var(--violet-bright); padding-bottom:3px}
.soft-link:hover{color:var(--violet-bright)}

/* ---------- meeting page ---------- */
.pricetag{font-family:"Secular One",sans-serif; font-size:20px; color:var(--gold)}
.pricetag span{font-family:"Frank Ruhl Libre",Georgia,serif; font-size:46px;
               color:var(--violet); line-height:1; margin-inline-end:4px}
.details{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px}
.detail{background:var(--surface-2); border:1px solid var(--line); border-radius:15px;
        padding:16px 18px; display:grid; gap:5px}
.detail span{font-size:13px; letter-spacing:.06em; color:var(--gold); font-family:"Secular One",sans-serif}
.detail b{font-family:"Frank Ruhl Libre",Georgia,serif; font-weight:400; font-size:19px; color:var(--ink)}
.fit{border-radius:20px; padding:24px 26px; display:grid; gap:11px; align-content:start}
.fit--yes{background:var(--surface-2); border:1px solid var(--violet-bright)}
.fit--no{background:var(--surface-2); border:1px solid var(--line-warm)}
.fit b{font-family:"Secular One",sans-serif; font-weight:400; font-size:17px; color:var(--ink)}
.fit--no .way-list li::before{color:var(--ink-faint)}

.stepper{display:grid; gap:0; margin-top:6px}
.sbox{position:relative; padding:0 0 30px 0; margin-inline-start:19px;
      border-inline-start:2px solid var(--line); padding-inline-start:30px;
      display:flex; flex-direction:column; gap:13px; align-items:flex-start}
.sbox--last{border-inline-start-color:transparent; padding-bottom:0}
.sbox-h{display:flex; align-items:center; gap:13px}
.sbox-n{position:absolute; inset-inline-start:-21px; top:0; width:40px; height:40px;
        border-radius:50%; display:grid; place-items:center; background:var(--violet);
        color:#fff; font-family:"Secular One",sans-serif; font-size:17px; border:4px solid var(--surface)}
:root[data-theme="dark"] .sbox-n{color:#1A1322}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sbox-n{color:#1A1322}}
.sbox h3{font-size:23px}
.sbox .btn{align-self:flex-start}

/* ---------- tables ---------- */
.tbl-wrap{overflow-x:auto}
table{width:100%; border-collapse:collapse; font-size:16px}
th,td{text-align:right; padding:13px 16px; border-bottom:1px solid var(--line); vertical-align:top}
th{font-family:"Secular One",sans-serif; font-size:14px; color:var(--violet); font-weight:400}
td{color:var(--ink-soft)}

code{font-family:ui-monospace,Consolas,monospace; font-size:14px; background:var(--violet-wash);
     color:var(--violet); padding:2px 8px; border-radius:7px; direction:ltr; display:inline-block}

/* ---------- responsive ---------- */
@media (max-width:640px){
  .about{grid-template-columns:1fr; gap:22px}
  .about img{max-width:260px; margin:0 auto}
  .band{padding:54px 20px}
  .hero{padding:60px 20px 54px}
  .min{grid-template-columns:52px 1fr; gap:12px}
}
@media (prefers-reduced-motion: reduce){
  *{transition:none !important; animation:none !important}
  html{scroll-behavior:auto}
}

/* ---------- print (ייצוא המדריך ל-PDF) ---------- */
@media print{
  :root{--ground:#fff; --surface:#F7F2FC; --surface-2:#fff;
        --ink:#221A2C; --ink-soft:#463C55; --ink-faint:#6E6480}
  body{font-size:12pt}
  .hdr, .ftr, .toc, .hint, .door, .no-print{display:none !important}
  .band{padding:18pt 0; break-inside:avoid}
  .cover{padding:40pt 0; break-after:page}
  section{break-inside:avoid}
  h2,h3{break-after:avoid}
  a{color:inherit; text-decoration:none}
}