/* ============================================================
   בית הספר לעיצוב האנושי · מערכת העיצוב
   זהב #E0C070 מהלוגו · טורקיז #4FD8CE · לבן · חלל עמוק
   מונחים: השתלמויות (עצמאי) מול הכשרות (מסלול מדורג)
   ============================================================ */
:root{
  --space:#040814;
  --slab:#080E1E;
  --gold:#E0C070;
  --gold-soft:rgba(224,192,112,.55);
  --gold-dim:rgba(224,192,112,.20);
  --turq:#4FD8CE;
  --turq-dim:rgba(79,216,206,.22);
  --white:#FFFFFF;
  --text:#E4EAF4;
  --muted:#8E9DB6;
  --line:rgba(224,192,112,.13);
  --ivory:#F4F1EA;--ink:#0E1726;--ink-soft:#55647A;--bronze:#A8813A;--teal:#1E8A82;
  --sans:'Heebo',system-ui,sans-serif;
  --serif:'Frank Ruhl Libre',Georgia,serif;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--space);color:var(--text);font-family:var(--sans);font-weight:200;
  line-height:1.85;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* ===== cosmos ===== */
#sky{position:fixed;inset:0;z-index:0;pointer-events:none}
.neb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}
.neb-a{width:62vw;height:62vw;inset-block-start:-16vw;inset-inline-start:-14vw;background:radial-gradient(circle,rgba(79,216,206,.22),transparent 68%)}
.neb-b{width:56vw;height:56vw;inset-block-end:-18vw;inset-inline-end:-12vw;background:radial-gradient(circle,rgba(224,192,112,.17),transparent 68%)}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,transparent 44%,rgba(2,5,14,.8) 100%)}
main,header,footer{position:relative;z-index:2}

.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.narrow{max-width:820px}
h1,h2,h3{font-weight:200;line-height:1.14;letter-spacing:-.015em}
h2{font-size:clamp(1.9rem,4vw,3rem);color:var(--white);text-shadow:0 0 60px rgba(224,192,112,.16)}
h3{font-size:1.22rem;font-weight:400;line-height:1.45}
p{max-width:66ch}
a{color:inherit;text-decoration:none}
.num{font-variant-numeric:tabular-nums}
.lat{direction:ltr;unicode-bidi:isolate;display:inline-block}

.eyebrow{font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:var(--turq);
  font-weight:400;display:block;margin-bottom:26px;text-shadow:0 0 22px rgba(79,216,206,.5)}
/* האנגלית יושבת באותה שורה של הכותרת הקטנה, מופרדת בקו, ולא נזרקת לשמאל */
.eyebrow em{display:inline-block;font-style:normal;direction:ltr;unicode-bidi:isolate;
  color:var(--gold);letter-spacing:.3em;font-size:.6rem;opacity:.62;font-weight:400;
  margin-inline-start:15px;padding-inline-start:15px;border-inline-start:1px solid rgba(224,192,112,.3);
  text-shadow:0 0 16px rgba(224,192,112,.3)}
/* שורת המונח הלועזי, צמודה לכותרת שמעליה, מיושרת איתה */
.en{direction:ltr;unicode-bidi:isolate;text-align:right;font-size:.63rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--gold);display:block;margin-bottom:9px;opacity:.6;font-weight:400}
.sub-en{direction:ltr;unicode-bidi:isolate;text-align:right;font-size:.64rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--gold);display:block;opacity:.55;font-weight:400;margin:-4px 0 14px}
.dawn .sub-en{color:var(--bronze);opacity:.75}
.lead{font-size:clamp(1.04rem,1.5vw,1.24rem);color:var(--muted);font-weight:200}

/* ===== section rhythm ===== */
.sec{padding:130px 0;position:relative}
.sec-sm{padding:90px 0}
.cosmic::before{content:'';position:absolute;z-index:-1;pointer-events:none;
  inset-block-start:var(--ay,30%);inset-inline-start:var(--ax,20%);
  width:var(--aw,48vw);height:var(--aw,48vw);transform:translate(50%,-50%);
  background:radial-gradient(circle,rgba(var(--ac,79,216,206),var(--ao,.14)),transparent 66%);
  filter:blur(80px);border-radius:50%}
