@font-face{font-family:"Talent";src:url("assets/fonts/Talent_FS-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Talent";src:url("assets/fonts/Talent_FS-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Discovery";src:url("assets/fonts/Discovery_Fs-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Discovery";src:url("assets/fonts/Discovery_Fs-Bold.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --turq:#b0f5fb;
  --turq-soft:#e3fbfd;
  --turq-deep:#14a9b6;
  --teal-ink:#0a6670;
  --lime:#e2f29a;
  --lime-soft:#f6fbdc;
  --royal:#1f6480;
  --royal-deep:#12415a;
  --ink:#081319;
  --ink-soft:#081319;
  --cream:#fbfdf8;
  --acc:#b5175e;
  --em:#00a2b8;
  --glow:#e9f6b4;
  --white:#fff;
  --line:rgba(15,26,61,.12);
  --radius:22px;
  --shadow:0 14px 40px -18px rgba(15,26,61,.35);
  --head:"Talent","Discovery",system-ui,sans-serif;
  --body:"Discovery",system-ui,-apple-system,"Segoe UI",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.7;color:var(--ink);background:var(--cream);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.15;letter-spacing:-.01em}
h2{font-size:clamp(28px,7.4vw,46px)}
h3{font-size:clamp(19px,5vw,23px);line-height:1.25}
p+p{margin-top:.9em}
strong{font-weight:700}

.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}
.narrow{max-width:680px}
section{padding-block:68px;position:relative}
.eyebrow{display:inline-block;font-family:var(--head);font-weight:700;font-size:14px;letter-spacing:.04em;padding:6px 14px;border-radius:999px;background:var(--lime);color:var(--ink);margin-bottom:16px}
.lead{font-size:clamp(18px,4.8vw,21px);line-height:1.6}
.h-sub{margin-top:14px;font-size:clamp(18px,4.8vw,21px);line-height:1.55;color:var(--ink-soft)}
.stack>*+*{margin-top:1em}
.punch{font-family:var(--head);font-weight:700;font-size:clamp(21px,5.6vw,28px);line-height:1.3}
mark{background:linear-gradient(transparent 55%,var(--lime) 55%);color:inherit;padding-inline:2px}
.grad{color:var(--em)}
.center{text-align:center}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--head);font-weight:700;font-size:18px;line-height:1.2;text-decoration:none;text-align:center;border:0;cursor:pointer;padding:16px 26px;border-radius:999px;background:var(--acc);color:#fff;box-shadow:0 14px 30px -14px rgba(0,0,0,.45);transition:transform .2s,box-shadow .2s}
.btn::after{content:"←";display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#fff;color:var(--acc);font-family:var(--body);transition:transform .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(0,0,0,.5)}
.btn:hover::after{transform:translateX(-4px)}
.btn.lime{background:#fff;color:var(--acc)}
.btn.lime::after{background:var(--acc);color:#fff}
.btn.small{font-size:15px;padding:10px 16px}
.btn.small::after{display:none}
.cta-row{margin-top:32px}

/* decorative shapes */
.spark{position:absolute;width:var(--s,44px);aspect-ratio:1;background:var(--c,var(--lime));clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);pointer-events:none;animation:twinkle 5s ease-in-out infinite}
@keyframes twinkle{50%{transform:scale(.8) rotate(20deg)}}

/* reveal */
.js .rv.step{opacity:0;translate:0 14px;transition:opacity .6s ease,translate .6s ease}
.js .rv.step.in{opacity:1;translate:none}

/* hand-drawn circles */
.circ{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h);pointer-events:none}
.circ svg{width:100%;height:100%;overflow:visible}
.circ path{fill:none;stroke:var(--acc);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;}
.wa .circ path{stroke-width:3.5}

/* logo (footer) */
.logo{font-family:var(--head);font-weight:700;font-size:21px;text-decoration:none;display:flex;align-items:center;gap:8px}
.logo::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--royal);box-shadow:8px 0 0 var(--lime);margin-inline-start:8px}

/* 1 hero */
.ty-top{padding-block:56px 48px;text-align:center}
.hero{padding-block:0}
.hero,.ty-top{background:radial-gradient(90% 55% at 100% 0,var(--glow) 0,transparent 60%),radial-gradient(90% 60% at 0 30%,#fff 0,transparent 75%),linear-gradient(180deg,#cff8fb 0,#e9fcfd 100%);overflow:hidden}
.hero::before,.ty-top::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero>*,.ty-top>*{position:relative;z-index:1}
.top-banner{margin:0 14px;padding:13px 12px 15px;background:#fff;border-radius:0 0 26px 26px;text-align:center;text-wrap:balance;font-weight:700;font-size:min(3.8vw,16.5px);line-height:1.45;box-shadow:0 12px 30px -18px rgba(15,26,61,.4)}
.hero-copy{padding-top:34px}
.hero h1{font-size:clamp(20px,6.9vw,58px);line-height:1.25}
.hero h1 .l{display:block;white-space:nowrap}
.hero h1 .grad{display:inline-block;margin:.14em 0;padding:.02em .4em .08em;border-radius:.28em;background:#6ee7f3;color:var(--ink);white-space:nowrap}
.hero .cta-row{text-align:center}
.hero .subs{margin-top:18px;font-size:clamp(18px,4.8vw,21px);line-height:1.55}
.hero .subs p+p{margin-top:.4em}
.hero .desc{margin-top:16px;color:var(--ink-soft)}
.hero-art{position:relative;margin:40px -20px 0;height:440px;overflow:hidden}
.wa-rows{position:absolute;inset:0 0 28px 0;display:grid;grid-template-rows:1fr 1fr;gap:12px;direction:ltr}
.wa-row{overflow:hidden;min-height:0}
.wa-track{display:flex;gap:12px;height:100%;width:max-content;animation:wa-slide 34s linear infinite}
.wa-row.rev .wa-track{animation-direction:reverse}
@keyframes wa-slide{to{transform:translateX(calc(-50% - 6px))}}
.wa-static{display:none}
.hero-me{position:absolute;z-index:2;top:14px;left:50%;height:128%;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 18px 26px rgba(15,26,61,.35))}
.bubble{position:absolute;z-index:2;max-width:210px;background:#fff;color:#111b21;font-size:14.5px;line-height:1.35;padding:8px 12px 6px;border-radius:14px;box-shadow:0 10px 26px -10px rgba(15,26,61,.45);animation:floaty 6s ease-in-out infinite}
.bubble.out{background:#d9fdd3}
@keyframes floaty{50%{transform:translateY(-8px)}}

/* 2 story */
.story{background:var(--cream)}
.story h2 span{display:block}
.story .text{margin-top:26px}
.story .punch{margin-top:28px;padding:20px 22px;border-radius:var(--radius);background:var(--turq-soft);border-inline-start:6px solid var(--turq-deep)}

/* 3 timeline */
.know{background:var(--turq-soft)}
.timeline{margin-top:36px;position:relative}
.timeline::before{content:"";position:absolute;inset-block:26px;inset-inline-start:25px;width:2px;background:repeating-linear-gradient(var(--royal) 0 6px,transparent 6px 12px)}
.timeline li{position:relative;padding-inline-start:68px}
.timeline li+li{margin-top:16px}
.timeline .num{position:absolute;inset-inline-start:0;top:14px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--royal);color:var(--royal);font-family:var(--head);font-weight:700;font-size:18px;box-shadow:0 0 0 6px var(--turq-soft)}
.card{background:#fff;border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow)}
.card p{margin-top:6px;color:var(--ink-soft)}
.after-note{margin-top:56px}

/* 4 pains */
.pains{background:linear-gradient(160deg,#14a9b6,var(--royal));color:#fff;border-radius:36px 36px 0 0;margin-top:-36px}
.pains .h-sub{color:rgba(255,255,255,.85)}
.grid4{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.note{background:var(--cream);color:var(--ink);border-radius:18px;padding:16px 14px 18px;position:relative}
.note:nth-child(odd){transform:rotate(.8deg)}
.note:nth-child(even){transform:rotate(-.8deg);background:var(--turq)}
.note:nth-child(3){background:var(--lime)}
.note .n{font-family:var(--head);font-weight:700;font-size:15px;color:var(--acc)}
.note h3{font-size:17.5px;margin-top:4px}
.note p{font-size:15px;line-height:1.55;margin-top:8px}
.pains .closing{margin-top:32px;padding:20px 22px;border:1.5px dashed rgba(255,255,255,.5);border-radius:var(--radius)}

/* 5 system */
.system{background:var(--cream)}
.system .text{margin-top:22px}
.orbit{position:relative;width:min(100%,340px);aspect-ratio:1;margin:44px auto 36px}
.orbit .ring{position:absolute;inset:var(--in);border-radius:50%;border:2px dashed var(--turq-deep);opacity:.55;animation:spin 50s linear infinite}
.orbit .ring.r2{border-color:var(--royal);opacity:.25;animation-direction:reverse;animation-duration:70s}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit .core{position:absolute;inset:34%;border-radius:50%;background:var(--royal);color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--head);font-weight:700;font-size:17px;line-height:1.2;box-shadow:0 0 0 10px rgba(31,100,128,.12)}
.orbit .chip{position:absolute;left:50%;top:50%;width:98px;margin:-21px 0 0 -49px;height:42px;display:grid;place-items:center;text-align:center;border-radius:999px;background:#fff;font-weight:700;font-size:13.5px;line-height:1.1;box-shadow:var(--shadow);border:1.5px solid var(--turq);transform:rotate(calc(var(--i)*60deg)) translateY(calc(var(--r)*-1)) rotate(calc(var(--i)*-60deg));--r:min(36vw,132px)}
.orbit .chip:nth-of-type(odd){background:var(--lime);border-color:var(--lime)}
.system .punch mark{background:linear-gradient(transparent 55%,var(--turq) 55%)}

/* 6 landing */
.landing{background:var(--lime-soft)}
.landing .text{margin-top:24px}
.marquee{direction:ltr;margin-top:40px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,rgba(15,26,61,.28),transparent)}
.marquee::after{right:0;background:linear-gradient(-90deg,rgba(15,26,61,.28),transparent)}
.track{display:flex;gap:16px;width:max-content;padding-block:14px 26px;animation:slide 38s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.track img{width:190px;height:auto;border-radius:20px;border:5px solid var(--ink);box-shadow:0 18px 30px -18px rgba(15,26,61,.6)}
.track img:nth-child(even){margin-top:14px}
@keyframes slide{to{transform:translateX(calc(-50% - 8px))}}
.landing .after{margin-top:34px}
.landing .big{font-family:var(--head);font-weight:700;font-size:clamp(24px,6.4vw,34px);line-height:1.25;margin-top:14px}

/* 7 results */
.results{background-color:#fff;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px}
.results .text{margin-top:24px;background:rgba(255,255,255,.9);border-radius:var(--radius);padding:4px 0}
.collage{margin-top:38px;position:relative;display:grid;gap:14px}
.collage::before,.collage::after{content:"";position:absolute;border-radius:24px;z-index:0}
.collage::before{background:var(--turq);inset:-14px 18% 55% -10px}
.collage::after{background:var(--lime);inset:48% -10px -14px 22%}
.shot{position:relative;z-index:1;border-radius:14px;box-shadow:var(--shadow);background:#fff}
.shot img{width:100%;border-radius:14px;border:1px solid var(--line)}
.shot:nth-child(odd){transform:rotate(-1deg)}
.shot:nth-child(even){transform:rotate(1deg)}
.results .after{margin-top:40px}

/* 8 reviews */
.reviews{background:var(--royal-deep);color:#fff;margin-top:70px;padding-top:6px;overflow:visible}
.reviews h2{text-wrap:balance}
.reviews::before{content:"";position:absolute;top:-70px;left:-25%;width:150%;height:160px;border-radius:50%;background:var(--royal-deep)}
.reviews>*{position:relative}
.over{font-family:var(--head);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--turq);margin-bottom:8px}
.results{overflow:hidden}
.swipe{margin-top:30px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 18px;margin-inline:-20px;scrollbar-width:none;align-items:center}
.swipe::-webkit-scrollbar{display:none}
.swipe>*{flex:0 0 84%;scroll-snap-align:center}
.wa{position:relative;border-radius:18px;overflow:hidden;border:4px solid #fff;box-shadow:0 20px 40px -20px #000}
.wa img{width:100%}
.swipe-hint{margin-top:26px;font-size:14px;opacity:.75}
.g-card{background:#fff;color:var(--ink);border-radius:18px;padding:18px 18px 20px;font-size:15.5px;line-height:1.6}
.g-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.g-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex:none;background:var(--c,#5b3fd6)}
.g-name{font-weight:700;line-height:1.2}
.g-stars{color:#fbbc04;letter-spacing:2px;font-size:15px;line-height:1}
.g-badge{margin-inline-start:auto;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:#f1f3f4;color:#3c4043;white-space:nowrap}
.g-badge b{color:#4285f4}

/* 9 vision */
.vision{background:linear-gradient(180deg,var(--turq) 0,var(--turq-soft) 100%)}
.vision .text{margin-top:24px}
.cal{margin:36px auto 0;max-width:420px;background:#fff;border-radius:var(--radius);padding:16px 14px 14px;box-shadow:var(--shadow);transform:rotate(-1.5deg);border-top:14px solid var(--royal)}
.cal-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--head);font-weight:700;margin-bottom:10px}
.cal-head span{font-size:12px;font-family:var(--body);background:var(--lime);border-radius:999px;padding:2px 10px}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-grid b{font-size:11px;text-align:center;color:var(--ink-soft);font-weight:400}
.cal-grid i{font-style:normal;min-height:46px;border-radius:8px;background:#f5f7fb;padding:3px 4px;font-size:10px;color:var(--ink-soft);display:flex;flex-direction:column;gap:2px}
.cal-grid u{text-decoration:none;display:block;border-radius:4px;font-size:9.5px;line-height:1.5;font-weight:700;text-align:center;color:var(--ink);background:var(--turq)}
.cal-grid u.l{background:var(--lime)}
.cal-grid u.r{background:var(--royal);color:#fff}

/* forms */
.form-sec{background:var(--cream)}
.form-box{background:linear-gradient(140deg,var(--royal-deep),var(--royal) 60%,var(--turq-deep));color:#fff;border-radius:30px;padding:30px 20px 22px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.form-box h2{font-size:clamp(26px,6.8vw,40px)}
.form-box .intro{margin-top:14px}
.form-box .who{margin-top:14px;font-size:15px;opacity:.85}
form{margin-top:24px;background:#fff;color:var(--ink);border-radius:22px;padding:22px 18px;display:grid;gap:14px}
label{display:block;font-weight:700;font-size:15px}
input[type=text],input[type=tel],input[type=email],textarea{display:block;width:100%;margin-top:6px;font:inherit;font-size:16px;color:var(--ink);padding:13px 14px;border-radius:12px;border:1.5px solid #d6dbea;background:#f8f9fd;transition:border-color .2s,box-shadow .2s}
input[type=tel],input[type=email]{direction:ltr;text-align:right}
textarea{min-height:92px;resize:vertical}
input:focus,textarea:focus{outline:0;border-color:var(--royal);box-shadow:0 0 0 4px rgba(31,100,128,.15)}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.5}
.consent input{width:20px;height:20px;margin-top:1px;accent-color:var(--royal);flex:none}
form .btn{width:100%}
.scarce{text-align:center;font-size:14.5px;font-weight:700;color:var(--acc)}
.form-msg{display:none;text-align:center;font-weight:700;padding:10px;border-radius:12px;background:var(--lime-soft)}
.form-msg.show{display:block}
.form-msg.err{background:#ffe9e6;color:#a1271a}

/* 11 months */
.months{background:var(--turq-soft)}
.month{margin-top:44px}
.month-head{display:flex;align-items:flex-end;gap:14px}
.month-head .big{font-family:var(--head);font-weight:700;font-size:92px;line-height:.8;color:var(--royal)}
.month:nth-of-type(2) .big{color:var(--turq-deep)}
.month:nth-of-type(3) .big{color:var(--ink)}
.month-head small{display:block;font-size:14px;font-weight:700;color:var(--ink-soft)}
.month-head h3{font-size:clamp(21px,5.6vw,27px)}
.month>p{margin-top:14px}
.steps{margin-top:18px;display:grid;gap:12px}
.steps .card{position:relative;padding-inline-start:66px}
.steps .n{position:absolute;inset-inline-start:18px;top:20px;width:36px;height:36px;border-radius:12px;background:var(--lime);display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:15px}
.aside{margin-top:16px;padding:16px 18px;border-radius:18px;background:#12303d;color:#fff;font-size:16px}

/* 12 folder */
.outcome{background:var(--cream)}
.folder{margin-top:40px;position:relative;background:var(--royal);color:#fff;border-radius:6px 22px 22px 22px;padding:26px 18px 22px}
.folder::before{content:"המנגנון שלכם";position:absolute;bottom:100%;inset-inline-start:0;background:var(--royal);border-radius:14px 14px 0 0;padding:6px 22px 2px;font-family:var(--head);font-weight:700;font-size:15px}
.folder::after{content:"";position:absolute;top:-10px;inset-inline-end:26px;width:14px;height:44px;border:3px solid #c9d0e6;border-radius:8px;border-bottom:0}
.folder ul{display:grid;gap:10px}
.folder li{background:#fff;color:var(--ink);border-radius:14px;padding:14px 16px 14px 14px;padding-inline-start:46px;position:relative}
.folder li::before{content:"✓";position:absolute;inset-inline-start:12px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:700;font-size:14px}
.folder li p{font-size:15.5px;color:var(--ink-soft);margin-top:2px;line-height:1.5}
.outcome .punch{margin-top:30px;font-size:clamp(19px,5vw,24px)}

/* 13 after */
.afterwards{background:#fff}
.three{margin-top:30px;display:grid;gap:14px}
.three .card{border:1.5px solid var(--line);box-shadow:none;padding-top:54px;position:relative}
.three .card::before{content:"";position:absolute;top:18px;inset-inline-start:22px;width:28px;height:28px;background:var(--c,var(--royal));clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.three .card p{margin-top:0;color:var(--ink)}
.afterwards .punch{margin-top:26px}

/* 14 fit */
.fit{background:var(--lime-soft)}
.fit-box{margin-top:30px;border-radius:var(--radius);padding:24px 20px;background:#fff;border:2px solid #b9e3a6}
.fit-box.no{border-color:#f3c1c1;background:#fff8f7;margin-top:18px}
.fit-box h3{margin-bottom:14px}
.fit-box li{position:relative;padding-inline-start:38px}
.fit-box li+li{margin-top:12px}
.fit-box li::before{content:"✓";position:absolute;inset-inline-start:0;top:2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#58b947;color:#fff;font-size:14px;font-weight:700}
.fit-box.no li::before{content:"✕";background:#ffdada;color:#d63b3b}
.fit .closing{margin-top:26px}

/* 15 no template */
.custom{background:#12303d;color:#fff}
.custom .h-sub{color:var(--turq)}
.pairs{margin-top:34px;display:grid;gap:22px}
.pair{display:grid;gap:0;justify-items:center}
.pair div{width:100%;background:rgba(255,255,255,.08);border:1.5px solid rgba(176,245,251,.4);border-radius:18px;padding:16px 18px;text-align:center}
.pair div:last-child{background:rgba(212,249,74,.1);border-color:rgba(212,249,74,.5)}
.pair span{position:relative;z-index:1;margin-block:-8px;background:var(--lime);color:var(--ink);font-weight:700;font-size:14px;padding:4px 14px;border-radius:999px}
.tags{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}
.tags li{padding:8px 16px;border-radius:999px;border:1.5px solid var(--turq);font-weight:700;font-size:16px}
.custom .punch{margin-top:30px}
.custom mark{background:linear-gradient(transparent 55%,var(--turq-deep) 55%)}
.custom .end{margin-top:30px}
.custom .end .punch{margin-top:6px;color:var(--lime)}
.bridge{margin-top:40px;text-align:center;font-family:var(--head);font-weight:700;font-size:clamp(20px,5.4vw,26px);color:var(--turq)}

/* 16 about */
.about{background:var(--turq-soft)}
.about-art{position:relative;width:min(100%,380px);margin:30px auto;padding:14px 14px 0}
.about-photo{aspect-ratio:1/1.1;border-radius:32px;overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow);transform:rotate(-2deg)}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:56% 20%}
.about .bubble{font-size:15.5px;font-weight:700}
.about .b1{top:4%;inset-inline-start:-2%;border-end-start-radius:3px}
.about .b2{top:44%;inset-inline-end:-3%;animation-delay:-2s;border-end-end-radius:3px}
.about .b3{bottom:6%;inset-inline-start:2%;animation-delay:-4s;border-end-start-radius:3px}
.about .text{margin-top:18px}
.about .goal{margin-top:24px;padding:22px;border-radius:var(--radius);background:var(--royal);color:#fff}
.about .goal .punch{margin-top:4px;color:var(--lime)}
.about .text2{margin-top:24px}

/* 17 faq */
.faq{background:var(--cream)}
.faq-list{margin-top:30px;display:grid;gap:10px}
details{background:#fff;border-radius:18px;border:1.5px solid var(--line);overflow:hidden}
details[open]{border-color:var(--royal)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 18px;font-family:var(--head);font-weight:700;font-size:18.5px;line-height:1.3}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--turq);display:grid;place-items:center;font-family:var(--body);font-size:20px;transition:transform .25s,background .25s}
details[open] summary::after{transform:rotate(45deg);background:var(--lime)}
.ans{padding:0 18px 20px;color:var(--ink-soft)}
.ans p:first-child{color:var(--ink);font-weight:700}
.ans p+p{margin-top:.6em}

/* 18 final */
.final{background:var(--royal-deep);color:#fff;border-radius:36px 36px 0 0}
.final .form-box{background:none;box-shadow:none;padding:0;overflow:visible}
.final .nots{margin-top:22px;display:grid;gap:8px}
.final .nots li{padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.1);font-weight:700}
.final .nots li::before{content:"✕";color:var(--lime);margin-inline-end:10px}
.final .text{margin-top:22px}
.final .soft{font-size:15.5px;opacity:.85}
footer{background:var(--royal-deep);color:rgba(255,255,255,.7);text-align:center;font-size:14px;padding:26px 20px 96px}
footer .logo{justify-content:center;color:#fff;margin-bottom:6px}

/* sticky cta */
.sticky{position:fixed;bottom:12px;left:50%;z-index:20;transform:translate(-50%,160%);transition:transform .35s ease}
.sticky.show{transform:translate(-50%,0)}

/* hero art: מלבנים + סימון */
.hero-art{height:362px}
.wa-rows{inset:0 0 auto 0;height:320px;gap:10px}
.wa-track{gap:10px;animation-duration:44s}
@keyframes wa-slide{to{transform:translateX(calc(-50% - 5px))}}
.wt{position:relative;flex:none;height:100%;aspect-ratio:var(--ar,3/2);margin:0;border-radius:16px;overflow:hidden;border:3px solid #fff;box-shadow:0 12px 26px -16px rgba(15,26,61,.6)}
.wt img{width:100%;height:100%;object-fit:cover}
.hl{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h);background:#d8f04a;mix-blend-mode:multiply;border-radius:5px;transform:rotate(-1deg)}
.hero-me{top:64px;height:475px}

/* 2 */
.story .punch{padding:0;background:none;border:0;font-size:clamp(24px,6.6vw,32px);line-height:1.35}

/* 3: הופעה שלב-שלב */

/* 5 */
.system .orbit{margin:38px auto 34px}
.system .punch{margin-bottom:24px}

/* 6 */
.marquee{margin-top:32px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.marquee::before,.marquee::after{content:none}
.track{gap:12px;padding-block:8px 20px}
@keyframes slide{to{transform:translateX(calc(-50% - 6px))}}
.track img,.track img:nth-child(even){width:140px;margin-top:0;border:0;border-radius:14px;outline:1px solid rgba(18,48,61,.14);outline-offset:-1px;box-shadow:0 10px 20px -16px rgba(15,26,61,.45)}

/* 7 */
.results{background-image:linear-gradient(rgba(15,26,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,26,61,.045) 1px,transparent 1px)}
.results .text{background:none;padding:0}

/* 8: שני טורים */
.rev-cols{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.rev-col{display:grid;gap:10px}
.rev-col>*{margin:0}
.rev-cols .wt{height:auto;aspect-ratio:auto;border-width:2px;border-radius:12px}
.rev-cols .wt img{height:auto}
.gb{background:#fff;color:#111b21;border-radius:12px;border-start-end-radius:3px;padding:8px 10px 6px;font-size:13.5px;line-height:1.5}
.gb b{display:block;font-size:12.5px;color:var(--c)}
.gb small{display:block;margin-top:4px;font-size:11px;color:#667781;text-align:left}
.gb small i{color:#fbbc04;font-style:normal;letter-spacing:1px}

/* 9 */
.cal-grid u.g{background:#58b947;color:#fff}
.js .cal u{opacity:0;scale:.4;transition:opacity .35s,scale .35s cubic-bezier(.3,1.6,.6,1)}
.js .cal.in u{opacity:1;scale:1}

/* 10 */
form{gap:10px;padding:22px 20px}
label{font-size:14px}
input[type=text],input[type=tel],textarea{margin-top:3px;padding:6px 12px;line-height:1.3;border-width:1px;border-radius:9px}
textarea{min-height:76px}
.scarce{white-space:nowrap;font-size:13.5px}

/* 11 */
body{overflow-x:clip}
section{overflow-x:clip}
.month-head{display:block}
.mlabel{font-family:var(--head);font-weight:700;font-size:56px;line-height:1;margin-bottom:6px}
.mlabel span{color:transparent;-webkit-text-stroke:1.6px var(--royal)}
.mlabel b{color:var(--royal)}
.steps{gap:12px}

/* 12 */
.folder{margin-top:60px;border-radius:22px 0 22px 22px;padding:18px 12px 14px}
.folder::before{bottom:calc(100% - 1px);padding:9px 26px 5px;border-radius:16px 16px 0 0}
.folder::after{top:-14px;inset-inline-end:30px;z-index:2;width:15px;height:50px;border:3px solid #b9c3cc;border-bottom:0;border-radius:9px;transform:rotate(4deg)}
.folder ul{gap:0;background:var(--cream);border-radius:14px;padding:4px 14px;transform:rotate(-.5deg)}
.folder li{background:none;border-radius:0;padding:14px 0;padding-inline-start:36px;border-bottom:1.5px dashed rgba(18,48,61,.2)}
.folder li:last-child{border-bottom:0}
.folder li::before{inset-inline-start:0}

/* טקסט רץ גדול יותר ורווחים קטנים יותר */
body{font-size:19.5px;line-height:1.6}
p+p{margin-top:.6em}
.stack>*+*{margin-top:.7em}
.lead{font-size:clamp(19px,5.2vw,21px)}
.note p{font-size:16px}
.folder li p{font-size:16.5px}
.fit-box li{font-size:min(4.9vw,19px);font-weight:700;line-height:1.45}
.fit-box li+li{margin-top:10px}
.custom .punch{margin-top:58px;font-size:clamp(27px,7.2vw,46px);line-height:1.2}
.orbit .chip[style*="--i:0"],.orbit .chip[style*="--i:3"]{--r:min(43vw,163px)}
.js .steps .rv.step{translate:0 14px;transition-delay:calc(var(--i,0)*90ms)}
.month+.month{margin-top:84px}
.month>.aside{margin-top:44px}
.custom .qs+h2{margin-top:68px}
/* 13 */
.h1-sub{margin-top:20px;font-family:var(--head);font-weight:700;letter-spacing:.03em;font-size:clamp(16px,4.6vw,22px);line-height:1.3}
.punch,.story .punch,.after-lead{font-size:clamp(19px,5vw,24px);line-height:1.4}
.bridge{font-size:clamp(18px,4.8vw,22px)}
.note:nth-child(4){background:var(--cream)}
.bridge{margin-top:60px}
summary{font-size:min(4vw,17px);padding:14px 12px;gap:6px}
summary::after{width:24px;height:24px;font-size:17px}
.ans{padding:0 14px 18px;font-size:16.5px;line-height:1.6}
.hero-copy{text-align:center}
.outcome .wrap>p{margin-top:28px}
.nw,.hero h1 mark{white-space:nowrap}
.outcome{padding-bottom:30px}
.afterwards{background:var(--cream);padding-top:26px}
.btn{font-size:16.5px;padding:11px 20px;gap:10px;white-space:nowrap}
.btn::after{width:26px;height:26px;font-size:14px}
.after-lead{margin-top:14px;font-family:var(--head);font-weight:700}
.options{margin-top:26px;display:grid;justify-items:center}
.opt{width:100%;background:var(--turq-soft);border-radius:var(--radius);padding:20px 22px}
.or+.opt{background:var(--lime-soft)}
.opt b{display:inline-block;font-family:var(--head);font-size:13px;background:var(--ink);color:#fff;border-radius:999px;padding:3px 12px;margin-bottom:8px}
.or{position:relative;z-index:1;margin-block:-10px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff;font-family:var(--head);font-weight:700}

/* 15: שאלות */
.qs{margin-top:26px}
.qs li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16);font-family:var(--head);font-weight:700;font-size:19px;line-height:1.3}
.qs li:last-child{border-bottom:0}
.qs li::before{content:"?";flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff;font-size:18px}
.js .qs li{opacity:0;translate:0 8px;transition:opacity .45s,translate .45s}
.js .qs.in li{opacity:1;translate:none}

.wa-mini{display:block;margin-top:12px;text-align:center;font-size:13.5px;color:rgba(255,255,255,.75);text-underline-offset:3px}
/* מלכודת בוטים: שדה שאנשים לא רואים ולא ממלאים */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
/* באנר הסכמה לקוקיז - מופיע רק כשמוגדר פיקסל */
.consent-bar{position:fixed;inset:auto 12px 12px 12px;z-index:60;max-width:520px;margin-inline:auto;background:#fff;color:var(--ink);border-radius:18px;padding:16px 18px;box-shadow:0 18px 50px -14px rgba(0,0,0,.45);font-size:15px;line-height:1.5}
.consent-bar p{margin:0}
.consent-bar a{color:var(--royal)}
.consent-bar div{display:flex;gap:10px;margin-top:12px}
.consent-bar button{flex:1;font:700 15px var(--body);padding:10px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}
.consent-bar button[data-c=yes]{background:var(--ink);color:#fff}
/* עמודים משפטיים + קישורי פוטר */
.foot-links{margin:4px 0 8px;font-size:15px}
.foot-links a{color:#fff;text-underline-offset:3px}
.legal-page{background:var(--cream)}
.legal{padding-block:36px 64px}
.legal-back{display:inline-block;margin-bottom:22px;font-weight:700;color:var(--royal);text-decoration:none}
.legal h1{font-size:clamp(30px,8vw,44px);margin-bottom:6px}
.legal h2{font-size:clamp(21px,5.6vw,26px);margin:34px 0 10px}
.legal p{margin-top:.7em}
.legal ul{margin-top:.6em;padding-inline-start:22px;list-style:disc}
.legal li+li{margin-top:.35em}
.legal a{color:var(--royal);text-underline-offset:3px}
.legal-date{color:var(--royal);font-weight:700;font-size:16px}

/* ---------- tablet ---------- */
@media (min-width:640px){
  section{padding-block:88px}
  .grid4{gap:18px}
  .note{padding:22px}
  .note h3{font-size:20px}
  .note p{font-size:16px}
  .collage{grid-template-columns:1fr 1fr;gap:18px}
  .pair{grid-template-columns:1fr auto 1fr;align-items:center}
  .pair span{margin:0 -10px}
  .pair div{height:100%;display:grid;place-items:center}
  .swipe>*{flex-basis:46%}
  .three{grid-template-columns:repeat(3,1fr)}
  .form-box{padding:44px 40px 36px}
  form{padding:28px}
  .track img{width:220px}
}

/* ---------- desktop ---------- */
@media (min-width:960px){
  body{font-size:18px}
  .sticky{display:none}
  footer{padding-bottom:30px}
  .split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  .split.flip{grid-template-columns:.9fr 1.1fr}
  .hero .split{align-items:end}
  .top-banner{max-width:720px;margin-inline:auto;font-size:18px}
  .hero-copy{padding-block:50px 90px}
  .hero h1 .l{display:block}
  .hero-art{margin:40px 0 0;height:560px}
  .bubble{font-size:16px;max-width:240px}
  .timeline{max-width:760px}
  .grid4{grid-template-columns:repeat(4,1fr)}
  .orbit{width:400px;margin-block:0}
  .orbit .chip{--r:160px;width:118px;margin-left:-59px;font-size:15px;height:46px;margin-top:-23px}
  .orbit .core{font-size:20px}
  .track img{width:250px}
  .collage{grid-template-columns:1fr 1fr 1fr;gap:22px}
  .swipe{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;margin-inline:0;padding-inline:0;gap:20px}
  .swipe .tall{grid-row:span 2}
  .swipe.g{display:block;columns:3;column-gap:20px}
  .swipe.g>*{break-inside:avoid;margin-bottom:20px}
  .swipe-hint{display:none}
  .form-box.split{grid-template-columns:1fr 1fr;align-items:center}
  .form-box form{margin-top:0}
  .steps{grid-template-columns:repeat(3,1fr)}
  .steps .card{padding:66px 22px 22px;position:relative;top:auto}
  .month-head{position:static}
  .folder ul{grid-template-columns:repeat(3,1fr)}
  .fit-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:start}
  .fit-box.no{margin-top:30px}
  .about-art{margin-bottom:0}
  .faq-list{max-width:820px;margin-inline:auto}
  .final .form-box.split{align-items:start}
}

/* ---------- התאמות טאבלט/דסקטופ לסקשנים שעודכנו ---------- */
@media (min-width:640px){
  .collage{align-items:start}
  .rev-cols{display:block;columns:3;column-gap:14px}
  .rev-col{display:contents}
  .rev-col>*{break-inside:avoid;margin-bottom:14px}
  .gb{font-size:14.5px}
  .options{grid-template-columns:1fr auto 1fr;align-items:stretch}
  .or{align-self:center;margin:0 -12px}
  summary{font-size:20px;padding:18px 20px}
  .ans{font-size:17px}
  .track img,.track img:nth-child(even){width:170px}
}
@media (min-width:960px){
  /* הירו: מבנה ממורכז, הודעות סטטיות משני הצדדים */
  .hero{border-radius:0 0 48px 48px}
  .hero .wrap.split{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
  .hero-copy{display:contents}
  .hero h1{font-size:46px;max-width:800px;margin-top:44px;text-wrap:balance}
  .hero h1 .l{display:block}
  .h1-sub{font-size:20px;margin-top:22px}
  .hero .subs,.hero .desc{max-width:660px}
  .hero .subs{font-size:19px}
  .hero .cta-row{margin:0;padding-top:26px}
  .hero-art{width:100%;max-width:1060px;height:580px;margin:34px 0 0;overflow:visible;overflow-y:clip}
  .wa-rows{display:none}
  .wa-static{display:block}
  .wa-static .wt{position:absolute;width:310px;height:auto}
  .wa-static .wt:nth-child(1){right:0;top:16px;transform:rotate(2.5deg)}
  .wa-static .wt:nth-child(2){right:118px;top:196px;transform:rotate(-2deg);z-index:1}
  .wa-static .wt:nth-child(3){right:6px;top:372px;transform:rotate(2deg)}
  .wa-static .wt:nth-child(4){left:0;top:16px;transform:rotate(-2.5deg)}
  .wa-static .wt:nth-child(5){left:118px;top:196px;transform:rotate(2deg);z-index:1}
  .wa-static .wt:nth-child(6){left:6px;top:372px;transform:rotate(-2deg)}
  .hero-me{top:0;height:790px}
  /* פרופורציות דסקטופ */
  h2{font-size:38px}
  .punch,.story .punch,.after-lead{font-size:22px}
  .lead,.h-sub{font-size:20px}
  .mlabel{font-size:48px}
  .month-head h3{font-size:25px}
  .rev-cols{columns:3;column-gap:18px}
  .rev-col>*{margin-bottom:18px}
  .gb{font-size:15.5px;padding:12px 14px 10px}
  .gb b{font-size:14px}
  .gb small{font-size:12px}
  .track img,.track img:nth-child(even){width:210px}
  .qs li{font-size:20px}
  .bridge{margin-top:40px}
  .qs{display:grid;grid-template-columns:1fr 1fr;column-gap:44px}
  .qs li:nth-last-child(2){border-bottom:0}
  /* תוצאות: טקסט מימין, מלבנים משמאל */
  .results .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}
  .results .stack>*+*{margin-top:.75em}
  .results .wrap p{font-size:18.5px;line-height:1.75}
  .results .wrap>.narrow{grid-column:1;max-width:none}
  .results .wrap>.narrow:first-child{grid-row:1;align-self:end}
  .results .wrap>.after{grid-row:2;align-self:start;margin-top:22px}
  .results .collage{grid-column:2;grid-row:1/span 2;align-self:center;margin-top:0;grid-template-columns:1fr 1fr;gap:18px}
  .results .shot:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}
  /* תרשים משמאל לטקסט */
  .system .wrap{max-width:1120px;display:grid;grid-template-columns:1fr 430px;column-gap:70px;align-items:start}
  .system .wrap>*{grid-column:1}
  .system .orbit{grid-column:2;grid-row:1/span 5;align-self:center;margin:0;width:430px}
  .system .punch{text-align:start;margin-top:26px}
  .orbit .chip{--r:172px}
  .orbit .chip[style*="--i:0"],.orbit .chip[style*="--i:3"]{--r:206px}
  /* קרוסלת דפי נחיתה מצומצמת */
  .landing .marquee{max-width:820px;margin-inline:auto}
  /* הפרדה בין חודשים */
  .month+.month{position:relative;margin-top:70px;padding-top:70px}
  .month+.month::before{content:"";position:absolute;top:0;inset-inline:0;border-top:2px dashed rgba(31,100,128,.35)}
  .month+.month::after{content:"↓";position:absolute;top:-21px;left:50%;translate:-50% 0;width:42px;height:42px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:19px;box-shadow:0 0 0 8px var(--turq-soft)}
  /* טופס סיום ממורכז מול הטקסט */
  .final .form-box.split{align-items:center}
  /* ומה קורה אחרי */
  .afterwards .wrap{max-width:1040px}
  .opt{padding:30px 34px;font-size:19px}
  .opt b{font-size:14.5px;margin-bottom:12px}
  .or{width:54px;height:54px;font-size:19px}
  .folder ul{column-gap:28px;padding:10px 22px}
  .folder li:nth-last-child(-n+3){border-bottom:0}
  .about .wrap{max-width:1120px;display:grid;grid-template-columns:1fr 400px;column-gap:64px;align-items:start}
  .about .wrap>*{grid-column:1}
  .about .about-art{grid-column:2;grid-row:1/span 3;align-self:center;margin:0;width:100%}
}

/* דף תודה */
.ty-tag{display:inline-block;font-family:var(--head);font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px;background:var(--lime);margin-bottom:18px}
.ty-top h1{font-size:clamp(28px,8vw,46px);text-wrap:balance}
.ty-top .lead{margin-top:16px;text-wrap:balance}
.ty-pill{display:inline-block;margin-top:.12em;padding:.02em .4em .08em;border-radius:.28em;background:#6ee7f3;white-space:nowrap}
.ty-hint{margin-top:22px;font-weight:700;font-size:16.5px}
.ty-steps{background:var(--cream);padding-block:52px 64px}
.ty-steps>.wrap>h2{font-size:clamp(24px,6.4vw,34px);text-align:center;text-wrap:balance}
.ty-steps .card h3{font-size:clamp(18px,4.8vw,21px)}
.ty-steps .card{border:2px solid var(--royal-deep);box-shadow:5px 5px 0 #6ee7f3}
.ty-steps li:nth-child(even) .card{box-shadow:5px 5px 0 #d3e86a}
.ty-steps .card p,.ty-mile,.ty-box p,.ty-me p{font-size:17px;line-height:1.6}
.ty-mile{margin-top:12px;padding:16px 18px;border-radius:var(--radius);background:var(--lime-soft);border:1.5px dashed var(--royal)}
.ty-box{margin-top:44px;padding:28px 24px;border-radius:26px;background:var(--royal-deep);color:#fff}
.ty-box h2{font-size:clamp(24px,6.4vw,32px);color:var(--lime)}
.ty-box p{margin-top:12px}
.ty-me{margin-top:44px;display:grid;gap:20px;justify-items:center;text-align:center}
.ty-me img{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:4px solid #fff;box-shadow:var(--shadow)}
.ty-me p{margin-top:10px}
.ty-ig{margin-top:30px;text-align:center}
.ty-sign{font-family:var(--head);font-weight:700;font-size:22px!important}
@media (min-width:760px){
  .ty-top{padding-block:84px 70px;border-radius:0 0 48px 48px}
  .ty-me{grid-template-columns:150px 1fr;justify-items:start;text-align:start;align-items:start}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;translate:none}
  .circ path{stroke-dashoffset:0}
  .marquee{overflow-x:auto}
}