/* ============================================================
   פשוט לתרגל — מערכת עיצוב
   ============================================================ */
:root{
  --ink:#070A12;
  --surface:#0F1626;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(255,255,255,.14);
  --text:#EDF2FB;
  --muted:#93A0B8;
  --muted-2:#6E7C95;
  --mint:#4FE3B0;
  --teal:#17B08C;
  --violet:#8B7BFF;
  --amber:#FFC24B;

  --r-md:18px; --r-lg:26px; --r-xl:34px;
  --wrap:1160px;
  --pad:clamp(20px,5vw,32px);

  --shadow-lift:0 24px 60px -24px rgba(0,0,0,.85);
  --ease:cubic-bezier(.22,.8,.28,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:"Assistant",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
h1,h2,h3,h4{font-family:"Heebo",system-ui,sans-serif;line-height:1.12;letter-spacing:-.015em;margin:0}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* אייקוני קו — ברירת מחדל אחידה */
svg:not(.mark):not(.app svg){fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.tick{stroke-width:2.4}

/* שכבת גרעין עדינה */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:99;
  opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
section{position:relative}

/* ============================================================
   HEADER
   ============================================================ */
.site-head{
  position:sticky;top:0;z-index:60;
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  background:rgba(7,10,18,.55);
  border-bottom:1px solid transparent;
  transition:background .35s var(--ease),border-color .35s var(--ease);
}
.site-head.is-stuck{background:rgba(7,10,18,.88);border-bottom-color:var(--line)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:74px}

.brand{display:flex;align-items:center;gap:11px;min-width:0}
.mark{width:40px;height:40px;flex:none;border-radius:12px;filter:drop-shadow(0 6px 16px rgba(23,176,140,.28))}
.brand-name{font-family:"Heebo";font-weight:800;font-size:19.5px;letter-spacing:-.02em;white-space:nowrap}
.brand-name em{font-style:normal;color:var(--mint)}

.head-cta{display:flex;align-items:center;gap:10px;flex:none}

/* ---- כפתורים ---- */
.btn{
  --h:46px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:var(--h);padding-inline:24px;border-radius:999px;
  font-family:"Heebo";font-weight:700;font-size:16px;letter-spacing:-.01em;
  border:1px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .2s var(--ease),box-shadow .3s var(--ease),background .25s var(--ease),border-color .25s var(--ease);
}
.btn-primary{
  color:#04140F;
  background:linear-gradient(135deg,#67F0C0 0%,var(--mint) 45%,var(--teal) 100%);
  box-shadow:0 8px 24px -8px rgba(79,227,176,.55),inset 0 1px 0 rgba(255,255,255,.4);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(79,227,176,.62),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-ghost{color:var(--text);border-color:var(--line-strong);background:rgba(255,255,255,.02)}
.btn-ghost:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.06);transform:translateY(-2px)}
.btn-lg{--h:58px;padding-inline:40px;font-size:18.5px}

@media(max-width:600px){
  .head-in{height:64px;gap:10px}
  .mark{width:34px;height:34px;border-radius:10px}
  .brand-name{font-size:17px}
  .head-cta .btn{--h:40px;padding-inline:18px;font-size:14.5px}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding-top:clamp(30px,4.5vw,52px);padding-bottom:clamp(38px,5.5vw,66px);overflow:hidden}
.hero::before{
  content:"";position:absolute;inset-inline:0;top:-340px;height:780px;pointer-events:none;
  background:
    radial-gradient(46% 52% at 66% 45%,rgba(23,176,140,.20),transparent 70%),
    radial-gradient(40% 46% at 24% 28%,rgba(124,92,255,.15),transparent 72%);
  filter:blur(6px);
}
.hero-grid{
  display:grid;gap:clamp(26px,4vw,44px);align-items:center;
  grid-template-columns:minmax(0,1fr);position:relative;z-index:1;
}
@media(min-width:920px){ .hero-grid{grid-template-columns:.9fr 1.1fr} }

.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 15px;border-radius:999px;
  border:1px solid var(--line-strong);background:rgba(255,255,255,.035);
  font-size:14px;font-weight:600;color:var(--muted);letter-spacing:-.01em;
}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(79,227,176,.16);flex:none}

h1.hero-title{
  margin-top:22px;
  font-size:clamp(38px,6.6vw,58px);
  font-weight:900;letter-spacing:-.035em;line-height:1.06;
}
h1.hero-title .grad{
  background:linear-gradient(100deg,#8CF7D2 0%,var(--mint) 40%,var(--teal) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
h1.hero-title .thin{display:block;color:#C6D2E6;font-weight:700;font-size:.62em;letter-spacing:-.025em;margin-top:.28em}

.hero-sub{margin-top:22px;max-width:34em;font-size:clamp(16.5px,2vw,18px);color:var(--muted);line-height:1.72}
.hero-sub b{color:#CFDAEC;font-weight:600}

.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
@media(max-width:600px){ .hero-actions .btn{flex:1 1 100%} }

.hero-trust{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:30px;
  padding-top:24px;border-top:1px solid var(--line);
  font-size:14.5px;color:var(--muted-2);font-weight:600;
}
.hero-trust span{display:inline-flex;align-items:center;gap:8px}
.hero-trust svg{width:16px;height:16px;color:var(--mint);flex:none}

/* ---- במה: דמות + רגעי תרגול ---- */
.stage-wrap{position:relative;width:100%;max-width:600px;margin-inline:auto}
.stage{position:relative;aspect-ratio:1/1;width:100%}
.stage-glow{
  position:absolute;inset:8%;border-radius:50%;
  background:radial-gradient(circle at 50% 55%,rgba(23,176,140,.32),rgba(23,176,140,.07) 54%,transparent 72%);
  filter:blur(22px);
}
.stage-ring{position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.stage-ring::after{content:"";position:absolute;inset:11%;border-radius:50%;border:1px dashed rgba(255,255,255,.055)}
.stage-figure{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  transform:scale(1.06);
  -webkit-mask-image:radial-gradient(ellipse 52% 60% at 50% 47%,#000 66%,transparent 86%);
  mask-image:radial-gradient(ellipse 52% 60% at 50% 47%,#000 66%,transparent 86%);
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.55));
}

/* תגי "מתי מתרגלים" — לכל תג הצבע שלו */
.pill{
  --c:var(--mint); --cb:rgba(79,227,176,.16);
  display:inline-flex;align-items:center;gap:10px;
  height:54px;padding-inline:7px 18px;border-radius:999px;
  background:linear-gradient(160deg,rgba(27,37,61,.97),rgba(13,19,34,.97));
  border:1px solid var(--line-strong);
  box-shadow:0 16px 32px -14px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(8px);
}
.pill .ic{
  position:relative;
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;
  color:var(--c);
  background:radial-gradient(circle at 34% 28%,var(--cb),transparent 76%),var(--cb);
  border:1px solid var(--c);
  box-shadow:0 0 16px -3px var(--cb),inset 0 1px 0 rgba(255,255,255,.14);
}
.pill svg{width:24px;height:24px;stroke-width:1.85}
.pill b{font-family:"Heebo";font-weight:700;font-size:14.5px;letter-spacing:-.015em;color:#DEE6F3;white-space:nowrap}

.p1{--c:#FFB43B;--cb:rgba(255,180,59,.2)}   /* בסופר */
.p2{--c:#FF7466;--cb:rgba(255,116,102,.2)}  /* בפקק */
.p3{--c:#FF83B6;--cb:rgba(255,131,182,.2)}  /* בגן שעשועים */
.p4{--c:#57ABFF;--cb:rgba(87,171,255,.2)}   /* באוטובוס */
.p5{--c:#3ADCEC;--cb:rgba(58,220,236,.2)}   /* בבריכה */
.p6{--c:#AC93FF;--cb:rgba(172,147,255,.22)} /* במעלית */
.p7{--c:#46DCC4;--cb:rgba(70,220,196,.2)}   /* בשירותים */
.p8{--c:#A6E85F;--cb:rgba(166,232,95,.2)}   /* בצחצוח שיניים */
.p9{--c:#FFA155;--cb:rgba(255,161,85,.2)}   /* בתור */

/* דסקטופ: התגים מרחפים סביב הדמות — כולל מעליה */
@media(min-width:920px){
  .moments{position:absolute;inset:0;pointer-events:none}
  .moments .pill{position:absolute;animation:float 7.5s var(--ease) infinite}
  .p1{top:-2%; inset-inline-start:29%; animation-delay:0s}
  .p2{top:5%;  inset-inline-start:2%;  animation-delay:-.9s}
  .p3{top:0%;  inset-inline-end:5%;    animation-delay:-1.8s}
  .p4{top:25%; inset-inline-start:-5%; animation-delay:-2.7s}
  .p5{top:23%; inset-inline-end:-6%;   animation-delay:-3.6s}
  .p6{top:47%; inset-inline-start:-8%; animation-delay:-4.5s}
  .p7{top:45%; inset-inline-end:-7%;   animation-delay:-5.4s}
  .p8{top:71%; inset-inline-end:-3%;   animation-delay:-6.3s}
  .p9{top:73%; inset-inline-start:-1%; animation-delay:-7.2s}
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}

/* מובייל/טאבלט: אשכול תגים מסודר מתחת לדמות */
@media(max-width:919px){
  .stage-wrap{max-width:440px}
  .moments{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px}
  .pill{height:48px;padding-inline:6px 15px;gap:8px}
  .pill .ic{width:36px;height:36px}
  .pill svg{width:21px;height:21px}
  .pill b{font-size:13.5px}
}

/* ============================================================
   כותרות מקטע
   ============================================================ */
.sec{padding-block:clamp(52px,6.5vw,84px)}
.sec-head{max-width:660px;margin-bottom:clamp(30px,4vw,44px)}
.sec-label{font-family:"Heebo";font-weight:700;font-size:13.5px;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;margin-bottom:14px}
h2.sec-title{font-size:clamp(28px,4.4vw,42px);font-weight:800;letter-spacing:-.03em}
.sec-sub{margin-top:16px;color:var(--muted);font-size:17px;line-height:1.7}

/* ============================================================
   יתרונות
   ============================================================ */
.cards{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:minmax(0,1fr)}
@media(min-width:720px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{
  position:relative;overflow:hidden;
  padding:clamp(24px,3vw,32px);border-radius:var(--r-lg);
  background:linear-gradient(165deg,rgba(20,28,48,.9),rgba(11,17,32,.9));
  border:1px solid var(--line);
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.card::before{
  content:"";position:absolute;top:-70px;inset-inline-start:-70px;width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(79,227,176,.16),transparent 68%);
  opacity:0;transition:opacity .4s var(--ease);pointer-events:none;
}
.card:hover{transform:translateY(-5px);border-color:rgba(79,227,176,.28);box-shadow:var(--shadow-lift)}
.card:hover::before{opacity:1}
.card-ico{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  color:var(--mint);margin-bottom:20px;
  background:linear-gradient(155deg,rgba(79,227,176,.15),rgba(79,227,176,.04));
  border:1px solid rgba(79,227,176,.22);
}
.card-ico svg{width:25px;height:25px}
.card h3{font-size:20.5px;font-weight:800;letter-spacing:-.025em;margin-bottom:10px}
.card p{color:var(--muted);font-size:16px;line-height:1.68}

/* ============================================================
   פיצ'ר המחץ — שער פיד
   ============================================================ */
.killer{position:relative;padding-block:clamp(20px,3vw,34px)}
.killer-box{
  position:relative;overflow:hidden;border-radius:var(--r-xl);
  padding:clamp(30px,5vw,64px);
  background:
    radial-gradient(70% 90% at 82% 8%,rgba(139,123,255,.18),transparent 62%),
    linear-gradient(160deg,rgba(24,24,54,.94),rgba(10,13,28,.96));
  border:1px solid rgba(139,123,255,.24);
  box-shadow:0 40px 90px -40px rgba(91,75,214,.5);
}
.killer-box::before{
  content:"";position:absolute;top:0;inset-inline:14%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(160,148,255,.75),transparent);
}
.killer-box::after{
  content:"";position:absolute;bottom:-45%;inset-inline-start:-10%;width:70%;height:90%;
  background:radial-gradient(circle,rgba(139,123,255,.20),transparent 66%);filter:blur(30px);pointer-events:none;
}
.killer-grid{position:relative;z-index:1;display:grid;gap:clamp(36px,5vw,56px);align-items:center;grid-template-columns:minmax(0,1fr)}
@media(min-width:880px){.killer-grid{grid-template-columns:1.06fr .94fr}}

.killer-chip{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 16px;border-radius:999px;margin-bottom:22px;
  background:rgba(139,123,255,.14);border:1px solid rgba(139,123,255,.32);
  color:#CFC7FF;font-family:"Heebo";font-weight:700;font-size:13.5px;
}
.killer-chip svg{width:15px;height:15px;stroke-width:2}
.killer h2{font-size:clamp(28px,4.6vw,44px);font-weight:900;letter-spacing:-.035em}
.killer h2 .v{color:#B6ABFF}
.killer p.lead{margin-top:20px;color:#A9B3CB;font-size:clamp(16.5px,2vw,18px);line-height:1.75;max-width:34em}
.killer p.lead b{color:#DCE3F2;font-weight:600}
.killer-note{margin-top:26px;display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:#8E97AF;font-weight:600}
.killer-note svg{width:17px;height:17px;color:#B6ABFF;flex:none;stroke-width:1.9}

/* ---- מוקאפ טלפון ---- */
.phone-hold{position:relative;display:grid;place-items:center;padding-block:14px}
.phone{
  position:relative;z-index:2;width:min(264px,74vw);aspect-ratio:9/18.6;
  border-radius:38px;padding:9px;
  background:linear-gradient(160deg,#2B3350,#12172A);
  box-shadow:0 40px 70px -26px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.16);
  transform:rotate(-3deg);
}
.phone-screen{position:relative;overflow:hidden;height:100%;border-radius:30px;background:#0A0E1A;display:flex;flex-direction:column}
.notch{position:absolute;top:9px;inset-inline-start:50%;transform:translateX(50%);width:82px;height:19px;border-radius:999px;background:#05070E;z-index:5}

.feed{position:absolute;inset:0;padding:44px 14px 14px;filter:blur(3px);opacity:.7}
.feed-row{display:flex;gap:9px;align-items:flex-start;margin-bottom:16px}
.feed-av{width:30px;height:30px;border-radius:50%;background:#38445F;flex:none}
.feed-lines{flex:1;display:flex;flex-direction:column;gap:6px}
.feed-lines i{display:block;height:8px;border-radius:4px;background:#333F58}
.feed-img{height:74px;border-radius:12px;background:linear-gradient(120deg,#2A3550,#3B4869);margin-bottom:16px}

.qcard{
  position:relative;z-index:3;margin:auto 12px 14px;
  border-radius:22px;padding:17px 16px 15px;
  background:linear-gradient(165deg,rgba(24,32,54,.99),rgba(13,18,33,.99));
  border:1px solid rgba(139,123,255,.3);
  box-shadow:0 20px 44px -14px rgba(0,0,0,.95);
  animation:pop 6s var(--ease) infinite;
}
@keyframes pop{0%,72%,100%{transform:translateY(0);opacity:1}82%{transform:translateY(8px);opacity:.85}}
.qcard-top{display:flex;align-items:center;gap:7px;margin-bottom:11px;font-size:11.5px;font-weight:700;color:#B6ABFF}
.qcard-top svg{width:13px;height:13px}
.qcard h4{font-family:"Heebo";font-weight:700;font-size:14.5px;line-height:1.45;color:#E8EDF8;margin:0 0 12px}
.opt{
  display:flex;align-items:center;gap:8px;padding:8.5px 11px;border-radius:11px;margin-bottom:6px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);
  font-size:12.5px;color:#9AA6BE;font-weight:600;
}
.opt i{width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);flex:none}
.opt.ok{background:rgba(79,227,176,.12);border-color:rgba(79,227,176,.42);color:#BEF3DE}
.opt.ok i{border-color:var(--mint);background:var(--mint);position:relative}
.opt.ok i::after{
  content:"";position:absolute;inset:0;background:#04140F;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/9px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/9px no-repeat;
}

/* ---- אייקוני אפליקציות שמזנקים מהמסך ---- */
.app{
  position:absolute;z-index:4;
  width:52px;height:52px;border-radius:15px;
  display:grid;place-items:center;color:#fff;
  box-shadow:0 18px 34px -10px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.28);
  animation:float 6.5s var(--ease) infinite;
}
.app svg{width:29px;height:29px}
.app b{font-family:"Heebo";font-weight:800;font-size:15px;letter-spacing:-.04em;line-height:1}
.app b.nf{font-size:26px;color:#E50914;letter-spacing:-.06em}

/* צד ההתחלה (ימין) */
.app-yt  {background:linear-gradient(150deg,#FF4B4B,#E00000);            top:0%;  inset-inline-start:6%;  transform:rotate(-8deg); animation-delay:0s}
.app-fb  {background:linear-gradient(150deg,#3B8BFF,#0A5FD8);            top:20%; inset-inline-start:-5%; transform:rotate(6deg);  animation-delay:-1.3s}
.app-ynet{background:linear-gradient(150deg,#FF5A4E,#C81A10);            top:41%; inset-inline-start:3%;  transform:rotate(-5deg); animation-delay:-2.6s}
.app-nf  {background:linear-gradient(150deg,#23232B,#0B0B10);            top:62%; inset-inline-start:-6%; transform:rotate(7deg);  animation-delay:-3.9s;border:1px solid rgba(229,9,20,.4)}
.app-wa  {background:linear-gradient(150deg,#41E37A,#12A84C);            top:83%; inset-inline-start:4%;  transform:rotate(9deg);  animation-delay:-5.2s}

/* צד הסיום (שמאל) */
.app-tt  {background:linear-gradient(150deg,#2B2B36,#0E0E14);            top:6%;  inset-inline-end:4%;   transform:rotate(7deg);  animation-delay:-.7s;border:1px solid rgba(37,244,238,.45)}
.app-ig  {background:linear-gradient(140deg,#FCC33C,#EE2A7B 52%,#6228D7);top:27%; inset-inline-end:-6%;  transform:rotate(-6deg); animation-delay:-2s}
.app-x   {background:linear-gradient(150deg,#26262E,#08080C);            top:48%; inset-inline-end:2%;   transform:rotate(5deg);  animation-delay:-3.3s;border:1px solid rgba(255,255,255,.22)}
.app-tg  {background:linear-gradient(150deg,#48B7EA,#1787C9);            top:69%; inset-inline-end:-5%;  transform:rotate(-7deg); animation-delay:-4.6s}
.app-sp  {background:linear-gradient(150deg,#2EE06A,#12A84C);            top:88%; inset-inline-end:5%;   transform:rotate(8deg);  animation-delay:-5.9s}

@media(max-width:560px){
  .phone{width:min(230px,62vw)}
  .app{width:42px;height:42px;border-radius:12px}
  .app svg{width:23px;height:23px}
  .app b{font-size:12px}
  .app b.nf{font-size:21px}
  .app-yt,.app-wa{inset-inline-start:0}
  .app-fb,.app-ynet,.app-nf{inset-inline-start:-2%}
  .app-tt,.app-sp{inset-inline-end:0}
  .app-ig,.app-x,.app-tg{inset-inline-end:-2%}
}

/* ============================================================
   תמחור
   ============================================================ */
.price-wrap{display:grid;place-items:center}
.price-card{
  position:relative;overflow:hidden;width:100%;max-width:660px;
  border-radius:var(--r-xl);padding:clamp(32px,5vw,56px);text-align:center;
  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,.42);
}
.price-card::before{content:"";position:absolute;top:0;inset-inline:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,227,176,.8),transparent)}
.price-card::after{content:"";position:absolute;top:-30%;inset-inline-end:-20%;width:65%;height:80%;background:radial-gradient(circle,rgba(79,227,176,.16),transparent 66%);filter:blur(26px);pointer-events:none}
.price-card > *{position:relative;z-index:1}
.price-kicker{font-family:"Heebo";font-weight:700;font-size:13.5px;letter-spacing:.13em;color:var(--teal);text-transform:uppercase}
.price-card h2{margin-top:14px;font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-.035em}
.price-card .lead{margin-top:16px;color:var(--muted);font-size:16.5px;line-height:1.7;max-width:38em;margin-inline:auto}

.price-num{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:30px 0 6px;font-family:"Heebo";letter-spacing:-.04em}
.price-num .amt{
  font-size:clamp(58px,11vw,84px);font-weight:900;line-height:1;
  background:linear-gradient(120deg,#9AF9DA,var(--mint) 45%,var(--teal));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.price-num .per{font-size:19px;font-weight:700;color:var(--muted)}

.price-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:11px;text-align:start;max-width:400px;margin-inline:auto}
.price-list li{display:flex;align-items:flex-start;gap:11px;font-size:16px;color:#C3CDE0}
.price-list svg{width:19px;height:19px;color:var(--mint);flex:none;margin-top:3px}

/* ---- קישור להנחת המנוי השנתי ---- */
.save-link{
  display:inline-flex;align-items:center;gap:11px;margin-top:28px;
  padding:11px 18px 11px 14px;border-radius:999px;
  background:linear-gradient(120deg,rgba(255,194,75,.14),rgba(139,123,255,.13));
  border:1px solid rgba(255,194,75,.34);
  font-family:"Heebo";font-weight:700;font-size:15px;color:#F2E4C6;
  transition:transform .22s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.save-link:hover{transform:translateY(-2px);border-color:rgba(255,194,75,.65);background:linear-gradient(120deg,rgba(255,194,75,.2),rgba(139,123,255,.18))}
.save-badge{
  background:linear-gradient(135deg,#FFD478,var(--amber));color:#2A1B00;
  font-size:12.5px;font-weight:800;padding:3px 10px;border-radius:999px;flex:none;
}
.save-link .arw{width:17px;height:17px;color:var(--amber);flex:none;stroke-width:2.2;transition:transform .25s var(--ease)}
.save-link:hover .arw{transform:translateX(-4px)}

.guarantee{
  display:inline-flex;align-items:center;gap:11px;margin-top:22px;
  padding:12px 20px;border-radius:999px;
  background:rgba(79,227,176,.08);border:1px solid rgba(79,227,176,.24);
  font-size:15px;font-weight:600;color:#B9E9D6;text-align:start;line-height:1.5;
}
.guarantee svg{width:20px;height:20px;color:var(--mint);flex:none}

.price-cta{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:14px}
.price-cta .sub{font-size:14px;color:var(--muted-2)}

/* ============================================================
   FOOTER
   ============================================================ */
.site-foot{border-top:1px solid var(--line);padding-block:38px;margin-top:clamp(30px,6vw,60px)}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14.5px;color:var(--muted-2)}
.foot-links a{transition:color .2s}
.foot-links a:hover{color:var(--mint)}
.foot-copy{font-size:13.5px;color:#5B6880}

/* ============================================================
   אנימציית חשיפה
   ============================================================ */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .moments .pill,.qcard,.app{animation:none}
  html{scroll-behavior:auto}
}