/* מדרג טונלי: t1 הכהה ביותר, t3 דמדומים, ואז dawn הבהיר */
.slab{--sb:8,14,30;
  background:linear-gradient(180deg,rgba(var(--sb),0) 0%,rgba(var(--sb),.92) 6%,rgb(var(--sb)) 22%,
  rgb(var(--sb)) 78%,rgba(var(--sb),.92) 94%,rgba(var(--sb),0) 100%)}
.t1{--sb:6,11,24}
.t2{--sb:10,17,31}
.t3{--sb:15,24,41}
.slab::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse var(--gw,58%) var(--gh,52%) at var(--gx,50%) var(--gy,0%),
  rgba(var(--gc,224,192,112),var(--gi,.10)),transparent 70%)}
.slab > *{position:relative;z-index:1}
.hair{position:relative}
.hair::before{content:'';position:absolute;inset-block-start:0;inset-inline:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-dim) 24%,rgba(79,216,206,.24) 50%,var(--gold-dim) 76%,transparent)}

/* ===== הסקציה הבהירה =====
   הרקע עצמו אטום לגמרי, כדי שטקסט לעולם לא יישב על שכבה שקופה.
   המעבר מהחלל נעשה בשתי רצועות נפרדות, מעל ומתחת, שעוברות דרך גוון חם
   ולא דרך אפור. האפור נוצר משנהב שקוף מעל כחול כהה, וזה מה שהיה בוצי. */
.dawn{color:var(--ink);background:var(--ivory);position:relative;padding:150px 0}
.dawn::before,.dawn::after{content:'';position:absolute;inset-inline:0;height:190px;z-index:-1;pointer-events:none}
.dawn::before{inset-block-start:-189px;background:linear-gradient(180deg,
  rgba(4,8,20,0) 0%,rgba(20,17,26,.40) 20%,rgba(82,60,34,.52) 46%,
  rgba(152,120,70,.64) 66%,rgba(208,188,148,.88) 84%,rgba(241,237,227,.97) 95%,var(--ivory) 100%)}
.dawn::after{inset-block-end:-189px;background:linear-gradient(0deg,
  rgba(4,8,20,0) 0%,rgba(20,17,26,.40) 20%,rgba(82,60,34,.52) 46%,
  rgba(152,120,70,.64) 66%,rgba(208,188,148,.88) 84%,rgba(241,237,227,.97) 95%,var(--ivory) 100%)}
.dawn > *{position:relative;z-index:1}
.dawn h2,.dawn h3{color:var(--ink);text-shadow:none}
.dawn .eyebrow{color:var(--bronze);text-shadow:none}
.dawn .eyebrow em,.dawn .en{color:var(--bronze);text-shadow:none;opacity:.9}
.dawn p{color:var(--ink-soft)}
.dawn .lead{color:var(--ink-soft)}

/* ===== surfaces ===== */
.pane{background:linear-gradient(160deg,rgba(16,26,50,.62),rgba(6,11,24,.42));backdrop-filter:blur(14px);
  border:1px solid rgba(224,192,112,.11);border-radius:5px;position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -50px 90px -60px rgba(79,216,206,.30),0 24px 70px rgba(0,0,0,.42);
  transition:border-color .55s,box-shadow .55s,transform .55s}
.pane::before{content:'';position:absolute;inset-block-start:-40%;inset-inline-start:-20%;width:70%;height:120%;
  pointer-events:none;background:radial-gradient(ellipse,rgba(224,192,112,.10),transparent 62%);filter:blur(34px);opacity:.6;transition:opacity .55s}
