motiondesk-studio 0.0.0-stage → 1.3.0

package/LICENSE

@@ -0,0 +1,8 @@
+MotionDesk Studio
+Copyright (c) 2026 Oren Libane. All rights reserved.
+
+This package is published publicly on npm so it can be installed and run with `npx motiondesk-studio`.
+Using the software to create videos is permitted. Redistribution or modification of the software
+itself requires written permission from the copyright holder.
+
+Third-party components keep their own licenses — see THIRD_PARTY_NOTICES.md.

package/README.md

@@ -1,3 +1,54 @@
-# Temporary Holding Version
+# MotionDesk Studio
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+סטודיו לסרטוני מושן בעברית (RTL), שרץ אצלכם במחשב בפקודה אחת:
+
+```bash
+npx motiondesk-studio
+```
+
+הדפדפן נפתח בכתובת `http://127.0.0.1:5199` עם ארבע דרכים פשוטות ליצור סרטון:
+
+1. **בוחרים תבנית.** כותבים נושא בתיבת החיפוש ומקבלים תבניות מתאימות מתוך 420 תבניות Motion ב־31 קטגוריות (כולל סרטוני פרימיום ארוכים, סטוריז ופוסטים), ועוד 62 תבניות HyperFrames מבוססות GSAP. משנים טקסטים, צבעים, אורך ויחס מסך, ורואים את השינוי מיד. אפשר להגדיר "המותג שלי" (שם, סלוגן, קריאה לפעולה וצבעים), וכל הגלריה מוצגת במותג שלכם. אפשר גם להדביק את הטקסט שלכם, והתבנית נבנית מחדש איתו באותו עיצוב.
+2. **מרכיבים מאבנים.** בוחרים נושא ומתכון, ומוסיפים סצנות: פתיח, כרטיסים, טלפון, גרפים, מונה, ציר זמן, צ׳אט, קונפטי ועוד. כל סצנה מקבלת תוכן מוכן מגלריית הנושא, ואפשר לשנות בה הכול.
+3. **מטקסט לסרטון.** כותבים כמה שורות (פתיח, רשימה, מספרים, קריאה לפעולה) והבונה הופך כל שורה לסצנה מתאימה, בלי מודל שפה.
+4. **יוצרים עם AI.** בוחרים פרומפט (בסיסי, לפי קטגוריה, במאי מתקדם, או HyperFrames שבו המודל כותב HTML עם GSAP), מעתיקים אותו ל־ChatGPT, Claude או Gemini, ומדביקים בחזרה את ה־JSON שהמודל החזיר. האפליקציה מתקנת תקלות נפוצות, בודקת את הקונפיגורציה ובונה ממנה סרטון עריך.
+
+בלשונית **נכסים** יש 301 נכסים וקטוריים (אובייקטים, דמויות, תגים, אוכל, טבע, צורות, מדבקות, חצים, מכשירים וקישוטים), שנצבעים בצבעי הסרטון ונוספים לסצנה כשכבות עריכות.
+
+כל סרטון נפתח בעורך המלא: טקסט, צבעים, תזמון, keyframes, ייצוא HTML וייצוא MP4.
+
+## ייצוא MP4
+
+הייצוא משתמש ב־Google Chrome או ב־Microsoft Edge שמותקנים במחשב, וב־FFmpeg שמותקן אוטומטית עם החבילה. אם הדפדפן נמצא במקום לא סטנדרטי, מגדירים את הנתיב אליו:
+
+```bash
+MOTIONDESK_CHROME_PATH="/path/to/chrome" npx motiondesk-studio
+```
+
+## שורת פקודה
+
+```bash
+npx motiondesk-studio prompt --level advanced --brief "סרטון השקה לאפליקציית חיסכון" --seconds 45
+npx motiondesk-studio prompt --level hyperframes --brief "פרסומת לבית קפה" --seconds 20
+npx motiondesk-studio text script.txt --ratio 9:16 --mp4 video.mp4   # טקסט → סרטון, בלי AI
+npx motiondesk-studio check answer.json --write      # בדיקה ותיקון של תשובת מודל
+npx motiondesk-studio build answer.json --out out/   # project.motiondesk.json + player.html
+npx motiondesk-studio render answer.json --out video.mp4
+npx motiondesk-studio templates --category finance
+npx motiondesk-studio template finance-savings-goal --out my.json
+```
+
+הפורמט הוא `motiondesk-config/v4`: אובייקט JSON עם `scenes`, שבו כל סצנה מגדירה רכיב (`hook`, `kinetic`, `cards`, `phone`, `bars`, `counter`, `timeline`, `endcard` ועוד), טקסטים, צבעים ותנועה. המנוע בונה ממנו פרויקט שכבות שאפשר לערוך עד הפרט האחרון.
+
+## דרישות
+
+- Node.js מגרסה 20.10 ומעלה
+- Chrome או Edge, רק לייצוא MP4
+
+## Privacy
+
+השרת מאזין רק ל־`127.0.0.1`. אין שליחת נתונים החוצה, ומודל השפה פועל מחוץ לאפליקציה.
+
+---
+
+**English:** `npx motiondesk-studio` opens a local, RTL-first motion-video studio. It has 420 editable motion templates in 31 categories, 62 HyperFrames templates, text-to-video without AI, 301 vector assets, a brand kit, a scene-block builder, and LLM prompts that produce a `motiondesk-config/v4` JSON, which the app turns into an editable video. MP4 export runs through your installed Chrome or Edge plus the bundled ffmpeg-static.

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,13 @@
+# Third-party notices
+
+| Component | Where | License |
+|---|---|---|
+| React, React DOM | app/ bundle | MIT |
+| lucide / lucide-react (icons, incl. path data in the v4 engine) | app/, lib/ | ISC |
+| GSAP 3.13 (GreenSock) | app/studio-hf/vendor, app/ bundle | GreenSock Standard "No Charge" License — https://gsap.com/standard-license |
+| Heebo font | app/fonts, app/studio-hf/fonts | SIL Open Font License 1.1 |
+| Noto Sans Math (symbol subset) | app/fonts | SIL Open Font License 1.1 |
+| puppeteer-core | dependency (installed by npm) | Apache-2.0 |
+| ffmpeg-static | dependency (downloads an FFmpeg binary at install) | GPL-3.0-or-later (FFmpeg build) — the binary is not shipped inside this package |
+
+Music tracks under app/music keep the licenses recorded in the MotionDesk music library.

package/app/assets/ai-assistant-DOEK1wrr.js

