/* ============================================================
   פשוט לתרגל — דף מחירים
   ============================================================ */

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- כותרת הדף ---- */
.price-hero{padding-top:clamp(30px,4.5vw,52px);padding-bottom:clamp(10px,2vw,20px);text-align:center;overflow:hidden}
.price-hero::before{
  content:"";position:absolute;inset-inline:0;top:-320px;height:720px;pointer-events:none;
  background:
    radial-gradient(42% 50% at 50% 46%,rgba(23,176,140,.20),transparent 70%),
    radial-gradient(36% 42% at 74% 24%,rgba(255,194,75,.10),transparent 72%),
    radial-gradient(36% 42% at 26% 24%,rgba(124,92,255,.14),transparent 72%);
  filter:blur(6px);
}
.price-hero .wrap{position:relative;z-index:1}

.back{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:26px;
  font-size:14.5px;font-weight:600;color:var(--muted-2);
  transition:color .2s var(--ease),gap .2s var(--ease);
}
.back svg{width:15px;height:15px;stroke-width:2.2}
.back:hover{color:var(--mint);gap:11px}

.price-hero .sec-label{margin-bottom:14px}
h1.page-title{font-size:clamp(34px,5.6vw,52px);font-weight:900;letter-spacing:-.035em;line-height:1.08}
h1.page-title .grad{
  background:linear-gradient(100deg,#8CF7D2 0%,var(--mint) 40%,var(--teal) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.page-sub{margin:22px auto 0;max-width:38em;color:var(--muted);font-size:clamp(16.5px,2vw,18px);line-height:1.72}
.page-sub b{color:#CFDAEC;font-weight:600}

.onetime{
  display:inline-flex;align-items:center;gap:10px;margin-top:26px;
  padding:11px 20px;border-radius:999px;
  background:rgba(79,227,176,.08);border:1px solid rgba(79,227,176,.24);
  font-size:14.5px;font-weight:600;color:#B9E9D6;line-height:1.4;text-align:start;
}
.onetime svg{width:18px;height:18px;color:var(--mint);flex:none;stroke-width:2.4}

/* ---- שלושת הכרטיסים ---- */
.plans-sec{padding-top:clamp(34px,4.5vw,52px)}
.plans{display:grid;gap:clamp(16px,2.2vw,22px);grid-template-columns:minmax(0,1fr);align-items:stretch}
@media(min-width:900px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}}

.plan{
  position:relative;display:flex;flex-direction:column;
  padding:clamp(26px,3vw,34px);border-radius:var(--r-xl);
  background:linear-gradient(165deg,rgba(20,28,48,.9),rgba(11,17,32,.92));
  border:1px solid var(--line);
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.plan:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2);box-shadow:var(--shadow-lift)}

.plan-name{font-size:22px;font-weight:800;letter-spacing:-.025em}
.plan-tag{margin-top:7px;font-size:14.5px;color:var(--muted-2);line-height:1.5;min-height:2.2em}

.plan-price{display:flex;align-items:baseline;gap:9px;margin-top:22px;font-family:"Heebo";letter-spacing:-.04em}
.plan-price .amt{font-size:clamp(42px,5vw,52px);font-weight:900;line-height:1;color:#E8EEF9}
.plan-price .per{font-size:15px;font-weight:700;color:var(--muted-2)}

.plan-eq{margin-top:9px;font-size:14.5px;color:var(--muted-2);min-height:1.6em}
.plan-eq s{opacity:.6;margin-inline-end:5px}
.plan-eq b{color:var(--amber);font-weight:700}

.plan-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px;flex:1}
.plan-list li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;color:#BCC7DB;line-height:1.55}
.plan-list svg{width:18px;height:18px;color:var(--mint);flex:none;margin-top:3px}
.plan-list li.hi{color:#F2E4C6;font-weight:600}
.plan-list li.hi svg{color:var(--amber)}

.plan-cta{margin-top:26px;width:100%}
.plan-foot{margin-top:14px;text-align:center;font-size:13.5px;font-weight:600;color:var(--amber)}

/* ---- הכרטיס המומלץ ---- */
.plan-best{
  background:
    radial-gradient(80% 60% at 50% -10%,rgba(255,194,75,.13),transparent 62%),
    linear-gradient(165deg,rgba(24,34,56,.96),rgba(11,17,32,.96));
  border-color:rgba(255,194,75,.4);
  box-shadow:0 40px 90px -40px rgba(255,194,75,.3);
}
.plan-best::before{
  content:"";position:absolute;top:0;inset-inline:16%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,194,75,.85),transparent);
}
@media(min-width:900px){ .plan-best{transform:scale(1.035)} .plan-best:hover{transform:scale(1.035) translateY(-5px)} }
.plan-best .plan-price .amt{
  background:linear-gradient(120deg,#FFE29A,var(--amber) 55%,#FFA930);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ribbon{
  position:absolute;top:-13px;inset-inline-start:50%;transform:translateX(50%);
  padding:5px 16px;border-radius:999px;white-space:nowrap;
  background:linear-gradient(135deg,#FFD478,var(--amber));color:#2A1B00;
  font-family:"Heebo";font-weight:800;font-size:13px;
  box-shadow:0 10px 22px -8px rgba(255,194,75,.6);
}

.plan-max{border-color:rgba(139,123,255,.3)}
.plan-max .plan-list li.hi{color:#CFC7FF}
.plan-max .plan-list li.hi svg{color:var(--violet)}

/* ---- טבלת השוואה ---- */
.cmp-sec{padding-top:clamp(30px,4vw,50px)}
.cmp-sec .sec-head{max-width:none;text-align:center;margin-inline:auto}
.table-scroll{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(165deg,rgba(20,28,48,.7),rgba(11,17,32,.8))}
.cmp{width:100%;min-width:640px;border-collapse:collapse;text-align:center;font-size:15.5px}
.cmp th,.cmp td{padding:16px 14px;border-bottom:1px solid var(--line)}
.cmp thead th{
  font-family:"Heebo";font-weight:800;font-size:16.5px;color:#E4EBF7;
  padding-block:20px;border-bottom:1px solid var(--line-strong);
}
.cmp thead th span{display:block;margin-top:4px;font-size:14px;font-weight:700;color:var(--muted-2);letter-spacing:-.02em}
.cmp .feat{text-align:start;color:var(--muted);font-weight:600;white-space:nowrap}
.cmp tbody td{color:#C3CDE0}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp .tick.y{width:19px;height:19px;color:var(--mint)}

/* עמודת המסלול המומלץ */
.cmp .best{position:relative;background:rgba(255,194,75,.055)}
.cmp thead .best{color:var(--amber);background:rgba(255,194,75,.09)}
.cmp thead .best span{color:rgba(255,194,75,.75)}
.cmp .pct{
  display:inline-block;padding:3px 12px;border-radius:999px;
  background:linear-gradient(135deg,#FFD478,var(--amber));color:#2A1B00;
  font-family:"Heebo";font-weight:800;font-size:13.5px;
}
.cmp td.best b{color:var(--amber);font-weight:800}

.cmp-note{margin-top:20px;text-align:center;font-size:14.5px;color:var(--muted-2);line-height:1.7;max-width:44em;margin-inline:auto}

/* ---- CTA סוגר ---- */
.closer-sec{padding-top:clamp(20px,3vw,34px)}
.closer{
  position:relative;overflow:hidden;text-align:center;
  padding:clamp(34px,5vw,56px);border-radius:var(--r-xl);
  background:linear-gradient(165deg,rgba(20,28,48,.95),rgba(10,15,28,.97));
  border:1px solid rgba(79,227,176,.24);
  box-shadow:0 40px 90px -40px rgba(23,176,140,.4);
}
.closer::before{content:"";position:absolute;top:0;inset-inline:24%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,227,176,.8),transparent)}
.closer h2{font-size:clamp(25px,3.6vw,34px);font-weight:900;letter-spacing:-.035em}
.closer p{margin:14px auto 26px;max-width:34em;color:var(--muted);font-size:16.5px;line-height:1.7}