.pane:hover{border-color:rgba(224,192,112,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -50px 100px -55px rgba(79,216,206,.48),0 30px 80px rgba(0,0,0,.5);transform:translateY(-5px)}
.pane:hover::before{opacity:1}
.pane-flat:hover{transform:none}

/* ===== nav ===== */
header{position:fixed;inset-block-start:0;inset-inline:0;z-index:60;transition:background .6s,border-color .6s;border-block-end:1px solid transparent}
header.solid{background:rgba(4,8,20,.86);backdrop-filter:blur(20px);border-block-end-color:var(--line)}
.nav{display:flex;align-items:center;gap:30px;height:80px}
.brand{display:flex;align-items:center;gap:13px;font-size:.9rem;color:var(--white)}
.brand svg{width:32px;height:32px;flex:none;filter:drop-shadow(0 0 8px rgba(224,192,112,.4))}
.nav ul{display:flex;gap:28px;list-style:none;margin-inline-start:auto;font-size:.92rem;color:var(--muted)}
.nav ul a{transition:color .35s,text-shadow .35s}
.nav ul a:hover,.nav ul a.on{color:var(--gold);text-shadow:0 0 18px rgba(224,192,112,.6)}
.burger{display:none;margin-inline-start:auto;background:none;border:0;color:var(--gold);font-size:1.7rem;cursor:pointer;line-height:1}
.mmenu{display:none;position:fixed;inset:80px 0 0;z-index:59;background:rgba(4,8,20,.97);backdrop-filter:blur(20px);padding:34px 28px;overflow-y:auto}
.mmenu.open{display:block}
.mmenu a{display:block;padding:16px 0;border-block-end:1px solid var(--line);font-size:1.08rem;color:var(--text)}
.mmenu a:last-of-type{border:0}

/* ===== entries ===== */
.entry{display:inline-flex;align-items:center;gap:12px;padding:15px 32px;border-radius:100px;font-size:.95rem;
  font-weight:300;font-family:var(--sans);cursor:pointer;border:1px solid var(--gold-dim);color:var(--gold);
  background:rgba(224,192,112,.03);transition:.5s;box-shadow:inset 0 0 24px rgba(224,192,112,.05)}
.entry:hover{border-color:var(--gold-soft);background:rgba(224,192,112,.08);box-shadow:inset 0 0 34px rgba(224,192,112,.12),0 0 34px rgba(224,192,112,.16)}
.entry-t{border-color:var(--turq-dim);color:var(--turq);box-shadow:inset 0 0 24px rgba(79,216,206,.05)}
.entry-t:hover{border-color:rgba(79,216,206,.6);background:rgba(79,216,206,.07);box-shadow:inset 0 0 34px rgba(79,216,206,.12),0 0 34px rgba(79,216,206,.16)}
.entry-sm{padding:11px 22px;font-size:.85rem}
.entry-solid{background:var(--bronze);border-color:var(--bronze);color:#fff;box-shadow:none}
.entry-solid:hover{background:#8E6C2C;border-color:#8E6C2C;color:#fff;box-shadow:0 10px 30px rgba(168,129,58,.28)}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}

/* ===== page hero ===== */
.phero{padding:190px 0 90px;position:relative}
.crumbs{font-size:.8rem;color:#6E7C93;margin-bottom:28px}
.crumbs a:hover{color:var(--gold)}
.phero h1{font-size:clamp(2.1rem,4.8vw,3.9rem);font-weight:100;letter-spacing:-.03em;color:var(--white);
  margin-bottom:24px;text-shadow:0 0 70px rgba(224,192,112,.26)}
.phero h1 b{font-weight:300;color:var(--gold);display:block;text-shadow:0 0 50px rgba(224,192,112,.4)}
.phero .lead{max-width:56ch;margin-bottom:38px}
.facts-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px}
.facts-row span{font-size:.8rem;color:var(--muted);background:rgba(255,255,255,.035);
  border:1px solid rgba(224,192,112,.12);padding:7px 15px;border-radius:100px;font-variant-numeric:tabular-nums}

/* ===== prose ===== */
.prose h2{margin-bottom:26px}
.prose h3{color:var(--gold);font-weight:300;font-size:1.35rem;margin:44px 0 14px}
.prose p{color:var(--muted);margin-bottom:20px}
.prose p.big{font-family:var(--serif);color:var(--text);font-size:clamp(1.1rem,1.9vw,1.4rem);line-height:1.65;font-weight:300;margin:34px 0}
.prose ul{list-style:none;margin:22px 0}
.prose ul li{position:relative;padding-inline-start:24px;margin-bottom:13px;color:var(--muted)}
.prose ul li::before{content:'';position:absolute;inset-inline-start:0;inset-block-start:.85em;width:6px;height:6px;
  border-radius:50%;background:var(--turq);box-shadow:0 0 10px rgba(79,216,206,.7)}
.dawn .prose p,.dawn .prose ul li{color:var(--ink-soft)}
.dawn .prose h3{color:var(--bronze)}
.dawn .prose ul li::before{background:var(--bronze);box-shadow:none}
.pull{border-inline-start:2px solid var(--gold-dim);padding-inline-start:24px;margin:38px 0;
  font-family:var(--serif);font-size:1.22rem;line-height:1.6;color:var(--text);font-weight:300}
.pull cite{display:block;margin-top:12px;font-style:normal;font-size:.78rem;letter-spacing:.24em;color:var(--gold);text-transform:uppercase}

/* two column */
.two{display:grid;grid-template-columns:1fr 1fr;gap:52px}
.two-a{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.two-b{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}

/* ===== cards ===== */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tile{padding:40px 34px}
.tile .n{font-size:.7rem;letter-spacing:.28em;color:var(--turq);margin-bottom:18px;display:block}
.tile h3{margin-bottom:13px;color:var(--gold);font-weight:300}
.tile p{color:var(--muted);font-size:.96rem}
.tile .go{color:var(--turq);font-size:.9rem;display:inline-block;margin-top:18px}

/* ===== who it's for ===== */
.forwho{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}
.forwho .col{padding:36px 32px}
.forwho h3{font-size:1.15rem;margin-bottom:20px;font-weight:400}
.forwho .yes h3{color:var(--turq)}
.forwho .no h3{color:#9C8A6A}
.forwho ul{list-style:none}
.forwho li{position:relative;padding-inline-start:26px;margin-bottom:14px;color:var(--muted);font-size:.96rem;line-height:1.7}
.forwho li::before{position:absolute;inset-inline-start:0;inset-block-start:0;font-size:.95rem}
.forwho .yes li::before{content:'✓';color:var(--turq)}
.forwho .no li::before{content:'—';color:#7B6B4E}

/* ===== curriculum ===== */
.curric{list-style:none;margin-top:40px;counter-reset:c}
.curric li{position:relative;padding:26px 0 26px 0;padding-inline-start:66px;border-block-end:1px solid var(--line);counter-increment:c}
.curric li::before{content:counter(c,decimal-leading-zero);position:absolute;inset-inline-start:0;inset-block-start:26px;
  font-size:.82rem;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.1em;opacity:.8}
.curric h4{font-size:1.06rem;font-weight:400;color:var(--text);margin-bottom:7px}
.curric p{color:var(--muted);font-size:.95rem;margin:0}
.dawn .curric li::before{color:var(--bronze)}
.dawn .curric h4{color:var(--ink)}
.dawn .curric li{border-block-end-color:rgba(14,23,38,.09)}

/* ===== included ===== */
.incl{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);margin-top:42px}
.incl div{background:rgba(6,11,24,.5);padding:30px 28px}
.incl b{display:block;color:var(--gold);font-weight:400;font-size:1rem;margin-bottom:7px}
.incl span{color:var(--muted);font-size:.93rem;line-height:1.7}

/* ===== FAQ ===== */
.faq{margin-top:44px;border-block-start:1px solid var(--line)}
.faq details{border-block-end:1px solid var(--line)}
.faq summary{padding:24px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;
  gap:20px;align-items:baseline;color:var(--text);font-size:1.03rem;font-weight:300;transition:color .3s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--gold);font-size:1.3rem;flex:none;transition:transform .35s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--gold)}
.faq .a{padding:0 0 26px;color:var(--muted);font-size:.97rem}
.dawn .faq summary{color:var(--ink)}
.dawn .faq .a{color:var(--ink-soft)}
.dawn .faq details,.dawn .faq{border-color:rgba(14,23,38,.1)}
.dawn .faq summary::after{color:var(--bronze)}

/* ===== price + registration (light, always last) ===== */
.enroll{background:#fff;border:1px solid rgba(168,129,58,.26);border-radius:5px;padding:46px 42px;
  box-shadow:0 2px 4px rgba(14,23,38,.03),0 20px 50px rgba(14,23,38,.08);margin-top:52px}
.enroll .en{color:var(--bronze);opacity:.9}
.enroll h3{font-size:1.6rem;font-weight:400;color:var(--ink);margin-bottom:10px}
.enroll > p{color:var(--ink-soft);font-size:.97rem;margin-bottom:30px}
.prices{list-style:none;border-block-start:1px solid rgba(14,23,38,.09)}
.prices li{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:16px 0;
  border-block-end:1px solid rgba(14,23,38,.07)}
.prices .what{color:var(--ink);font-size:1rem}
.prices .what small{display:block;color:var(--ink-soft);font-size:.85rem;margin-top:3px}
.prices .amt{color:var(--bronze);font-size:1.14rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.prices .amt s{color:#9AA6B6;font-size:.85rem;margin-inline-end:8px}
.enroll .terms{margin-top:22px;font-size:.86rem;color:#6B7A90;line-height:1.75}
.enroll .cta-row{margin-top:30px}
.dateslot{margin-top:26px;padding:18px 20px;background:rgba(168,129,58,.07);border:1px dashed rgba(168,129,58,.35);
  border-radius:4px;color:var(--bronze);font-size:.92rem}

/* ===== next steps ===== */
.next{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.next a{padding:32px 28px;display:block}
.next .en{margin-bottom:9px}
.next h4{font-size:1.1rem;font-weight:300;color:var(--white);margin-bottom:9px}
.next p{color:var(--muted);font-size:.9rem;margin:0}

/* ===== quote section ===== */
.quote{text-align:center}
.quote blockquote{font-family:var(--serif);font-size:clamp(1.4rem,3.2vw,2.3rem);font-weight:300;line-height:1.5;
  max-width:21ch;margin:0 auto;color:var(--white);text-shadow:0 0 70px rgba(224,192,112,.3)}
.quote cite{display:block;margin-top:32px;font-style:normal;font-size:.78rem;letter-spacing:.28em;color:var(--gold);text-transform:uppercase}

/* ===== portrait placeholder ===== */
.portrait{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}
.portrait span{color:#4B5870;font-size:.76rem;letter-spacing:.18em;text-align:center;padding:0 26px;line-height:2.1}

/* ===== footer ===== */
footer{border-block-start:1px solid var(--line);padding:78px 0 46px;font-size:.92rem;color:var(--muted);background:#050A16}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:46px}
footer h4{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-weight:400}
footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}
footer a:hover{color:var(--gold)}
.fbase{margin-top:58px;padding-top:30px;border-block-start:1px solid var(--line);display:flex;gap:22px;flex-wrap:wrap;font-size:.83rem;color:#57657C}

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

@media(max-width:960px){
  .sec{padding:96px 0}.sec-sm{padding:70px 0}
  .phero{padding:130px 0 70px}
  .two,.two-a,.two-b,.grid-2,.grid-3,.forwho,.incl,.next,.fgrid{grid-template-columns:1fr}
  .two,.two-a,.two-b{gap:38px}
  .nav ul{display:none}.burger{display:block}
  .portrait{max-width:320px;margin:0 auto}
  .enroll{padding:30px 24px}
  .prices li{flex-direction:column;gap:6px}
  .prices .amt{align-self:flex-start}
  .neb{filter:blur(60px)}
  .cosmic::before{--aw:92vw}
  .curric li{padding-inline-start:48px}
  .tile{padding:30px 24px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
}

/* ===== לוגו ותמונות ===== */
.brand img{width:38px;height:38px;flex:none;filter:drop-shadow(0 0 10px rgba(224,192,112,.35))}
.portrait{overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.72) contrast(1.04) brightness(.94)}

/* ============================================================
   קריאוּת בעמודים הפנימיים
   בעמוד הבית הכוכבים הם האירוע. בעמודי תוכן הם מפריעים לקריאה,
   אז הם מעומעמים, ומתחת לכותרת העמוד יש שכבת רקע אטומה.
   ============================================================ */
body.inner #sky{opacity:.34}
body.inner .neb{opacity:.55}
body.inner .vignette{background:radial-gradient(ellipse at 50% 30%,transparent 38%,rgba(2,5,14,.9) 100%)}
.phero{background:linear-gradient(180deg,rgba(4,8,20,.94) 0%,rgba(4,8,20,.9) 46%,rgba(4,8,20,.72) 78%,rgba(4,8,20,0) 100%)}
/* בסקציות חלל בעמודים פנימיים, לוט רך מתחת לתוכן */
body.inner .cosmic > .wrap{position:relative}
body.inner .cosmic > .wrap::before{content:'';position:absolute;inset:-56px -34px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 76% 68% at 50% 50%,rgba(4,8,20,.86),rgba(4,8,20,.5) 62%,transparent 82%)}

/* ============================================================
   מובייל
   ============================================================ */
@media(max-width:640px){
  body{font-size:16px;line-height:1.8}
  .wrap{padding:0 18px}
  .sec{padding:76px 0}
  .sec-sm{padding:56px 0}
  .phero{padding:108px 0 56px}
  .quote{padding:84px 0}

  h2{font-size:clamp(1.6rem,7vw,2rem)}
  h3{font-size:1.1rem}
  .lead{font-size:1rem}
  .prose p,.prose ul li,.card p,.tile p,.track > p{font-size:.97rem}

  /* התוויות הלועזיות מתקצרות ולא שוברות את הפריסה */
  .eyebrow{letter-spacing:.2em;font-size:.64rem;margin-bottom:20px}
  .eyebrow em{display:block;margin:9px 0 0;padding:0;border:0;letter-spacing:.16em;font-size:.58rem}
  .en,.sub-en{letter-spacing:.13em;font-size:.6rem;overflow-wrap:anywhere}

  /* משטחים צרים יותר, נשימה במקום דחיסה */
  .tile,.layer,.offer,.track,.chart-panel,.forwho .col{padding:26px 20px}
  .enroll{padding:26px 18px}
  .track-c{padding:24px 16px 20px}
  .card{padding:20px 18px}
  .grid-2,.grid-3,.tracks,.layer-grid,.offer-grid,.next,.forwho{gap:14px}

  /* המסלול: הציר יורד, המספר נכנס לשורה. רוחב מלא לכרטיס */
  .step{padding-inline-start:0;padding-block:9px}
  .path::before{display:none}
  .dotn{position:static;width:38px;height:38px;margin-bottom:11px;box-shadow:0 4px 14px rgba(14,23,38,.1)}

  /* הסילבוס: המספר מעל הכותרת ולא בצד */
  .curric li{padding-inline-start:0;padding-block:22px}
  .curric li::before{position:static;display:block;margin-bottom:9px}

  /* תגיות ומטא */
  .facts-row{gap:8px}
  .facts-row span,.meta span,.meta2 span{font-size:.74rem;padding:5px 11px}
  .card-h{gap:9px}
  .gate,.tag{font-size:.72rem;padding:4px 10px}

  /* טפסים */
  .fields{grid-template-columns:1fr;gap:12px}
  .entry{padding:14px 24px;font-size:.9rem}
  .cta-row{gap:10px}
  .cta-row .entry{width:100%;justify-content:center}

  /* מחירים */
  .prices li{flex-direction:column;align-items:flex-start;gap:5px;padding:14px 0}
  .prices .amt{font-size:1.05rem}

  /* פוטר */
  .fgrid{gap:34px}
  .fbase{gap:14px}

  /* טיפוגרפיה של ציטוטים */
  .quote blockquote{max-width:none;font-size:1.35rem}
  .prose p.big,.gap .punch,.duo-close{font-size:1.06rem}
}

@media(max-width:400px){
  .wrap{padding:0 15px}
  h2{font-size:1.5rem}
  .eyebrow em{letter-spacing:.1em}
}

/* רצועות המעבר של הסקציה הבהירה, מותאמות למסך קטן */
@media(max-width:640px){
  .dawn{padding:104px 0}
  .dawn::before,.dawn::after{height:126px}
  .dawn::before{inset-block-start:-125px}
  .dawn::after{inset-block-end:-125px}
}

/* ===== כפתור רכישה בשורת מחיר ===== */
.prices .amt{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.prices .buy{font-size:.82rem;color:#fff;background:var(--bronze);border:1px solid var(--bronze);
  padding:7px 16px;border-radius:100px;white-space:nowrap;transition:.35s;letter-spacing:.02em}
.prices .buy:hover{background:#8E6C2C;border-color:#8E6C2C;box-shadow:0 8px 22px rgba(168,129,58,.28)}
.prices .soon{font-size:.8rem;color:#8B98A9;white-space:nowrap}
@media(max-width:640px){
  .prices .amt{justify-content:flex-start;width:100%;gap:12px}
  .prices .buy{padding:8px 18px}
}

/* ============================================================
   הירו של עמוד פנימי: טקסט מימין, אלמנט גרפי משמאל
   ============================================================ */
.phero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}
.phero-art{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.phero-art svg{width:100%;height:100%;overflow:visible}
.phero-art .halo{position:absolute;width:78%;height:78%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(79,216,206,.14),rgba(224,192,112,.08) 44%,transparent 68%);filter:blur(38px)}

.art-ring{animation:spin 320s linear infinite;transform-origin:center}
.art-ring-r{animation:spin-r 260s linear infinite;transform-origin:center}
@keyframes spin-r{to{transform:rotate(360deg)}}
.art-arc{fill:none;stroke:var(--gold-soft);stroke-linecap:round;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 2.6s cubic-bezier(.2,.7,.3,1) forwards}
.art-line{stroke:rgba(79,216,206,.45);stroke-width:1;opacity:0;animation:fade 1.4s ease forwards}
.art-node{fill:#fff;opacity:0;animation:pop 1.2s ease forwards}
.art-halo{fill:var(--gold);opacity:0;animation:halo 1.6s ease forwards}
.art-shape{fill:none;stroke:var(--gold-soft);stroke-width:1.2;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 2.4s cubic-bezier(.2,.7,.3,1) forwards}
.art-faint{fill:none;stroke:rgba(224,192,112,.16);stroke-width:1}
.art-num{fill:var(--gold);font-family:'Heebo',sans-serif;font-size:11px;font-weight:400;
  letter-spacing:.14em;opacity:0;animation:pop 1.2s ease forwards}
.art-drift{animation:drift 14s ease-in-out infinite;transform-origin:center}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.art-pulse{fill:none;stroke:var(--turq);stroke-width:1;opacity:0;
  animation:ripple 4.2s ease-out infinite;transform-origin:center}
@keyframes ripple{0%{opacity:.55;transform:scale(.35)}100%{opacity:0;transform:scale(1.5)}}
.art-scan{stroke:rgba(79,216,206,.6);stroke-width:1;animation:scan 7s ease-in-out infinite}
@keyframes scan{0%,100%{transform:translateY(-58px);opacity:.15}50%{transform:translateY(58px);opacity:.75}}

@media(max-width:960px){
  .phero-grid{grid-template-columns:1fr;gap:22px}
  .phero-art{order:-1;max-width:330px;margin:0 auto;width:100%}
}
@media(max-width:640px){
  .phero-art{max-width:250px}
}