@@ -0,0 +1,138 @@
+var e=`<!doctype html>
+<html lang="he" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=1920, height=1080">
+<title>עוזר בינה מלאכותית</title>
+<script src="vendor/gsap.min.js"><\/script>
+<style>
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+:root{--bg:#0e0b1f;--fg:#f1efff;--vio:#8b5cf6;--cyan:#22d3ee;--card:#1c1738}
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{width:1920px;height:1080px;overflow:hidden;background:var(--bg)}
+body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
+#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:var(--bg);color:var(--fg);direction:rtl;font-family:"Heebo",Arial,sans-serif}
+.scene{position:absolute;inset:0;overflow:hidden}
+.cam,.layer{position:absolute;inset:0}
+.abs{position:absolute}
+.m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .08em}
+.w{display:inline-block;white-space:nowrap}
+#root{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--vio) 35%,var(--bg)),var(--bg) 60%)}
+.t{position:absolute;white-space:nowrap;line-height:1.15;color:var(--fg)}
+.c{left:0;right:0;text-align:center}
+.bb{position:absolute;padding:26px 40px;border-radius:44px;display:flex;flex-direction:column;gap:6px}
+.bb p{font-size:46px;line-height:1.3;white-space:nowrap;color:var(--fg)}
+.bu{right:260px;top:250px;background:var(--vio);border-bottom-right-radius:10px}
+.ba{left:260px;top:430px;background:var(--card);border-bottom-left-radius:10px;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--cyan) 35%,transparent)}
+.ty{position:absolute;left:260px;top:430px;width:200px;height:110px;border-radius:44px;border-bottom-left-radius:10px;background:var(--card);display:flex;align-items:center;justify-content:center;gap:16px}
+.ty i{width:22px;height:22px;border-radius:50%;background:var(--cyan)}
+.inp{position:absolute;left:260px;right:260px;top:860px;height:110px;border-radius:55px;background:var(--card)}
+.snd{position:absolute;left:14px;top:14px;width:82px;height:82px;border-radius:50%;background:var(--vio)}
+.sp{fill:var(--cyan)}
+.doc{position:absolute;left:360px;right:360px;top:200px;height:600px;border-radius:40px;background:var(--card)}
+.dl{position:absolute;right:80px;height:26px;border-radius:13px;background:color-mix(in srgb,var(--fg) 14%,var(--card))}
+.hlb{position:absolute;right:66px;top:62px;width:1010px;height:84px;border-radius:14px;background:color-mix(in srgb,var(--vio) 55%,var(--card))}
+.cur{position:absolute;width:90px;height:90px;filter:drop-shadow(0 0 18px var(--cyan))}
+.chp{position:absolute;top:860px;width:260px;height:96px;border-radius:48px;background:var(--fg);display:flex;align-items:center;justify-content:center}
+.chp p{font-size:42px;font-weight:700;color:var(--bg);white-space:nowrap}
+.fc{position:absolute;width:480px;height:300px;border-radius:36px;background:var(--card);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--vio) 30%,transparent)}
+.fi{position:absolute;right:40px;top:40px;width:96px;height:96px;border-radius:28px;background:color-mix(in srgb,var(--vio) 30%,var(--card));display:flex;align-items:center;justify-content:center}
+.fi i{width:44px;height:44px;background:var(--cyan)}
+.ft{position:absolute;right:40px;top:160px;font-size:46px;font-weight:700;white-space:nowrap;color:var(--fg);line-height:1.15}
+.fd{position:absolute;right:40px;top:226px;font-size:32px;white-space:nowrap;color:color-mix(in srgb,var(--fg) 65%,var(--card));line-height:1.15}
+.fld{position:absolute;right:510px;width:560px;top:640px;height:120px;border-radius:60px;background:var(--card);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--vio) 50%,transparent)}
+.btn{position:absolute;left:510px;width:320px;top:640px;height:120px;border-radius:60px;background:linear-gradient(90deg,var(--vio),var(--cyan));display:flex;align-items:center;justify-content:center}
+.btn p{font-size:48px;font-weight:700;color:var(--bg);white-space:nowrap}
+.logo{position:absolute;left:900px;top:110px;width:120px;height:120px}
+</style>
+</head>
+<body>
+<div id="root" data-composition-id="ai-assistant" data-start="0" data-width="1920" data-height="1080" data-duration="15.6">
+<section id="s1" class="clip scene" data-start="0" data-duration="4">
+<div class="cam" id="c1">
+  <h1 class="t c" id="t1" style="top:80px;font-size:84px;font-weight:700">העוזר החכם שלכם</h1>
+  <div class="bb bu" id="bu"><p id="q1">תסכם לי את הפגישה של היום</p></div>
+  <div class="ty" id="ty"><i></i><i></i><i></i></div>
+  <div class="bb ba" id="ba"><p id="a1">בטח! הנה 3 נקודות עיקריות</p><p id="a2" style="color:var(--cyan)">ושתי משימות להמשך השבוע</p></div>
+  <div class="inp" id="inp"><p class="t" id="ph" style="right:50px;top:30px;font-size:40px;color:color-mix(in srgb,var(--fg) 45%,var(--card))">שאלו אותי כל דבר</p><i class="snd"></i></div>
+</div>
+</section>
+<section id="s2" class="clip scene" data-start="4" data-duration="4">
+<div class="cam" id="c2">
+  <h2 class="t c" id="t2" style="top:70px;font-size:80px;font-weight:700">קסם בכל סימון</h2>
+  <div class="doc" id="doc">
+    <i class="hlb" id="hlb"></i>
+    <p class="t" id="dx" style="right:80px;top:70px;font-size:54px;font-weight:700">הדוח הרבעוני מראה צמיחה של 18%</p>
+    <i class="dl" style="top:190px;left:80px"></i><i class="dl" style="top:260px;left:177px"></i><i class="dl" style="top:330px;left:114px"></i><i class="dl" style="top:400px;left:211px"></i><i class="dl" style="top:470px;left:148px"></i>
+  </div>
+  <svg class="cur" id="cur" style="left:1420px;top:240px" viewBox="0 0 100 100"><path class="sp" d="M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z"/></svg>
+  <div class="chp" id="ch0" style="right:520px"><p id="cp0">לשכתב</p></div>
+  <div class="chp" id="ch1" style="right:830px"><p id="cp1">לתרגם</p></div>
+  <div class="chp" id="ch2" style="right:1140px"><p id="cp2">לקצר</p></div>
+</div>
+</section>
+<section id="s3" class="clip scene" data-start="8" data-duration="4">
+<div class="cam" id="c3">
+  <h2 class="t c" id="t3" style="top:90px;font-size:80px;font-weight:700">הכל במקום אחד</h2>
+  <div class="fc" id="fc0" style="right:200px;top:250px"><i class="fi"><i style="border-radius:50%"></i></i><p class="ft" id="ft0">סיכום פגישות</p><p class="fd" id="fd0">עיקרי הדברים בשניות</p></div><div class="fc" id="fc1" style="right:720px;top:250px"><i class="fi"><i style="border-radius:14px"></i></i><p class="ft" id="ft1">כתיבת מיילים</p><p class="fd" id="fd1">טיוטה בטון שלכם</p></div><div class="fc" id="fc2" style="right:1240px;top:250px"><i class="fi"><i style="clip-path:polygon(50% 0,100% 100%,0 100%)"></i></i><p class="ft" id="ft2">ניתוח נתונים</p><p class="fd" id="fd2">תובנות מכל גיליון</p></div><div class="fc" id="fc3" style="right:200px;top:590px"><i class="fi"><i style="border-radius:50% 0"></i></i><p class="ft" id="ft3">תרגום מיידי</p><p class="fd" id="fd3">עשרות שפות בלחיצה</p></div><div class="fc" id="fc4" style="right:720px;top:590px"><i class="fi"><i style="border-radius:50% 50% 8px 8px"></i></i><p class="ft" id="ft4">תזכורות חכמות</p><p class="fd" id="fd4">לא מפספסים כלום</p></div><div class="fc" id="fc5" style="right:1240px;top:590px"><i class="fi"><i style="border-radius:8px;transform:rotate(45deg)"></i></i><p class="ft" id="ft5">חיפוש במסמכים</p><p class="fd" id="fd5">תשובות מתוך הקבצים</p></div>
+</div>
+</section>
+<section id="s4" class="clip scene" data-start="12" data-duration="3.6">
+<div class="cam" id="c4">
+  <svg class="logo" id="logo" viewBox="0 0 100 100"><g class="sp"><path d="M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z"/></g></svg>
+  <p class="t c" id="br" style="top:250px;font-size:120px;font-weight:700">נובה</p>
+  <h2 class="t c" id="t4" style="top:440px;font-size:80px;font-weight:700;color:var(--cyan)">הצטרפו לרשימת ההמתנה</h2>
+  <div class="fld" id="fld"><p class="t" id="fp" style="right:50px;top:34px;font-size:40px;color:color-mix(in srgb,var(--fg) 45%,var(--card))">כתובת המייל שלכם</p></div>
+  <div class="btn" id="btn"><p id="bt">אני בפנים</p></div>
+  <p class="t c" id="cnt" style="top:830px;font-size:46px">כבר 12,480 נרשמו</p>
+</div>
+</section>
+</div>
+<script>
+const tl=gsap.timeline({paused:true});
+const S=[0,4,8,12,15.6],D=15.6;
+const X="expo.out",P="power3.out",B="back.out(1.8)";
+function fadeOut(i){tl.to("#c"+(i+1),{opacity:0,duration:.4,ease:"power1.in"},S[i+1]-.4);}
+// s1 chat
+tl.fromTo("#c1",{opacity:0},{opacity:1,duration:.4},S[0]);
+tl.fromTo("#t1",{opacity:0,y:-30},{opacity:1,y:0,duration:.6,ease:P},S[0]+.1);
+tl.fromTo("#inp",{opacity:0,y:40},{opacity:1,y:0,duration:.6,ease:P},S[0]+.2);
+tl.fromTo("#bu",{opacity:0,scale:.6,transformOrigin:"100% 100%"},{opacity:1,scale:1,duration:.5,ease:B},S[0]+.5);
+tl.fromTo("#ty",{opacity:0,scale:.6,transformOrigin:"0% 100%"},{opacity:1,scale:1,duration:.35,ease:B},S[0]+1);
+tl.fromTo("#ty i",{y:0},{y:-16,duration:.2,yoyo:true,repeat:3,ease:"sine.inOut",stagger:.1},S[0]+1.2);
+tl.to("#ty",{opacity:0,duration:.15},S[0]+2.15);
+tl.fromTo("#ba",{opacity:0,scale:.6,transformOrigin:"0% 0%"},{opacity:1,scale:1,duration:.5,ease:B},S[0]+2.2);
+fadeOut(0);
+// s2 sparkle cursor
+tl.fromTo("#c2",{opacity:0},{opacity:1,duration:.3},S[1]);
+tl.fromTo("#t2",{opacity:0,y:-30},{opacity:1,y:0,duration:.6,ease:P},S[1]+.1);
+tl.fromTo("#doc",{opacity:0,y:60},{opacity:1,y:0,duration:.7,ease:X},S[1]+.1);
+tl.fromTo("#cur",{x:200,y:300,opacity:0,rotation:90},{x:0,y:0,opacity:1,rotation:0,duration:.6,ease:P},S[1]+.4);
+tl.to("#cur",{x:-1000,rotation:-180,duration:1.1,ease:"power1.inOut"},S[1]+1);
+tl.fromTo("#hlb",{scaleX:0,transformOrigin:"100% 50%"},{scaleX:1,duration:1.1,ease:"power1.inOut"},S[1]+1);
+tl.fromTo("#c2 .chp",{scale:0,y:-60,opacity:0},{scale:1,y:0,opacity:1,duration:.45,ease:B,stagger:.1},S[1]+2.2);
+tl.to("#cur",{scale:1.3,duration:.25,yoyo:true,repeat:1,ease:"sine.inOut"},S[1]+2.2);
+fadeOut(1);
+// s3 feature grid
+tl.fromTo("#c3",{opacity:0},{opacity:1,duration:.3},S[2]);
+tl.fromTo("#t3",{opacity:0,y:-30},{opacity:1,y:0,duration:.6,ease:P},S[2]+.1);
+tl.fromTo("#c3 .fc",{opacity:0,y:60,scale:.9},{opacity:1,y:0,scale:1,duration:.6,ease:X,stagger:.12},S[2]+.3);
+tl.fromTo("#c3 .fi i",{scale:0,rotation:-90},{scale:1,rotation:0,duration:.5,ease:B,stagger:.12},S[2]+.6);
+fadeOut(2);
+// s4 waitlist
+tl.fromTo("#c4",{opacity:0},{opacity:1,duration:.3},S[3]);
+tl.fromTo("#logo",{scale:0,rotation:-180},{scale:1,rotation:0,duration:.8,ease:B},S[3]+.1);
+tl.fromTo(["#br","#t4"],{opacity:0,y:30},{opacity:1,y:0,duration:.6,ease:P,stagger:.15},S[3]+.4);
+tl.fromTo("#fld",{opacity:0,x:60},{opacity:1,x:0,duration:.6,ease:P},S[3]+.9);
+tl.fromTo("#btn",{scale:.5,opacity:0},{scale:1,opacity:1,duration:.6,ease:B},S[3]+1.1);
+tl.fromTo("#cnt",{opacity:0},{opacity:1,duration:.5},S[3]+1.6);
+tl.to("#btn",{scale:1.06,duration:.3,yoyo:true,repeat:1,ease:"sine.inOut"},S[3]+2.3);
+tl.set({},{},D);
+window.__timelines=window.__timelines||{};window.__timelines["ai-assistant"]=tl;
+<\/script>
+</body>
+</html>
+`;export{e as default};

package/app/assets/annual-report-C59pnbh2.js

@@ -0,0 +1,147 @@
+var e=`<!doctype html>
+<html lang="he" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=1920, height=1080">
+<title>דוח שנתי במספרים</title>
+<script src="vendor/gsap.min.js"><\/script>
+<style>
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+:root{--bg:#efe9dc;--fg:#10261d;--accent:#e8553b;--sand:#c9b88f;--muted:#7d7a6c}
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{width:1920px;height:1080px;overflow:hidden;background:var(--bg)}
+body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
+#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:var(--bg);color:var(--fg);direction:rtl;font-family:"Heebo",Arial,sans-serif}
+.scene{position:absolute;inset:0;overflow:hidden}
+.cam,.layer{position:absolute;inset:0}
+.abs{position:absolute}
+.m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .08em}
+.w{display:inline-block;white-space:nowrap}
+.gv{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--fg) 7%,transparent);transform-origin:50% 0}
+.t{position:absolute;white-space:nowrap;line-height:1.1;font-weight:700}
+.lab{font-size:30px;font-weight:700;letter-spacing:.25em;color:var(--muted)}
+.yr{position:absolute;left:0;right:0;text-align:center;font-size:600px;font-weight:700;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:4px var(--fg);background:linear-gradient(var(--fg),var(--fg)) no-repeat 100% 0/0% 100%;-webkit-background-clip:text;background-clip:text;direction:ltr}
+.rule{position:absolute;height:3px;background:var(--fg);transform-origin:100% 50%}
+.tk{position:absolute;bottom:0;width:2px;height:18px;background:var(--fg);transform-origin:50% 100%}
+.tk.lg{height:36px}
+.ruler{position:absolute;left:0;right:0;top:900px;height:40px}
+.dot{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--accent)}
+.msk{position:relative;overflow:hidden;padding:0 .04em}
+.big{font-size:470px;font-weight:700;line-height:1.08;letter-spacing:-.03em;direction:ltr;white-space:nowrap}
+.chip{position:absolute;padding:14px 34px;border-radius:50px;background:var(--accent);color:var(--bg);font-size:40px;font-weight:700;white-space:nowrap}
+.col{position:absolute;top:290px;width:460px;height:640px}
+.ci{position:absolute;right:0;top:0;font-size:34px;font-weight:700;color:var(--accent);letter-spacing:.1em}
+.col .msk{position:absolute;right:0;top:60px;width:460px;height:300px}
+.cn{position:absolute;right:0;top:0;font-size:260px;font-weight:700;line-height:1.12;letter-spacing:-.03em;direction:ltr;white-space:nowrap}
+.cr{position:absolute;right:0;left:0;top:380px;height:3px;background:var(--fg);transform-origin:100% 50%}
+.cl{position:absolute;right:0;top:410px;font-size:52px;font-weight:700;white-space:nowrap;line-height:1.2}
+.cs{position:absolute;right:0;top:486px;font-size:32px;font-weight:400;color:var(--muted);white-space:nowrap;line-height:1.3}
+.vs{position:absolute;top:290px;width:2px;height:600px;background:color-mix(in srgb,var(--fg) 25%,transparent);transform-origin:50% 0}
+.arw{fill:none;stroke:var(--accent);stroke-width:26;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
+.lnk{position:absolute;font-size:44px;font-weight:700;white-space:nowrap;padding-bottom:10px}
+.lnu{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--accent);transform-origin:100% 50%}
+</style>
+</head>
+<body>
+<div id="root" data-composition-id="annual-report" data-start="0" data-width="1920" data-height="1080" data-duration="14.2">
+<section id="s1" class="clip scene" data-start="0" data-duration="3.2">
+<div class="cam" id="c1">
+  <div class="layer" id="gr1"><i class="gv" style="left:293.3px"></i><i class="gv" style="left:426.6px"></i><i class="gv" style="left:559.9000000000001px"></i><i class="gv" style="left:693.2px"></i><i class="gv" style="left:826.5px"></i><i class="gv" style="left:959.8000000000001px"></i><i class="gv" style="left:1093.1000000000001px"></i><i class="gv" style="left:1226.4px"></i><i class="gv" style="left:1359.7px"></i><i class="gv" style="left:1493px"></i><i class="gv" style="left:1626.3000000000002px"></i></div>
+  <p class="t lab" id="l1a" style="right:160px;top:110px">דוח שנתי</p>
+  <p class="t lab" id="l1b" style="left:160px;top:110px">קבוצת אלומה</p>
+  <div class="rule" id="r1" style="left:160px;right:160px;top:170px"></div>
+  <p class="yr" id="yr" style="top:260px">2026</p>
+  <div class="ruler" id="rl"><i class="tk lg" style="left:160px"></i><i class="tk" style="left:186.6px"></i><i class="tk" style="left:213.2px"></i><i class="tk" style="left:239.8px"></i><i class="tk" style="left:266.4px"></i><i class="tk" style="left:293px"></i><i class="tk" style="left:319.6px"></i><i class="tk" style="left:346.20000000000005px"></i><i class="tk" style="left:372.8px"></i><i class="tk" style="left:399.4px"></i><i class="tk lg" style="left:426px"></i><i class="tk" style="left:452.6px"></i><i class="tk" style="left:479.20000000000005px"></i><i class="tk" style="left:505.8px"></i><i class="tk" style="left:532.4000000000001px"></i><i class="tk" style="left:559px"></i><i class="tk" style="left:585.6px"></i><i class="tk" style="left:612.2px"></i><i class="tk" style="left:638.8px"></i><i class="tk" style="left:665.4000000000001px"></i><i class="tk lg" style="left:692px"></i><i class="tk" style="left:718.6px"></i><i class="tk" style="left:745.2px"></i><i class="tk" style="left:771.8000000000001px"></i><i class="tk" style="left:798.4000000000001px"></i><i class="tk" style="left:825px"></i><i class="tk" style="left:851.6px"></i><i class="tk" style="left:878.2px"></i><i class="tk" style="left:904.8000000000001px"></i><i class="tk" style="left:931.4000000000001px"></i><i class="tk lg" style="left:958px"></i><i class="tk" style="left:984.6px"></i><i class="tk" style="left:1011.2px"></i><i class="tk" style="left:1037.8000000000002px"></i><i class="tk" style="left:1064.4px"></i><i class="tk" style="left:1091px"></i><i class="tk" style="left:1117.6px"></i><i class="tk" style="left:1144.2px"></i><i class="tk" style="left:1170.8000000000002px"></i><i class="tk" style="left:1197.4px"></i><i class="tk lg" style="left:1224px"></i><i class="tk" style="left:1250.6000000000001px"></i><i class="tk" style="left:1277.2px"></i><i class="tk" style="left:1303.8px"></i><i class="tk" style="left:1330.4px"></i><i class="tk" style="left:1357px"></i><i class="tk" style="left:1383.6000000000001px"></i><i class="tk" style="left:1410.2px"></i><i class="tk" style="left:1436.8000000000002px"></i><i class="tk" style="left:1463.4px"></i><i class="tk lg" style="left:1490px"></i><i class="tk" style="left:1516.6000000000001px"></i><i class="tk" style="left:1543.2px"></i><i class="tk" style="left:1569.8000000000002px"></i><i class="tk" style="left:1596.4px"></i><i class="tk" style="left:1623px"></i><i class="tk" style="left:1649.6000000000001px"></i><i class="tk" style="left:1676.2px"></i><i class="tk" style="left:1702.8000000000002px"></i><i class="tk" style="left:1729.4px"></i><i class="tk lg" style="left:1756px"></i></div>
+  <p class="t" id="l1c" style="right:160px;top:960px;font-size:40px;font-weight:400">שנה במספרים</p>
+  <i class="dot" id="d1" style="left:160px;top:968px"></i>
+</div>
+</section>
+<section id="s2" class="clip scene" data-start="3.2" data-duration="3.8">
+<div class="cam" id="c2">
+  <div class="layer"><i class="gv" style="left:293.3px"></i><i class="gv" style="left:426.6px"></i><i class="gv" style="left:559.9000000000001px"></i><i class="gv" style="left:693.2px"></i><i class="gv" style="left:826.5px"></i><i class="gv" style="left:959.8000000000001px"></i><i class="gv" style="left:1093.1000000000001px"></i><i class="gv" style="left:1226.4px"></i><i class="gv" style="left:1359.7px"></i><i class="gv" style="left:1493px"></i><i class="gv" style="left:1626.3000000000002px"></i></div>
+  <p class="t lab" id="l2" style="right:160px;top:130px">הכנסות שנתיות</p>
+  <div class="abs" id="bw" style="right:140px;top:170px"><div class="msk"><p class="big" id="bn">₪2.4</p></div></div>
+  <p class="t" id="bu" style="left:160px;top:480px;font-size:130px;color:var(--accent)">מיליארד</p>
+  <div class="rule" id="r2" style="left:160px;right:160px;top:720px"></div>
+  <div class="chip" id="ch2" style="right:160px;top:770px"><p id="ch2t">+18% לעומת 2025</p></div>
+  <svg class="abs" style="left:1290px;top:772px;overflow:visible" width="70" height="70" viewBox="0 0 90 90"><path class="arw" id="a2" pathLength="1" d="M15 75 L75 15 M35 15 H75 V55" style="stroke-width:12"/></svg>
+  <p class="t" id="f2" style="left:160px;top:790px;font-size:32px;font-weight:400;color:var(--muted)">הכנסות מאוחדות · דוחות מבוקרים</p>
+</div>
+</section>
+<section id="s3" class="clip scene" data-start="7" data-duration="3.8">
+<div class="cam" id="c3">
+  <div class="layer"><i class="gv" style="left:293.3px"></i><i class="gv" style="left:426.6px"></i><i class="gv" style="left:559.9000000000001px"></i><i class="gv" style="left:693.2px"></i><i class="gv" style="left:826.5px"></i><i class="gv" style="left:959.8000000000001px"></i><i class="gv" style="left:1093.1000000000001px"></i><i class="gv" style="left:1226.4px"></i><i class="gv" style="left:1359.7px"></i><i class="gv" style="left:1493px"></i><i class="gv" style="left:1626.3000000000002px"></i></div>
+  <p class="t lab" id="l3" style="right:160px;top:160px">שלושה מספרים שמספרים את השנה</p>
+  <i class="vs" id="v1" style="left:675px"></i><i class="vs" id="v2" style="left:1245px"></i>
+  <div class="col" id="cl1" style="left:1300px"><p class="ci" id="ci1">01</p><div class="msk"><p class="cn" id="cn1">38</p></div><i class="cr" id="cr1"></i><p class="cl" id="cll1">מדינות</p><p class="cs" id="cs1">שש חדשות השנה</p></div>
+  <div class="col" id="cl2" style="left:730px"><p class="ci" id="ci2">02</p><div class="msk"><p class="cn" id="cn2">1.2</p></div><i class="cr" id="cr2"></i><p class="cl" id="cll2">מיליון לקוחות</p><p class="cs" id="cs2">גידול של 22%</p></div>
+  <div class="col" id="cl3" style="left:160px"><p class="ci" id="ci3">03</p><div class="msk"><p class="cn" id="cn3">96%</p></div><i class="cr" id="cr3"></i><p class="cl" id="cll3">שביעות רצון</p><p class="cs" id="cs3">סקר לקוחות שנתי</p></div>
+</div>
+</section>
+<section id="s4" class="clip scene" data-start="10.8" data-duration="3.4">
+<div class="cam" id="c4" style="background:var(--fg)">
+  <p class="t lab" id="l4" style="right:160px;top:130px;color:var(--sand)">סיכום</p>
+  <p class="t" id="w1" style="right:150px;top:220px;font-size:130px;color:var(--bg)">שנה של</p>
+  <p class="t" id="w2" style="right:140px;top:360px;font-size:330px;color:var(--accent)">צמיחה</p>
+  <svg class="abs" style="left:200px;top:220px;overflow:visible" width="520" height="520" viewBox="0 0 520 520"><path class="arw" id="a4" pathLength="1" d="M40 480 L460 60 M200 60 H460 V320"/></svg>
+  <div class="lnk" id="lk" style="right:160px;top:820px;color:var(--bg)"><p id="lkt">לקריאת הדוח המלא</p><i class="lnu" id="lu"></i></div>
+  <p class="t" id="b4" style="left:160px;top:830px;font-size:36px;font-weight:400;color:var(--sand)">קבוצת אלומה · 2026</p>
+</div>
+</section>
+</div>
+<script>
+const tl=gsap.timeline({paused:true});
+const S=[0,3.2,7,10.8,14.2],D=14.2;
+const X="expo.out",P="power3.out",IO="power3.inOut";
+function grid(i){tl.fromTo("#c"+i+" .gv",{scaleY:0},{scaleY:1,duration:.9,ease:IO,stagger:.03},S[i-1]);}
+// s1
+grid(1);
+tl.fromTo(["#l1a","#l1b"],{opacity:0,y:-20},{opacity:1,y:0,duration:.6,ease:P,stagger:.1},S[0]+.2);
+tl.fromTo("#r1",{scaleX:0},{scaleX:1,duration:.9,ease:IO},S[0]+.25);
+tl.fromTo("#yr",{yPercent:30,opacity:0},{yPercent:0,opacity:1,duration:1,ease:X},S[0]+.3);
+tl.fromTo("#yr",{backgroundSize:"0% 100%"},{backgroundSize:"100% 100%",duration:1.3,ease:"power2.inOut"},S[0]+1.1);
+tl.fromTo("#rl .tk",{scaleY:0},{scaleY:1,duration:.3,ease:P,stagger:.012},S[0]+.5);
+tl.fromTo("#l1c",{opacity:0,x:-30},{opacity:1,x:0,duration:.6,ease:P},S[0]+1.3);
+tl.fromTo("#d1",{x:0,scale:0},{x:1300,scale:1,duration:1.8,ease:"power2.inOut"},S[0]+1.2);
+tl.to("#c1",{yPercent:-100,duration:.45,ease:"power3.in"},S[1]-.45);
+// s2
+grid(2);
+tl.fromTo("#c2",{yPercent:100},{yPercent:0,duration:.45,ease:"power3.out"},S[1]);
+tl.fromTo("#l2",{opacity:0,letterSpacing:"0.6em"},{opacity:1,letterSpacing:"0.25em",duration:.8,ease:X},S[1]+.2);
+tl.fromTo("#bn",{yPercent:105},{yPercent:0,duration:1,ease:"expo.out"},S[1]+.35);
+tl.fromTo("#bw",{scale:1.06},{scale:1,duration:3.4,ease:"power1.out",transformOrigin:"100% 50%"},S[1]+.35);
+tl.fromTo("#bu",{clipPath:"inset(0% 0% 0% 100%)"},{clipPath:"inset(0% 0% 0% 0%)",duration:.8,ease:"power4.out"},S[1]+.9);
+tl.fromTo("#r2",{scaleX:0},{scaleX:1,duration:.9,ease:IO},S[1]+.8);
+tl.fromTo("#ch2",{scale:0},{scale:1,duration:.5,ease:"back.out(2)"},S[1]+1.4);
+tl.fromTo("#a2",{strokeDashoffset:1},{strokeDashoffset:0,duration:.6,ease:P},S[1]+1.6);
+tl.fromTo("#f2",{opacity:0},{opacity:1,duration:.6},S[1]+1.6);
+tl.to("#c2",{xPercent:30,opacity:0,duration:.4,ease:"power2.in"},S[2]-.4);
+// s3
+grid(3);
+tl.fromTo("#l3",{opacity:0,letterSpacing:"0.5em"},{opacity:1,letterSpacing:"0.25em",duration:.8,ease:X},S[2]+.1);
+tl.fromTo(["#v1","#v2"],{scaleY:0},{scaleY:1,duration:.8,ease:IO,stagger:.1},S[2]+.2);
+[1,2,3].forEach((k,i)=>{const a=S[2]+.3+i*.28;
+ tl.fromTo("#ci"+k,{opacity:0},{opacity:1,duration:.4},a);
+ tl.fromTo("#cn"+k,{yPercent:i%2?-105:105},{yPercent:0,duration:.9,ease:X},a+.05);
+ tl.fromTo("#cr"+k,{scaleX:0},{scaleX:1,duration:.7,ease:IO},a+.2);
+ tl.fromTo(["#cll"+k,"#cs"+k],{opacity:0,y:24},{opacity:1,y:0,duration:.6,ease:P,stagger:.1},a+.45);
+ tl.to("#cl"+k,{y:i%2?10:-10,duration:1.8,ease:"sine.inOut"},a+.9);});
+tl.to("#c3",{opacity:0,duration:.35},S[3]-.35);
+// s4
+tl.fromTo("#c4",{clipPath:"inset(100% 0% 0% 0%)"},{clipPath:"inset(0% 0% 0% 0%)",duration:.6,ease:"power4.inOut"},S[3]);
+tl.fromTo("#l4",{opacity:0},{opacity:1,duration:.5},S[3]+.4);
+tl.fromTo("#w1",{yPercent:100,opacity:0},{yPercent:0,opacity:1,duration:.7,ease:X},S[3]+.4);
+tl.fromTo("#w2",{yPercent:60,opacity:0,scale:.9},{yPercent:0,opacity:1,scale:1,duration:.9,ease:X,transformOrigin:"100% 50%"},S[3]+.6);
+tl.fromTo("#a4",{strokeDashoffset:1},{strokeDashoffset:0,duration:.9,ease:"power3.inOut"},S[3]+.9);
+tl.fromTo("#lk",{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:P},S[3]+1.4);
+tl.fromTo("#lu",{scaleX:0},{scaleX:1,duration:.6,ease:IO},S[3]+1.6);
+tl.fromTo("#b4",{opacity:0},{opacity:1,duration:.5},S[3]+1.7);
+tl.set({},{},D);
+window.__timelines=window.__timelines||{};window.__timelines["annual-report"]=tl;
+<\/script>
+</body>
+</html>
+`;export{e as default};

package/app/assets/app-tour-B8525Qt1.js

@@ -0,0 +1,164 @@
+var e=`<!doctype html>
+<html lang="he" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=1920, height=1080">
+<title>סיור באפליקציה</title>
+<script src="vendor/gsap.min.js"><\/script>
+<style>
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+:root{--bg:#f2f4ff;--fg:#14162b;--accent:#ff6b3d;--accent2:#2bb673;--phone:#1b1d33;--line:#d9dcef}
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{width:1920px;height:1080px;overflow:hidden;background:var(--bg)}
+body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
+#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:var(--bg);color:var(--fg);direction:rtl;font-family:"Heebo",Arial,sans-serif}
+.scene{position:absolute;inset:0;overflow:hidden}
+.cam,.layer{position:absolute;inset:0}
+.abs{position:absolute}
+.m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .08em}
+.w{display:inline-block;white-space:nowrap}
+.blobbg{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}
+.phone{position:absolute;width:420px;height:860px;border-radius:66px;background:var(--phone);padding:16px;box-shadow:0 60px 120px color-mix(in srgb,var(--fg) 30%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--bg) 25%,transparent)}
+.scr{position:relative;width:100%;height:100%;border-radius:52px;overflow:hidden;background:var(--bg)}
+.notch{position:absolute;left:150px;top:30px;width:120px;height:32px;border-radius:20px;background:var(--phone)}
+.shine{position:absolute;inset:16px;border-radius:52px;background:linear-gradient(115deg,color-mix(in srgb,var(--bg) 22%,transparent) 0 18%,transparent 30%);pointer-events:none}
+.ln{display:block;border-radius:10px;flex:none}
+.pad{position:absolute;inset:80px 26px 26px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
+.rc{width:100%;padding:16px;border-radius:24px;background:var(--bg);box-shadow:0 8px 24px color-mix(in srgb,var(--fg) 10%,transparent);display:flex;flex-direction:column;gap:12px}
+.rc .img{height:120px;border-radius:16px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 50%,var(--bg)))}
+.icon{position:relative;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--fg)));box-shadow:0 20px 40px color-mix(in srgb,var(--accent) 40%,transparent)}
+.pot{position:absolute;background:var(--bg);border-radius:0 0 18px 18px}
+.lid{position:absolute;background:var(--bg);border-radius:8px}
+.steam{position:absolute;border-radius:10px;background:color-mix(in srgb,var(--bg) 70%,transparent)}
+.hd{position:absolute;font-weight:700;line-height:1.1;white-space:nowrap}
+.sb{position:absolute;font-size:44px;font-weight:400;line-height:1.4;white-space:nowrap;color:color-mix(in srgb,var(--fg) 70%,transparent)}
+.num{position:absolute;width:84px;height:84px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:46px;font-weight:700;display:flex;align-items:center;justify-content:center}
+.conn{position:absolute;height:4px;background:var(--fg);transform-origin:100% 50%}
+.conn::after{content:"";position:absolute;left:-10px;top:-8px;width:20px;height:20px;border-radius:50%;background:var(--accent);border:4px solid var(--bg)}
+.ring{position:absolute;left:69px;top:150px}
+.li{display:flex;align-items:center;gap:18px;width:100%;padding:18px;border-radius:20px;background:var(--bg);box-shadow:0 6px 18px color-mix(in srgb,var(--fg) 8%,transparent)}
+.cb{width:44px;height:44px;border-radius:12px;border:4px solid var(--line);flex:none;position:relative}
+.tick{position:absolute;inset:-4px;border-radius:12px;background:var(--accent2);clip-path:polygon(20% 50%,40% 70%,80% 26%,90% 36%,40% 90%,10% 60%)}
+.lit{position:relative}
+.badge{position:absolute;padding:22px 44px;border-radius:24px;background:var(--fg);color:var(--bg);font-size:40px;font-weight:700;white-space:nowrap}
+.toast{position:absolute;left:46px;right:46px;bottom:60px;padding:22px;border-radius:22px;background:var(--fg);display:flex;align-items:center;gap:16px}
+</style>
+</head>
+<body>
+<div id="root" data-composition-id="app-tour" data-start="0" data-width="1920" data-height="1080" data-duration="16">
+<section id="s1" class="clip scene" data-start="0" data-duration="3">
+<div class="cam" id="c1">
+  <div class="blobbg" style="left:200px;top:100px;width:700px;height:700px;background:var(--accent)"></div>
+  <div class="blobbg" style="left:600px;top:500px;width:600px;height:600px;background:var(--accent2)"></div>
+  <div class="phone" id="ph1" style="left:330px;top:110px"><div class="scr"><div class="abs" id="spl" style="inset:0;background:var(--accent)"></div><div class="abs" id="ic1" style="left:122px;top:300px"><div class="icon" style="width:150px;height:150px;border-radius:39px"><div class="pot" style="left:30px;top:63px;width:90px;height:51.00000000000001px"></div><div class="lid" style="left:24px;top:49.5px;width:102.00000000000001px;height:12px"></div><div class="steam" style="left:66px;top:18px;width:18px;height:24px"></div></div></div><p class="abs" id="sp1" style="left:0;right:0;top:490px;text-align:center;font-size:52px;font-weight:700;color:var(--bg)">מטבחון</p></div><div class="notch"></div><div class="shine"></div></div>
+  <p class="hd" id="t1a" style="right:200px;top:330px;font-size:120px">מה מבשלים</p>
+  <p class="hd" id="t1b" style="right:200px;top:470px;font-size:120px;color:var(--accent)">היום?</p>
+  <p class="sb" id="t1c" style="right:204px;top:640px">האפליקציה שמתכננת איתכם את המטבח</p>
+</div>
+</section>
+<section id="s2" class="clip scene" data-start="3" data-duration="3.4">
+<div class="cam" id="c2">
+  <div class="blobbg" style="left:150px;top:200px;width:700px;height:700px;background:var(--accent);opacity:.35"></div>
+  <div class="phone" id="ph2" style="left:330px;top:110px"><div class="scr"><div class="pad" id="feed"><i class="ln" style="width:50%;height:26px;background:var(--fg)"></i><div class="rc" style="--c:var(--accent)"><div class="img"></div><i class="ln" style="width:70%;height:18px;background:var(--fg)"></i><i class="ln" style="width:45%;height:16px;background:var(--line)"></i></div><div class="rc" style="--c:var(--accent2)"><div class="img"></div><i class="ln" style="width:70%;height:18px;background:var(--fg)"></i><i class="ln" style="width:45%;height:16px;background:var(--line)"></i></div><div class="rc" style="--c:var(--accent)"><div class="img"></div><i class="ln" style="width:70%;height:18px;background:var(--fg)"></i><i class="ln" style="width:45%;height:16px;background:var(--line)"></i></div><div class="rc" style="--c:var(--accent2)"><div class="img"></div><i class="ln" style="width:70%;height:18px;background:var(--fg)"></i><i class="ln" style="width:45%;height:16px;background:var(--line)"></i></div></div></div><div class="notch"></div><div class="shine"></div></div>
+  <div class="num" id="n2" style="right:200px;top:300px">1</div>
+  <p class="hd" id="t2a" style="right:320px;top:296px;font-size:84px">מתכונים לפי</p>
+  <p class="hd" id="t2b" style="right:320px;top:396px;font-size:84px">מה שיש במקרר</p>
+  <p class="sb" id="t2c" style="right:322px;top:530px">מצלמים את המדפים ומקבלים רעיונות</p>
+  <div class="conn" id="cn2" style="left:720px;top:470px;width:230px"></div>
+</div>
+</section>
+<section id="s3" class="clip scene" data-start="6.4" data-duration="3.4">
+<div class="cam" id="c3">
+  <div class="blobbg" style="left:1100px;top:200px;width:700px;height:700px;background:var(--accent2);opacity:.35"></div>
+  <div class="phone" id="ph3" style="left:1170px;top:110px"><div class="scr"><div class="pad" style="align-items:center"><i class="ln" style="width:60%;height:26px;background:var(--fg)"></i></div>
+  <svg class="ring" width="250" height="250" viewBox="0 0 250 250"><circle cx="125" cy="125" r="105" style="fill:none;stroke:var(--line);stroke-width:22"/><circle id="rg3" cx="125" cy="125" r="105" style="fill:none;stroke:var(--accent2);stroke-width:22;stroke-linecap:round;transform:rotate(-90deg);transform-origin:125px 125px;stroke-dasharray:660;stroke-dashoffset:660"/></svg>
+  <p class="abs" id="tm" style="left:0;right:0;top:230px;text-align:center;font-size:64px;font-weight:700;direction:ltr">04:30</p>
+  <div class="abs" style="left:40px;right:40px;top:450px;display:flex;flex-direction:column;gap:22px;align-items:flex-start"><i class="ln" style="width:90%;height:22px;background:var(--fg)"></i><i class="ln" style="width:70%;height:16px;background:var(--line)"></i><i class="ln" style="width:80%;height:16px;background:var(--line)"></i><i class="ln" style="width:55%;height:16px;background:var(--line)"></i></div>
+  <div class="toast" id="toast"><div class="cb" style="border-color:var(--accent2)"><div class="tick"></div></div><i class="ln" style="width:60%;height:18px;background:var(--bg)"></i></div></div><div class="notch"></div><div class="shine"></div></div>
+  <div class="num" id="n3" style="left:200px;top:290px;background:var(--accent2)">2</div>
+  <p class="hd" id="t3b" style="left:200px;top:400px;font-size:84px">טיימר חכם</p>
+  <p class="hd" id="t3c" style="left:200px;top:500px;font-size:84px;color:var(--accent2)">לכל שלב</p>
+  <p class="sb" id="t3d" style="left:200px;top:630px">התראה בדיוק כשצריך להפוך</p>
+  <div class="conn" id="cn3" style="left:820px;top:560px;width:350px;transform-origin:0 50%"></div>
+</div>
+</section>
+<section id="s4" class="clip scene" data-start="9.8" data-duration="3.2">
+<div class="cam" id="c4">
+  <div class="blobbg" style="left:200px;top:300px;width:700px;height:600px;background:var(--accent);opacity:.3"></div>
+  <div class="phone" id="ph4" style="left:330px;top:110px"><div class="scr"><div class="pad"><i class="ln" style="width:55%;height:26px;background:var(--fg)"></i><div class="li" id="li1"><div class="cb" id="cb1"><div class="tick"></div></div><i class="ln lit" id="lt1" style="width:60%;height:20px;background:var(--fg)"></i></div><div class="li" id="li2"><div class="cb" id="cb2"><div class="tick"></div></div><i class="ln lit" id="lt2" style="width:45%;height:20px;background:var(--fg)"></i></div><div class="li" id="li3"><div class="cb" id="cb3"><div class="tick"></div></div><i class="ln lit" id="lt3" style="width:70%;height:20px;background:var(--fg)"></i></div><div class="li" id="li4"><div class="cb" id="cb4"><div class="tick"></div></div><i class="ln lit" id="lt4" style="width:50%;height:20px;background:var(--fg)"></i></div><div class="li" id="li5"><div class="cb" id="cb5"><div class="tick"></div></div><i class="ln lit" id="lt5" style="width:62%;height:20px;background:var(--fg)"></i></div></div></div><div class="notch"></div><div class="shine"></div></div>
+  <div class="num" id="n4" style="right:200px;top:300px">3</div>
+  <p class="hd" id="t4a" style="right:320px;top:296px;font-size:84px">רשימת קניות</p>
+  <p class="hd" id="t4b" style="right:320px;top:396px;font-size:84px;color:var(--accent)">שמסתדרת לבד</p>
+  <p class="sb" id="t4c" style="right:322px;top:530px">מסונכרנת עם כל בני הבית</p>
+  <div class="conn" id="cn4" style="left:720px;top:470px;width:230px"></div>
+</div>
+</section>
+<section id="s5" class="clip scene" data-start="13" data-duration="3">
+<div class="cam" id="c5">
+  <div class="blobbg" style="left:610px;top:140px;width:700px;height:700px;background:var(--accent)"></div>
+  <div class="abs" id="ic5" style="left:850px;top:170px"><div class="icon" style="width:220px;height:220px;border-radius:57.2px"><div class="pot" style="left:44px;top:92.39999999999999px;width:132px;height:74.80000000000001px"></div><div class="lid" style="left:35.2px;top:72.60000000000001px;width:149.60000000000002px;height:17.6px"></div><div class="steam" style="left:96.8px;top:26.4px;width:26.4px;height:35.2px"></div></div></div>
+  <p class="hd" id="t5a" style="left:0;right:0;text-align:center;top:440px;font-size:150px">מטבחון</p>
+  <p class="sb" id="t5b" style="left:0;right:0;text-align:center;top:630px">מבשלים יותר, זורקים פחות</p>
+  <div class="badge" id="bd5" style="left:50%;top:780px;transform:translateX(-50%)"><span id="bd5t">הורידו בחינם</span></div>
+</div>
+</section>
+</div>
+<script>
+const tl=gsap.timeline({paused:true});
+const S=[0,3,6.4,9.8,13,16],D=16;
+const X="expo.out",P="power3.out",Q="power3.inOut";
+function txt(sels,at){tl.fromTo(sels,{opacity:0,y:40},{opacity:1,y:0,duration:.7,ease:X,stagger:.12},at);}
+function outR(i,sel){tl.to(sel,{opacity:0,x:-80,duration:.35,ease:"power2.in"},S[i+1]-.35);}
+// s1
+tl.fromTo("#ph1",{x:-700,rotationY:60,rotation:-10,transformPerspective:1600},{x:0,rotationY:0,rotation:0,duration:1.1,ease:X},S[0]+.05);
+tl.fromTo("#ic1",{scale:0,rotation:-90},{scale:1,rotation:0,duration:.7,ease:"back.out(2)"},S[0]+.7);
+tl.fromTo("#sp1",{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:P},S[0]+1);
+tl.fromTo("#ic1 .steam",{y:10,opacity:0},{y:-12,opacity:1,duration:.6,ease:"sine.inOut",yoyo:true,repeat:2},S[0]+1.2);
+txt(["#t1a","#t1b","#t1c"],S[0]+.5);
+tl.to("#spl",{clipPath:"circle(0% at 50% 45%)",duration:.5,ease:"power3.in"},S[1]-.5);
+tl.to(["#ic1","#sp1"],{scale:.6,opacity:0,duration:.4,ease:"power2.in"},S[1]-.5);
+outR(0,["#t1a","#t1b","#t1c"]);
+// s2
+tl.fromTo("#feed .rc",{y:200,opacity:0},{y:0,opacity:1,duration:.6,ease:X,stagger:.1},S[1]+.05);
+tl.to("#feed",{y:-260,duration:1.8,ease:Q},S[1]+1.2);
+tl.fromTo("#ph2",{rotationY:0,transformPerspective:1600},{rotationY:14,duration:3.4,ease:"sine.inOut"},S[1]);
+tl.fromTo("#n2",{scale:0},{scale:1,duration:.5,ease:"back.out(3)"},S[1]+.3);
+txt(["#t2a","#t2b","#t2c"],S[1]+.4);
+tl.fromTo("#cn2",{scaleX:0},{scaleX:1,duration:.6,ease:Q},S[1]+.9);
+tl.to("#ph2",{x:840,duration:.5,ease:"power3.in"},S[2]-.5);
+outR(1,["#n2","#t2a","#t2b","#t2c","#cn2"]);
+// s3
+tl.fromTo("#ph3",{x:-360,transformPerspective:1600,rotationY:-14},{x:0,rotationY:-6,duration:.6,ease:P},S[2]);
+tl.fromTo("#rg3",{strokeDashoffset:660},{strokeDashoffset:160,duration:2.2,ease:"none"},S[2]+.4);
+tl.fromTo("#tm",{scale:.8,opacity:0},{scale:1,opacity:1,duration:.5,ease:"back.out(2)"},S[2]+.3);
+tl.fromTo("#toast",{y:160,opacity:0},{y:0,opacity:1,duration:.5,ease:"back.out(1.6)"},S[2]+2);
+tl.fromTo("#n3",{scale:0},{scale:1,duration:.5,ease:"back.out(3)"},S[2]+.3);
+txt(["#t3b","#t3c","#t3d"],S[2]+.4);
+tl.fromTo("#cn3",{scaleX:0},{scaleX:1,duration:.6,ease:Q},S[2]+.9);
+tl.to("#ph3",{x:-840,duration:.5,ease:"power3.in"},S[3]-.5);
+outR(2,["#n3","#t3b","#t3c","#t3d","#cn3"]);
+// s4
+tl.fromTo("#ph4",{x:360,transformPerspective:1600,rotationY:10},{x:0,rotationY:4,duration:.6,ease:P},S[3]);
+tl.fromTo("#ph4 .li",{x:120,opacity:0},{x:0,opacity:1,duration:.5,ease:X,stagger:.08},S[3]+.2);
+[1,2,3,4].forEach((k,i)=>{tl.fromTo("#cb"+k+" .tick",{scale:0},{scale:1,duration:.3,ease:"back.out(3)"},S[3]+1+i*.35);tl.fromTo("#lt"+k,{opacity:1},{opacity:.3,duration:.3},S[3]+1.05+i*.35);});
+tl.fromTo("#n4",{scale:0},{scale:1,duration:.5,ease:"back.out(3)"},S[3]+.3);
+txt(["#t4a","#t4b","#t4c"],S[3]+.4);
+tl.fromTo("#cn4",{scaleX:0},{scaleX:1,duration:.6,ease:Q},S[3]+.9);
+tl.to("#ph4",{scale:.4,opacity:0,y:-100,duration:.45,ease:"power3.in"},S[4]-.45);
+outR(3,["#n4","#t4a","#t4b","#t4c","#cn4"]);
+// s5
+tl.fromTo("#ic5",{scale:0,rotation:-120},{scale:1,rotation:0,duration:.9,ease:"back.out(1.7)"},S[4]+.05);
+tl.fromTo("#ic5 .steam",{y:14,opacity:0},{y:-16,opacity:1,duration:.5,ease:"sine.inOut",yoyo:true,repeat:3},S[4]+.8);
+tl.fromTo("#t5a",{opacity:0,scale:.8},{opacity:1,scale:1,duration:.7,ease:X},S[4]+.4);
+tl.fromTo("#t5b",{opacity:0},{opacity:1,duration:.6},S[4]+.8);
+tl.fromTo("#bd5",{opacity:0,y:40,xPercent:-50,x:0},{opacity:1,y:0,xPercent:-50,x:0,duration:.6,ease:"back.out(2)"},S[4]+1.1);
+tl.fromTo("#c5",{scale:1.06},{scale:1,duration:3,ease:"power2.out"},S[4]);
+tl.set({},{},D);
+window.__timelines=window.__timelines||{};window.__timelines["app-tour"]=tl;
+<\/script>
+</body>
+</html>
+`;export{e as default};