diff --git a/index.html b/index.html
index 2963003..96b9b7f 100644
--- a/index.html
+++ b/index.html
@@ -8,61 +8,1053 @@
 <meta property="og:title" content="eazy English – אנגלית לאמירנט">
 <meta property="og:description" content="בלי פחד. עם תוצאות. קורסי אנגלית לאמירנט מאז 1998.">
 <meta property="og:type" content="website">
-<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='20' fill='%23F37327'/><text x='50' y='66' text-anchor='middle' font-family='Arial' font-weight='bold' font-size='44' fill='white'>ez</text></svg>">
-<link rel="stylesheet" href="style.css">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='20' fill='%23F7941D'/><text x='50' y='66' text-anchor='middle' font-family='Arial' font-weight='bold' font-size='44' fill='white'>ez</text></svg>">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&family=Rubik:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
-<script src="https://unpkg.com/@phosphor-icons/web"></script>
+<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
+<style>
+*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
+:root{
+  --orange:#F7941D;
+  --orange-dark:#E8850A;
+  --orange-light:#FFF4E6;
+  --navy:#1E3A5F;
+  --gray-100:#F8F9FA;
+  --gray-200:#E9ECEF;
+  --gray-400:#ADB5BD;
+  --gray-600:#6C757D;
+  --gray-800:#343A40;
+  --white:#FFFFFF;
+  --font:'Heebo',sans-serif;
+  --radius:12px;
+  --radius-sm:8px;
+  --shadow:0 4px 24px rgba(0,0,0,0.08);
+  --shadow-lg:0 8px 40px rgba(0,0,0,0.12);
+}
+html{scroll-behavior:smooth}
+body{
+  font-family:var(--font);
+  font-size:16px;
+  line-height:1.7;
+  color:var(--gray-800);
+  background:var(--white);
+  -webkit-font-smoothing:antialiased;
+}
+a{color:inherit;text-decoration:none}
+button{font-family:inherit;cursor:pointer;border:none;background:none}
+img,svg{display:block;max-width:100%}
+.container{
+  width:100%;
+  max-width:1200px;
+  margin:0 auto;
+  padding:0 24px;
+}
+
+/* Header */
+.site-header{
+  background:var(--orange);
+  position:sticky;
+  top:0;
+  z-index:100;
+}
+.header-inner{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  height:72px;
+  gap:24px;
+}
+.logo{
+  display:flex;
+  align-items:center;
+  gap:10px;
+  font-weight:600;
+  font-size:20px;
+  color:var(--white);
+}
+.logo-icon{
+  width:44px;
+  height:44px;
+  background:var(--white);
+  border-radius:10px;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  font-weight:600;
+  font-size:18px;
+  color:var(--orange);
+}
+.main-nav{
+  display:flex;
+  align-items:center;
+  gap:8px;
+}
+.main-nav a{
+  padding:8px 14px;
+  font-size:15px;
+  font-weight:500;
+  color:var(--white);
+  border-radius:var(--radius-sm);
+  transition:background 0.2s;
+}
+.main-nav a:hover{
+  background:rgba(255,255,255,0.15);
+}
+.header-cta{
+  display:flex;
+  align-items:center;
+  gap:16px;
+  color:var(--white);
+}
+.phone-number{
+  font-size:15px;
+  font-weight:500;
+  letter-spacing:0.5px;
+}
+.cta-link{
+  background:var(--white);
+  color:var(--orange);
+  padding:10px 20px;
+  border-radius:var(--radius);
+  font-weight:600;
+  font-size:14px;
+  transition:transform 0.2s,box-shadow 0.2s;
+}
+.cta-link:hover{
+  transform:translateY(-2px);
+  box-shadow:var(--shadow);
+}
+.mobile-menu-btn{
+  display:none;
+  width:44px;
+  height:44px;
+  align-items:center;
+  justify-content:center;
+  color:var(--white);
+  font-size:28px;
+}
+
+/* Hero */
+.hero{
+  position:relative;
+  background:var(--white);
+  padding:80px 0 100px;
+  overflow:hidden;
+}
+.hero-decoration{
+  position:absolute;
+  left:0;
+  top:0;
+  width:45%;
+  height:100%;
+  pointer-events:none;
+}
+.hero-decoration svg{
+  position:absolute;
+  left:0;
+  top:50%;
+  transform:translateY(-50%);
+  width:100%;
+  height:auto;
+}
+.hero-grid{
+  display:grid;
+  grid-template-columns:1fr 1fr;
+  gap:60px;
+  align-items:center;
+  position:relative;
+  z-index:1;
+}
+.hero-content{
+  max-width:560px;
+}
+.hero h1{
+  font-size:clamp(36px,5vw,56px);
+  font-weight:600;
+  line-height:1.15;
+  color:var(--navy);
+  margin-bottom:24px;
+}
+.hero-subtitle{
+  color:var(--orange);
+}
+.hero-text{
+  font-size:18px;
+  color:var(--gray-600);
+  margin-bottom:32px;
+  max-width:480px;
+}
+.btn{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  gap:8px;
+  padding:16px 32px;
+  font-size:16px;
+  font-weight:600;
+  border-radius:var(--radius);
+  transition:all 0.25s;
+}
+.btn-primary{
+  background:var(--orange);
+  color:var(--white);
+}
+.btn-primary:hover{
+  background:var(--orange-dark);
+  transform:translateY(-2px);
+  box-shadow:var(--shadow-lg);
+}
+.hero-image{
+  display:flex;
+  justify-content:center;
+  align-items:center;
+}
+.hero-visual{
+  position:relative;
+  width:100%;
+  max-width:400px;
+}
+.hero-visual svg{
+  width:100%;
+  height:auto;
+}
+
+/* University Logos */
+.uni-section{
+  margin-top:80px;
+  text-align:center;
+}
+.uni-title{
+  font-size:15px;
+  color:var(--gray-600);
+  margin-bottom:8px;
+}
+.uni-hint{
+  font-size:13px;
+  color:var(--gray-400);
+  display:block;
+  margin-bottom:24px;
+}
+.uni-logos{
+  display:flex;
+  flex-wrap:wrap;
+  justify-content:center;
+  gap:16px;
+}
+.uni-logo{
+  padding:12px 20px;
+  background:var(--gray-100);
+  border-radius:var(--radius-sm);
+  font-size:13px;
+  font-weight:500;
+  color:var(--gray-600);
+  transition:all 0.2s;
+  cursor:pointer;
+  border:1px solid transparent;
+}
+.uni-logo:hover{
+  background:var(--orange-light);
+  border-color:var(--orange);
+  color:var(--orange);
+}
+
+/* Sections Common */
+section{
+  padding:80px 0;
+}
+section h2{
+  font-size:clamp(28px,4vw,40px);
+  font-weight:600;
+  color:var(--navy);
+  margin-bottom:16px;
+}
+.section-subtitle{
+  font-size:18px;
+  color:var(--gray-600);
+  margin-bottom:48px;
+  max-width:600px;
+}
+
+/* Where Section */
+.where-section{
+  background:var(--gray-100);
+}
+.situation-cards{
+  display:grid;
+  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
+  gap:24px;
+}
+.situation-card{
+  background:var(--white);
+  border-radius:var(--radius);
+  padding:32px;
+  box-shadow:var(--shadow);
+  transition:transform 0.3s,box-shadow 0.3s;
+  display:flex;
+  flex-direction:column;
+  gap:12px;
+}
+.situation-card:hover{
+  transform:translateY(-4px);
+  box-shadow:var(--shadow-lg);
+}
+.situation-num{
+  font-size:14px;
+  font-weight:600;
+  color:var(--orange);
+}
+.situation-title{
+  font-size:18px;
+  font-weight:600;
+  color:var(--navy);
+}
+.situation-desc{
+  font-size:15px;
+  color:var(--gray-600);
+  flex-grow:1;
+}
+.situation-cta{
+  font-size:14px;
+  font-weight:600;
+  color:var(--orange);
+  margin-top:8px;
+}
+
+/* Game Section */
+.game-section{
+  background:var(--navy);
+  color:var(--white);
+}
+.game-card{
+  display:grid;
+  grid-template-columns:1fr 1fr;
+  gap:48px;
+  align-items:center;
+}
+.game-badge{
+  display:inline-block;
+  background:var(--orange);
+  padding:6px 14px;
+  border-radius:20px;
+  font-size:13px;
+  font-weight:600;
+  margin-bottom:16px;
+}
+.game-content h2{
+  color:var(--white);
+  margin-bottom:16px;
+}
+.game-content p{
+  color:rgba(255,255,255,0.7);
+  margin-bottom:24px;
+}
+.game-link{
+  color:var(--orange);
+  font-weight:600;
+  font-size:16px;
+}
+.game-visual{
+  background:var(--white);
+  border-radius:var(--radius);
+  padding:32px;
+  text-align:center;
+}
+.game-visual svg{
+  max-width:100%;
+  height:auto;
+}
+
+/* Products Section */
+.products-section{
+  background:var(--white);
+}
+.products-title .highlight{
+  color:var(--orange);
+}
+.products-grid{
+  display:grid;
+  grid-template-columns:1fr auto 1fr;
+  gap:48px;
+  margin-top:48px;
+}
+.product-col{
+  text-align:center;
+}
+.product-name{
+  font-size:20px;
+  font-weight:600;
+  color:var(--navy);
+  margin-bottom:12px;
+}
+.product-desc{
+  font-size:15px;
+  color:var(--gray-600);
+  margin-bottom:24px;
+}
+.product-price{
+  font-size:28px;
+  font-weight:600;
+  color:var(--orange);
+  margin-bottom:24px;
+}
+.product-actions{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:12px;
+}
+.btn-dark{
+  background:var(--navy);
+  color:var(--white);
+}
+.btn-dark:hover{
+  background:var(--gray-800);
+}
+.product-link{
+  font-size:14px;
+  color:var(--orange);
+  font-weight:500;
+}
+.products-divider{
+  width:1px;
+  background:var(--gray-200);
+}
+.products-note{
+  text-align:center;
+  margin-top:48px;
+  font-size:15px;
+  color:var(--gray-600);
+}
+.products-note a{
+  color:var(--orange);
+  font-weight:500;
+}
+
+/* Method Section */
+.method-section{
+  background:var(--gray-100);
+}
+.challenges-grid{
+  display:grid;
+  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
+  gap:24px;
+  margin-bottom:48px;
+}
+.challenge-item{
+  display:flex;
+  gap:16px;
+  align-items:flex-start;
+}
+.challenge-bullet{
+  width:24px;
+  height:24px;
+  flex-shrink:0;
+  background:var(--orange-light);
+  border-radius:50%;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  margin-top:4px;
+}
+.challenge-bullet svg{
+  width:14px;
+  height:14px;
+}
+.challenge-title{
+  font-weight:600;
+  color:var(--navy);
+  margin-bottom:4px;
+}
+.challenge-content p{
+  font-size:14px;
+  color:var(--gray-600);
+}
+.method-quote{
+  background:var(--white);
+  padding:32px;
+  border-radius:var(--radius);
+  border-right:4px solid var(--orange);
+}
+.method-quote p{
+  font-size:17px;
+  color:var(--gray-800);
+  margin-bottom:16px;
+}
+.method-quote a{
+  color:var(--orange);
+  font-weight:600;
+}
+
+/* Stories Section */
+.stories-section{
+  background:var(--white);
+}
+.stories-grid{
+  display:grid;
+  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
+  gap:24px;
+  margin-bottom:32px;
+}
+.story-card{
+  background:var(--gray-100);
+  border-radius:var(--radius);
+  padding:32px;
+  position:relative;
+}
+.story-quote{
+  position:absolute;
+  top:16px;
+  right:24px;
+  font-size:60px;
+  color:var(--orange);
+  opacity:0.3;
+  line-height:1;
+}
+.story-name{
+  font-weight:600;
+  color:var(--navy);
+  margin-bottom:4px;
+}
+.story-score{
+  font-size:14px;
+  color:var(--orange);
+  font-weight:500;
+  margin-bottom:16px;
+}
+.story-card p{
+  font-size:15px;
+  color:var(--gray-600);
+}
+.stories-footer{
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  flex-wrap:wrap;
+  gap:16px;
+}
+.stories-footer span{
+  font-size:13px;
+  color:var(--gray-400);
+}
+.stories-footer a{
+  color:var(--orange);
+  font-weight:600;
+}
+
+/* Mentors Section */
+.mentors-section{
+  background:var(--orange-light);
+}
+.mentors-grid{
+  display:grid;
+  grid-template-columns:1fr 2fr;
+  gap:48px;
+  align-items:center;
+}
+.mentors-content h2{
+  margin-bottom:16px;
+}
+.mentors-content p{
+  color:var(--gray-600);
+  margin-bottom:24px;
+}
+.mentors-content a{
+  color:var(--orange);
+  font-weight:600;
+}
+.mentors-avatars{
+  display:flex;
+  gap:24px;
+  flex-wrap:wrap;
+}
+.mentor-avatar{
+  text-align:center;
+}
+.avatar{
+  width:80px;
+  height:80px;
+  border-radius:50%;
+  margin:0 auto 12px;
+  overflow:hidden;
+}
+.avatar svg{
+  width:100%;
+  height:100%;
+}
+.mentor-name{
+  font-weight:600;
+  color:var(--navy);
+}
+.mentor-role{
+  font-size:13px;
+  color:var(--gray-600);
+}
+
+/* Guide Section */
+.guide-section{
+  background:var(--white);
+}
+.guide-links{
+  display:grid;
+  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
+  gap:12px;
+  margin-bottom:24px;
+}
+.guide-link{
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  padding:16px 20px;
+  background:var(--gray-100);
+  border-radius:var(--radius-sm);
+  font-weight:500;
+  color:var(--navy);
+  transition:all 0.2s;
+}
+.guide-link:hover{
+  background:var(--orange-light);
+  color:var(--orange);
+}
+.section-link{
+  color:var(--orange);
+  font-weight:600;
+}
+
+/* Learn Section */
+.learn-section{
+  background:var(--gray-100);
+}
+.videos-grid{
+  display:grid;
+  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
+  gap:24px;
+  margin-bottom:24px;
+}
+.video-card{
+  background:var(--white);
+  border-radius:var(--radius);
+  overflow:hidden;
+  box-shadow:var(--shadow);
+  transition:transform 0.3s;
+}
+.video-card:hover{
+  transform:translateY(-4px);
+}
+.video-thumb{
+  position:relative;
+  background:var(--gray-200);
+  aspect-ratio:16/10;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+.play-btn{
+  width:56px;
+  height:56px;
+  background:var(--orange);
+  border-radius:50%;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+.play-btn svg{
+  width:24px;
+  height:24px;
+  fill:var(--white);
+  margin-right:-3px;
+}
+.video-title{
+  padding:20px;
+  font-weight:600;
+  color:var(--navy);
+}
+
+/* About Section */
+.about-section{
+  background:var(--white);
+}
+.about-strip{
+  display:grid;
+  grid-template-columns:auto 1fr auto;
+  gap:32px;
+  align-items:center;
+  background:var(--gray-100);
+  padding:32px;
+  border-radius:var(--radius);
+}
+.about-image svg{
+  width:100px;
+  height:auto;
+}
+.about-content h2{
+  font-size:24px;
+  margin-bottom:8px;
+}
+.about-content p{
+  font-size:15px;
+  color:var(--gray-600);
+}
+.about-link{
+  color:var(--orange);
+  font-weight:600;
+  white-space:nowrap;
+}
+
+/* Contact Section */
+.contact-section{
+  background:var(--navy);
+  color:var(--white);
+}
+.contact-grid{
+  display:grid;
+  grid-template-columns:1fr 1fr;
+  gap:64px;
+  align-items:center;
+}
+.contact-section h2{
+  color:var(--white);
+  margin-bottom:32px;
+}
+.contact-form{
+  display:flex;
+  flex-direction:column;
+  gap:16px;
+}
+.contact-form input{
+  padding:16px 20px;
+  font-size:16px;
+  border:none;
+  border-radius:var(--radius-sm);
+  font-family:var(--font);
+}
+.contact-form input:focus{
+  outline:2px solid var(--orange);
+}
+.consent-label{
+  display:flex;
+  gap:12px;
+  font-size:13px;
+  color:rgba(255,255,255,0.7);
+  cursor:pointer;
+}
+.consent-label a{
+  color:var(--orange);
+}
+.checkbox-mark{
+  width:20px;
+  height:20px;
+  background:var(--white);
+  border-radius:4px;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  flex-shrink:0;
+}
+.checkbox-mark svg{
+  width:12px;
+  height:12px;
+  opacity:0;
+}
+.consent-label:hover .checkbox-mark svg{
+  opacity:0.3;
+}
+.contact-info{
+  display:flex;
+  flex-direction:column;
+  gap:20px;
+}
+.contact-item{
+  display:flex;
+  align-items:center;
+  gap:12px;
+  font-size:17px;
+}
+.contact-item svg{
+  width:24px;
+  height:24px;
+  fill:var(--orange);
+}
+
+/* Footer */
+.site-footer{
+  background:var(--gray-800);
+  color:var(--white);
+  padding:64px 0 32px;
+}
+.footer-grid{
+  display:grid;
+  grid-template-columns:1.5fr repeat(4,1fr);
+  gap:32px;
+  margin-bottom:48px;
+}
+.footer-brand{
+  display:flex;
+  flex-direction:column;
+  gap:12px;
+}
+.footer-tagline{
+  color:var(--gray-400);
+}
+.footer-col-title{
+  font-weight:600;
+  margin-bottom:16px;
+  display:block;
+}
+.footer-col a{
+  display:block;
+  color:var(--gray-400);
+  font-size:14px;
+  padding:4px 0;
+  transition:color 0.2s;
+}
+.footer-col a:hover{
+  color:var(--orange);
+}
+.footer-divider{
+  height:1px;
+  background:var(--gray-600);
+  margin-bottom:24px;
+}
+.footer-bottom{
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  flex-wrap:wrap;
+  gap:16px;
+}
+.footer-contact{
+  display:flex;
+  align-items:center;
+  gap:12px;
+  color:var(--gray-400);
+}
+.footer-contact svg{
+  width:20px;
+  height:20px;
+  fill:var(--orange);
+}
+.footer-social{
+  display:flex;
+  gap:16px;
+}
+.footer-social svg{
+  width:24px;
+  height:24px;
+  fill:var(--gray-400);
+  transition:fill 0.2s;
+  cursor:pointer;
+}
+.footer-social svg:hover{
+  fill:var(--orange);
+}
+.footer-legal{
+  text-align:center;
+  margin-top:24px;
+  color:var(--gray-600);
+  font-size:13px;
+}
+
+/* Floating WhatsApp */
+.floating-whatsapp{
+  position:fixed;
+  bottom:24px;
+  left:24px;
+  width:60px;
+  height:60px;
+  background:#25D366;
+  border-radius:50%;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  box-shadow:var(--shadow-lg);
+  z-index:99;
+  transition:transform 0.3s;
+}
+.floating-whatsapp:hover{
+  transform:scale(1.1);
+}
+.floating-whatsapp svg{
+  width:32px;
+  height:32px;
+  fill:var(--white);
+}
+
+/* Mobile Action Bar */
+.mobile-action-bar{
+  display:none;
+  position:fixed;
+  bottom:0;
+  left:0;
+  right:0;
+  background:var(--white);
+  border-top:1px solid var(--gray-200);
+  padding:12px 16px;
+  z-index:100;
+}
+.mobile-action-bar a{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:4px;
+  font-size:12px;
+  color:var(--gray-600);
+}
+.mobile-action-bar a svg{
+  width:24px;
+  height:24px;
+}
+.action-btn-primary{
+  color:var(--orange)!important;
+}
+.action-btn-primary svg{
+  fill:var(--orange);
+}
+
+/* Mobile Menu */
+.mobile-menu{
+  position:fixed;
+  top:0;
+  right:-100%;
+  width:85%;
+  max-width:320px;
+  height:100vh;
+  background:var(--white);
+  z-index:200;
+  transition:right 0.3s ease;
+  overflow-y:auto;
+}
+.mobile-menu.active{
+  right:0;
+}
+.mobile-menu-overlay{
+  position:fixed;
+  inset:0;
+  background:rgba(0,0,0,0.5);
+  z-index:199;
+  opacity:0;
+  visibility:hidden;
+  transition:all 0.3s;
+}
+.mobile-menu-overlay.active{
+  opacity:1;
+  visibility:visible;
+}
+.mobile-menu-header{
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  padding:20px 24px;
+  border-bottom:1px solid var(--gray-200);
+}
+.mobile-menu-close{
+  width:40px;
+  height:40px;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  font-size:24px;
+  color:var(--gray-600);
+}
+.mobile-nav{
+  padding:24px;
+}
+.mobile-nav a{
+  display:block;
+  padding:14px 0;
+  font-size:17px;
+  font-weight:500;
+  color:var(--navy);
+  border-bottom:1px solid var(--gray-200);
+}
+.mobile-menu-footer{
+  padding:24px;
+}
+.mobile-menu-footer .phone-number{
+  display:block;
+  text-align:center;
+  margin-bottom:16px;
+  font-size:18px;
+  font-weight:600;
+  color:var(--navy);
+}
+.mobile-menu-footer .btn{
+  width:100%;
+}
+
+/* Responsive */
+@media(max-width:1024px){
+  .main-nav{display:none}
+  .header-cta{display:none}
+  .mobile-menu-btn{display:flex}
+  .hero-grid{grid-template-columns:1fr;text-align:center}
+  .hero-content{max-width:100%}
+  .hero-text{margin-inline:auto}
+  .hero-image{order:-1;margin-bottom:32px}
+  .hero-decoration{display:none}
+  .products-grid{grid-template-columns:1fr;gap:32px}
+  .products-divider{width:100%;height:1px}
+  .game-card{grid-template-columns:1fr}
+  .mentors-grid{grid-template-columns:1fr}
+  .contact-grid{grid-template-columns:1fr}
+  .about-strip{grid-template-columns:1fr;text-align:center}
+  .footer-grid{grid-template-columns:repeat(2,1fr)}
+}
+@media(max-width:768px){
+  section{padding:60px 0}
+  .footer-grid{grid-template-columns:1fr}
+  .mobile-action-bar{
+    display:grid;
+    grid-template-columns:repeat(3,1fr);
+    padding-bottom:calc(12px + env(safe-area-inset-bottom));
+  }
+  .floating-whatsapp{bottom:90px}
+  body{padding-bottom:80px}
+}
+@media(prefers-reduced-motion:reduce){
+  *{transition:none!important;animation:none!important}
+}
+</style>
 </head>
 <body>
-<div class="page-wrapper">
 
 <!-- Floating WhatsApp -->
 <a href="#contact" class="floating-whatsapp" aria-label="וואטסאפ">
-  <i class="ph ph-whatsapp-logo"></i>
+  <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
 </a>
 
 <!-- Header -->
 <header class="site-header">
-  <div class="header-logo">
-    <div class="logo-mark">
-      <svg viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <rect width="54" height="54" rx="12" fill="#F37327"/>
-        <text x="27" y="36" text-anchor="middle" font-family="Arial" font-weight="bold" font-size="24" fill="white">ez</text>
-      </svg>
+  <div class="container">
+    <div class="header-inner">
+      <a href="index.html" class="logo">
+        <span class="logo-icon">E</span>
+        <span>eazy English</span>
+      </a>
+      <nav class="main-nav">
+        <a href="amirnet.html">אמירנט</a>
+        <a href="compare.html">הקורסים</a>
+        <a href="free.html">מתחילים בחינם</a>
+        <a href="learn.html">ללמוד אנגלית</a>
+        <a href="technion.html">מחשבון פטור מאנגלית</a>
+        <a href="about.html">עלינו</a>
+      </nav>
+      <div class="header-cta">
+        <span class="phone-number" dir="ltr">1-700-70-70-07</span>
+        <a href="#contact" class="cta-link">שיחת ייעוץ ←</a>
+      </div>
+      <button class="mobile-menu-btn" aria-label="תפריט" onclick="toggleMobileMenu()">
+        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h18M3 6h18M3 18h18"/></svg>
+      </button>
     </div>
-    <span class="logo-divider"></span>
-    <span class="logo-text">English</span>
   </div>
-  <nav class="main-nav">
-    <a href="amirnet.html">אמירנט</a>
-    <a href="compare.html">הקורסים</a>
-    <a href="free.html">מתחילים בחינם</a>
-    <a href="learn.html">ללמוד אנגלית</a>
-    <a href="technion.html">מחשבון פטור מאנגלית</a>
-    <a href="about.html">עלינו</a>
-  </nav>
-  <div class="header-cta">
-    <span class="phone-number" dir="ltr">1-700-70-70-07</span>
-    <a href="#contact" class="cta-link">שיחת ייעוץ ←</a>
-  </div>
-  <button class="mobile-menu-btn" aria-label="תפריט">
-    <i class="ph ph-list"></i>
-  </button>
 </header>
 
 <!-- Mobile Menu -->
-<div class="mobile-menu">
+<div class="mobile-menu" id="mobileMenu">
   <div class="mobile-menu-header">
-    <div class="logo-mark">
-      <svg viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <rect width="54" height="54" rx="12" fill="#F37327"/>
-        <text x="27" y="36" text-anchor="middle" font-family="Arial" font-weight="bold" font-size="24" fill="white">ez</text>
-      </svg>
-    </div>
-    <button class="mobile-menu-close" aria-label="סגור">
-      <i class="ph ph-x"></i>
+    <span class="logo-icon" style="background:var(--orange);color:white">E</span>
+    <button class="mobile-menu-close" aria-label="סגור" onclick="toggleMobileMenu()">
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
     </button>
   </div>
   <nav class="mobile-nav">
@@ -75,83 +1067,67 @@
   </nav>
   <div class="mobile-menu-footer">
     <span class="phone-number" dir="ltr">1-700-70-70-07</span>
-    <a href="#contact" class="btn btn-primary">שיחת ייעוץ</a>
+    <a href="#contact" class="btn btn-primary" onclick="toggleMobileMenu()">שיחת ייעוץ</a>
   </div>
 </div>
-<div class="mobile-menu-overlay"></div>
+<div class="mobile-menu-overlay" id="mobileOverlay" onclick="toggleMobileMenu()"></div>
 
 <!-- Hero Section -->
 <section class="hero">
-  <div class="hero-bg" aria-hidden="true">
-    <div class="hero-bg-letter">E</div>
+  <div class="hero-decoration" aria-hidden="true">
+    <svg viewBox="0 0 500 600" fill="none">
+      <path d="M-100 0C200 100 400 200 300 400C200 600 0 550 -100 600V0Z" fill="#F7941D" opacity="0.15"/>
+      <path d="M-150 100C150 200 350 300 250 500C150 700 -50 650 -150 700V100Z" fill="#F7941D" opacity="0.1"/>
+    </svg>
   </div>
   <div class="container">
     <div class="hero-grid">
       <div class="hero-content">
         <h1>אנגלית לאמירנט.<br><span class="hero-subtitle">בלי פחד. עם תוצאות.</span></h1>
         <p class="hero-text">מאז 1998 עזרנו ל-120,000 תלמידים להגיע לאקדמיה – כולל כאלה שהיו בטוחים שאנגלית זה לא בשבילם.<br>קורס עם מדריך בזמן אמת, או ערכת תרגול עצמאית. בכל מקרה, מתחילים בחינם.</p>
-        <div class="hero-actions">
-          <a href="level-test.html" class="btn btn-primary btn-lg">בדקו את הרמה שלכם – 10 דקות</a>
-        </div>
+        <a href="level-test.html" class="btn btn-primary">בדקו את הרמה שלכם – 10 דקות</a>
       </div>
       <div class="hero-image">
-        <div class="hero-photo-placeholder">
-          <svg viewBox="0 0 400 420" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <ellipse cx="200" cy="400" rx="120" ry="20" fill="#E8E6F3" opacity="0.5"/>
-            <rect x="120" y="280" width="160" height="100" rx="8" fill="#A9A4EC"/>
-            <rect x="130" y="290" width="140" height="70" rx="4" fill="#E8E6F3"/>
-            <circle cx="200" cy="180" r="80" fill="#F37327"/>
-            <circle cx="200" cy="160" r="50" fill="#FFE4D4"/>
-            <rect x="150" y="220" width="100" height="80" rx="4" fill="#FFE4D4"/>
-            <path d="M160 200 Q200 240 240 200" stroke="#3F4197" stroke-width="3" fill="none"/>
+        <div class="hero-visual">
+          <svg viewBox="0 0 400 400" fill="none">
+            <circle cx="200" cy="200" r="180" fill="#FFF4E6"/>
+            <ellipse cx="200" cy="380" rx="100" ry="15" fill="#E9ECEF"/>
+            <rect x="140" y="200" width="120" height="140" rx="8" fill="#F7941D"/>
+            <rect x="150" y="210" width="100" height="80" rx="4" fill="white"/>
+            <circle cx="200" cy="130" r="60" fill="#FFE4D4"/>
+            <circle cx="200" cy="120" r="45" fill="#F7941D" opacity="0.3"/>
+            <path d="M170 140 Q200 160 230 140" stroke="#1E3A5F" stroke-width="3" fill="none" stroke-linecap="round"/>
+            <circle cx="180" cy="115" r="5" fill="#1E3A5F"/>
+            <circle cx="220" cy="115" r="5" fill="#1E3A5F"/>
+            <rect x="160" y="220" width="80" height="8" rx="4" fill="#E9ECEF"/>
+            <rect x="160" y="240" width="60" height="8" rx="4" fill="#E9ECEF"/>
+            <rect x="160" y="260" width="70" height="8" rx="4" fill="#E9ECEF"/>
           </svg>
         </div>
       </div>
     </div>
-    
+
     <!-- University Logos -->
     <div class="uni-section">
-      <div class="uni-header">
-        <span class="uni-title">המוסדות הכי נחשבים בארץ ממליצים על הקורסים שלנו עוד מאז שאנגלית הייתה חלק מהפסיכומטרי.</span>
-        <span class="uni-hint">לחצו על לוגו כדי לקרוא למה הם שמחים לפרגן</span>
-      </div>
+      <p class="uni-title">המוסדות הכי נחשבים בארץ ממליצים על הקורסים שלנו</p>
+      <span class="uni-hint">לחצו על לוגו כדי לקרוא למה הם שמחים לפרגן</span>
       <div class="uni-logos">
-        <button class="uni-logo-card" data-uni="technion" title="הטכניון">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">טכניון</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="tau" title="אוניברסיטת תל אביב">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">תל אביב</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="huji" title="האוניברסיטה העברית">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">עברית</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="bgu" title="אוניברסיטת בן גוריון">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">בן גוריון</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="biu" title="אוניברסיטת בר אילן">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">בר אילן</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="haifa" title="אוניברסיטת חיפה">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">חיפה</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="ariel" title="אוניברסיטת אריאל">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">אריאל</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="openu" title="האוניברסיטה הפתוחה">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">פתוחה</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="idc" title="הרצליה">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">הרצליה</text></svg>
-        </button>
-        <button class="uni-logo-card" data-uni="colman" title="קולמן">
-          <svg viewBox="0 0 80 40" fill="none"><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">קולמן</text></svg>
-        </button>
+        <button class="uni-logo">טכניון</button>
+        <button class="uni-logo">תל אביב</button>
+        <button class="uni-logo">עברית</button>
+        <button class="uni-logo">בן גוריון</button>
+        <button class="uni-logo">בר אילן</button>
+        <button class="uni-logo">חיפה</button>
+        <button class="uni-logo">אריאל</button>
+        <button class="uni-logo">פתוחה</button>
+        <button class="uni-logo">הרצליה</button>
+        <button class="uni-logo">קולמן</button>
       </div>
     </div>
   </div>
 </section>
 
-<!-- Where Are You Section -->
+<!-- Where Section -->
 <section class="where-section">
   <div class="container">
     <h2>מה המצב שלך באנגלית?</h2>
@@ -164,13 +1140,13 @@
         <span class="situation-cta">זה אני ←</span>
       </a>
       <a href="improve-score.html" class="situation-card">
-        <span class="situation-num situation-num-green">02</span>
+        <span class="situation-num">02</span>
         <span class="situation-title">"קיבלתי ציון, רוצה להעלות אותו"</span>
         <span class="situation-desc">35 יום עד המבחן הבא. אפשר לנצל אותם.</span>
         <span class="situation-cta">זה אני ←</span>
       </a>
       <a href="english-is-hard.html" class="situation-card">
-        <span class="situation-num situation-num-orange">03</span>
+        <span class="situation-num">03</span>
         <span class="situation-title">"אנגלית תמיד הייתה סיוט בשבילי"</span>
         <span class="situation-desc">כאן זה עובד אחרת. באמת. שווה לבדוק.</span>
         <span class="situation-cta">זה אני ←</span>
@@ -179,26 +1155,25 @@
   </div>
 </section>
 
-<!-- Free Game Taste -->
+<!-- Game Section -->
 <section class="game-section">
   <div class="container">
     <div class="game-card">
       <div class="game-content">
         <span class="game-badge">בלי הרשמה</span>
-        <h2>עד 90 שניות טעימה של תותח מילים – בלי הרשמה.</h2>
+        <h2>עד 90 שניות טעימה של תותח מילים</h2>
         <p>תראו למה התלמידים שלנו לא נרדמים על אוצר מילים.</p>
         <a href="free.html" class="game-link">משחקים עכשיו ←</a>
       </div>
-      <div class="game-image">
-        <div class="game-placeholder">
-          <svg viewBox="0 0 300 180" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <rect width="300" height="180" rx="8" fill="#3F4197"/>
-            <rect x="20" y="20" width="260" height="100" rx="4" fill="#fff"/>
-            <text x="150" y="75" text-anchor="middle" font-size="16" fill="#3F4197" font-weight="bold">תותח מילים</text>
-            <rect x="100" y="140" width="100" height="24" rx="12" fill="#F37327"/>
-            <text x="150" y="156" text-anchor="middle" font-size="10" fill="#fff">התחל</text>
-          </svg>
-        </div>
+      <div class="game-visual">
+        <svg viewBox="0 0 300 180" fill="none">
+          <rect width="300" height="180" rx="12" fill="#1E3A5F"/>
+          <rect x="20" y="20" width="260" height="100" rx="8" fill="white"/>
+          <text x="150" y="70" text-anchor="middle" font-size="18" fill="#1E3A5F" font-weight="600">תותח מילים</text>
+          <text x="150" y="95" text-anchor="middle" font-size="12" fill="#6C757D">לחצו להתחיל</text>
+          <rect x="100" y="140" width="100" height="28" rx="14" fill="#F7941D"/>
+          <text x="150" y="158" text-anchor="middle" font-size="12" fill="white" font-weight="600">התחל</text>
+        </svg>
       </div>
     </div>
   </div>
@@ -207,7 +1182,7 @@
 <!-- Products Section -->
 <section class="products-section">
   <div class="container">
-    <h2 class="products-title">שתי דרכים להגיע <span class="highlight-orange">ליעד</span></h2>
+    <h2 class="products-title">שתי דרכים להגיע <span class="highlight">ליעד</span></h2>
     <div class="products-grid">
       <div class="product-col">
         <div class="product-name">עצמאית, עם יוזר אמירנט אישי</div>
@@ -224,7 +1199,7 @@
         <p class="product-desc">מדריך בזמן אמת, קבוצה קטנה, מישהו שאכפת לו אם הגעתם.</p>
         <div class="product-price">מ-1,500 ₪</div>
         <div class="product-actions">
-          <a href="course.html" class="btn btn-primary">שיחת ייעוץ</a>
+          <a href="#contact" class="btn btn-primary">שיחת ייעוץ</a>
           <a href="course.html" class="product-link">פרטים ←</a>
         </div>
       </div>
@@ -240,7 +1215,7 @@
     <div class="challenges-grid">
       <div class="challenge-item">
         <div class="challenge-bullet">
-          <svg viewBox="0 0 14 14" fill="none"><path d="M5 7L7 9L12 4" stroke="#F37327" stroke-width="2" stroke-linecap="round"/></svg>
+          <svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
         </div>
         <div class="challenge-content">
           <div class="challenge-title">אוצר מילים לא נכנס לראש</div>
@@ -249,7 +1224,7 @@
       </div>
       <div class="challenge-item">
         <div class="challenge-bullet">
-          <svg viewBox="0 0 14 14" fill="none"><path d="M5 7L7 9L12 4" stroke="#F37327" stroke-width="2" stroke-linecap="round"/></svg>
+          <svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
         </div>
         <div class="challenge-content">
           <div class="challenge-title">לא מבינים את סוגי השאלות</div>
@@ -258,7 +1233,7 @@
       </div>
       <div class="challenge-item">
         <div class="challenge-bullet">
-          <svg viewBox="0 0 14 14" fill="none"><path d="M5 7L7 9L12 4" stroke="#F37327" stroke-width="2" stroke-linecap="round"/></svg>
+          <svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
         </div>
         <div class="challenge-content">
           <div class="challenge-title">קשה להתמיד לבד</div>
@@ -267,16 +1242,16 @@
       </div>
       <div class="challenge-item">
         <div class="challenge-bullet">
-          <svg viewBox="0 0 14 14" fill="none"><path d="M5 7L7 9L12 4" stroke="#F37327" stroke-width="2" stroke-linecap="round"/></svg>
+          <svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
         </div>
         <div class="challenge-content">
-          <div class="challenge-title challenge-title-orange">אנגלית מלחיצה אתכם מגיל 12</div>
+          <div class="challenge-title">אנגלית מלחיצה אתכם מגיל 12</div>
           <p>שיטה חווייתית שמורידה את הרתיעה.</p>
         </div>
       </div>
       <div class="challenge-item">
         <div class="challenge-bullet">
-          <svg viewBox="0 0 14 14" fill="none"><path d="M5 7L7 9L12 4" stroke="#F37327" stroke-width="2" stroke-linecap="round"/></svg>
+          <svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
         </div>
         <div class="challenge-content">
           <div class="challenge-title">לקות למידה / הזמן הורג אתכם</div>
@@ -333,38 +1308,44 @@
       </div>
       <div class="mentors-avatars">
         <div class="mentor-avatar">
-          <div class="avatar avatar-lavender">
-            <svg viewBox="0 0 132 132" fill="none"><circle cx="66" cy="66" r="63" fill="#E8E6F3"/><circle cx="66" cy="50" r="25" fill="#A9A4EC"/><ellipse cx="66" cy="110" rx="40" ry="30" fill="#A9A4EC"/></svg>
-          </div>
-          <div class="mentor-info">
-            <div class="mentor-name">נעה</div>
-            <div class="mentor-role">אנגלית לאמירנט · 12 שנים</div>
+          <div class="avatar">
+            <svg viewBox="0 0 80 80" fill="none">
+              <circle cx="40" cy="40" r="40" fill="#FFF4E6"/>
+              <circle cx="40" cy="32" r="16" fill="#F7941D"/>
+              <ellipse cx="40" cy="70" rx="24" ry="18" fill="#F7941D"/>
+            </svg>
           </div>
+          <div class="mentor-name">נעה</div>
+          <div class="mentor-role">אנגלית לאמירנט · 12 שנים</div>
         </div>
         <div class="mentor-avatar">
-          <div class="avatar avatar-orange">
-            <svg viewBox="0 0 132 132" fill="none"><circle cx="66" cy="66" r="63" fill="#FFE4D4"/><circle cx="66" cy="50" r="25" fill="#F37327"/><ellipse cx="66" cy="110" rx="40" ry="30" fill="#F37327"/></svg>
-          </div>
-          <div class="mentor-info">
-            <div class="mentor-name">אלון</div>
-            <div class="mentor-role">מוביל הקורס האונליין</div>
+          <div class="avatar">
+            <svg viewBox="0 0 80 80" fill="none">
+              <circle cx="40" cy="40" r="40" fill="#E9ECEF"/>
+              <circle cx="40" cy="32" r="16" fill="#1E3A5F"/>
+              <ellipse cx="40" cy="70" rx="24" ry="18" fill="#1E3A5F"/>
+            </svg>
           </div>
+          <div class="mentor-name">אלון</div>
+          <div class="mentor-role">מוביל הקורס האונליין</div>
         </div>
         <div class="mentor-avatar">
-          <div class="avatar avatar-lavender">
-            <svg viewBox="0 0 132 132" fill="none"><circle cx="66" cy="66" r="63" fill="#E8E6F3"/><circle cx="66" cy="50" r="25" fill="#A9A4EC"/><ellipse cx="66" cy="110" rx="40" ry="30" fill="#A9A4EC"/></svg>
-          </div>
-          <div class="mentor-info">
-            <div class="mentor-name">יובל</div>
-            <div class="mentor-role">מתמחה בלקויות למידה</div>
+          <div class="avatar">
+            <svg viewBox="0 0 80 80" fill="none">
+              <circle cx="40" cy="40" r="40" fill="#FFF4E6"/>
+              <circle cx="40" cy="32" r="16" fill="#F7941D"/>
+              <ellipse cx="40" cy="70" rx="24" ry="18" fill="#F7941D"/>
+            </svg>
           </div>
+          <div class="mentor-name">יובל</div>
+          <div class="mentor-role">מתמחה בלקויות למידה</div>
         </div>
       </div>
     </div>
   </div>
 </section>
 
-<!-- Amirnet Guide Section -->
+<!-- Guide Section -->
 <section class="guide-section">
   <div class="container">
     <h2>מדריך אמירנט</h2>
@@ -380,35 +1361,32 @@
   </div>
 </section>
 
-<!-- Learn English Section -->
+<!-- Learn Section -->
 <section class="learn-section">
   <div class="container">
     <h2>ללמוד אנגלית, בכיף</h2>
     <div class="videos-grid">
       <a href="vocabulary.html" class="video-card">
         <div class="video-thumb">
-          <div class="video-placeholder">
-            <svg viewBox="0 0 280 175" fill="none"><rect width="280" height="175" rx="8" fill="#E8E6F3"/><circle cx="140" cy="87" r="26" fill="#F37327"/><path d="M133 77L153 87L133 97V77Z" fill="#fff"/></svg>
-          </div>
-          <span class="play-btn"><i class="ph-fill ph-play"></i></span>
+          <span class="play-btn">
+            <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+          </span>
         </div>
         <div class="video-title">איך משננים אוצר מילים באמת</div>
       </a>
       <a href="learn.html" class="video-card">
         <div class="video-thumb">
-          <div class="video-placeholder">
-            <svg viewBox="0 0 280 175" fill="none"><rect width="280" height="175" rx="8" fill="#E8E6F3"/><circle cx="140" cy="87" r="26" fill="#F37327"/><path d="M133 77L153 87L133 97V77Z" fill="#fff"/></svg>
-          </div>
-          <span class="play-btn"><i class="ph-fill ph-play"></i></span>
+          <span class="play-btn">
+            <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+          </span>
         </div>
         <div class="video-title">ללמוד אנגלית מסרטים וסדרות</div>
       </a>
       <a href="learn.html" class="video-card">
         <div class="video-thumb">
-          <div class="video-placeholder">
-            <svg viewBox="0 0 280 175" fill="none"><rect width="280" height="175" rx="8" fill="#E8E6F3"/><circle cx="140" cy="87" r="26" fill="#F37327"/><path d="M133 77L153 87L133 97V77Z" fill="#fff"/></svg>
-          </div>
-          <span class="play-btn"><i class="ph-fill ph-play"></i></span>
+          <span class="play-btn">
+            <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+          </span>
         </div>
         <div class="video-title">טיקטוק ורילס כמורה לאנגלית</div>
       </a>
@@ -422,7 +1400,12 @@
   <div class="container">
     <div class="about-strip">
       <div class="about-image">
-        <svg viewBox="0 0 120 180" fill="none"><ellipse cx="60" cy="170" rx="50" ry="10" fill="#E8E6F3" opacity="0.5"/><rect x="30" y="100" width="60" height="80" rx="4" fill="#A9A4EC"/><circle cx="60" cy="60" r="40" fill="#F37327"/><circle cx="60" cy="50" r="25" fill="#FFE4D4"/></svg>
+        <svg viewBox="0 0 100 140" fill="none">
+          <ellipse cx="50" cy="130" rx="40" ry="8" fill="#E9ECEF"/>
+          <rect x="25" y="70" width="50" height="60" rx="6" fill="#F7941D"/>
+          <circle cx="50" cy="45" r="30" fill="#FFE4D4"/>
+          <circle cx="50" cy="40" r="20" fill="#F7941D" opacity="0.3"/>
+        </svg>
       </div>
       <div class="about-content">
         <h2>מ-1998, מהטכניון ועד בן גוריון</h2>
@@ -442,24 +1425,26 @@
         <form class="contact-form" id="leadForm">
           <input type="text" name="name" placeholder="שם" required>
           <input type="tel" name="phone" placeholder="טלפון" dir="ltr" required>
-          <button type="submit" class="btn btn-primary btn-lg">דברו איתי</button>
+          <button type="submit" class="btn btn-primary" style="width:100%">דברו איתי</button>
           <label class="consent-label">
-            <span class="checkbox-mark"><i class="ph-bold ph-check"></i></span>
+            <span class="checkbox-mark">
+              <svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            </span>
             <span>אני מאשר/ת פנייה חוזרת ושמירת הפרטים לצורך כך בלבד, בהתאם ל<a href="privacy.html">מדיניות הפרטיות</a>.</span>
           </label>
         </form>
       </div>
       <div class="contact-info">
         <div class="contact-item">
-          <i class="ph ph-phone"></i>
+          <svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
           <span dir="ltr">1-700-70-70-07</span>
         </div>
-        <div class="contact-item contact-item-whatsapp">
-          <i class="ph ph-whatsapp-logo"></i>
+        <div class="contact-item">
+          <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
           <span>וואטסאפ</span>
         </div>
         <div class="contact-item">
-          <i class="ph ph-clock"></i>
+          <svg viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>
           <span>ימים א'–ה' 9:00–19:00, ו' 9:00–13:00</span>
         </div>
       </div>
@@ -467,31 +1452,12 @@
   </div>
 </section>
 
-<!-- University Modal -->
-<div class="modal-overlay" id="uniModal">
-  <div class="modal-content">
-    <button class="modal-close" aria-label="סגירה"><i class="ph ph-x"></i></button>
-    <span class="modal-label">למה הם שמחים לפרגן</span>
-    <h3 class="modal-title" id="modalTitle">הטכניון</h3>
-    <div class="modal-body" id="modalBody">
-      <div class="letter-placeholder">
-        <svg viewBox="0 0 600 800" fill="none"><rect width="600" height="800" fill="#f5f5f5"/><rect x="50" y="50" width="500" height="60" rx="4" fill="#e0e0e0"/><rect x="50" y="140" width="500" height="20" rx="4" fill="#e0e0e0"/><rect x="50" y="180" width="400" height="20" rx="4" fill="#e0e0e0"/><rect x="50" y="220" width="450" height="20" rx="4" fill="#e0e0e0"/><rect x="50" y="260" width="480" height="20" rx="4" fill="#e0e0e0"/><rect x="50" y="300" width="420" height="20" rx="4" fill="#e0e0e0"/><text x="300" y="450" text-anchor="middle" font-size="24" fill="#999">מכתב המלצה</text></svg>
-      </div>
-    </div>
-  </div>
-</div>
-
 <!-- Footer -->
 <footer class="site-footer">
   <div class="container">
     <div class="footer-grid">
       <div class="footer-brand">
-        <div class="logo-mark">
-          <svg viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <rect width="58" height="58" rx="13" fill="#F37327"/>
-            <text x="29" y="38" text-anchor="middle" font-family="Arial" font-weight="bold" font-size="26" fill="white">ez</text>
-          </svg>
-        </div>
+        <span class="logo-icon" style="background:var(--orange);color:white;width:48px;height:48px;font-size:20px">E</span>
         <span class="footer-tagline">פשוט תצליחו.</span>
       </div>
       <div class="footer-col">
@@ -501,7 +1467,7 @@
         <a href="amirnet.html">הרשמה ומועדים</a>
       </div>
       <div class="footer-col">
-        <span class="footer-col-title">התנסות אמירנט בחינם</span>
+        <span class="footer-col-title">התנסות בחינם</span>
         <a href="free.html">מבחן רמה</a>
         <a href="free.html">תותח מילים</a>
         <a href="free.html">מחשבון פטור</a>
@@ -510,7 +1476,7 @@
         <span class="footer-col-title">הקורסים</span>
         <a href="course.html">קורס אמירנט אונליין</a>
         <a href="user.html">יוזר אמירנט</a>
-        <a href="contact.html">למוסדות</a>
+        <a href="#contact">למוסדות</a>
       </div>
       <div class="footer-col">
         <span class="footer-col-title">eazy</span>
@@ -522,15 +1488,15 @@
     <div class="footer-divider"></div>
     <div class="footer-bottom">
       <div class="footer-contact">
-        <i class="ph ph-whatsapp-logo"></i>
+        <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
         <span>דברו איתנו</span>
-        <span class="footer-sep">|</span>
+        <span style="margin:0 8px">|</span>
         <span dir="ltr">1-700-70-70-07</span>
       </div>
       <div class="footer-social">
-        <i class="ph ph-youtube-logo"></i>
-        <i class="ph ph-facebook-logo"></i>
-        <i class="ph ph-instagram-logo"></i>
+        <svg viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
+        <svg viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg>
+        <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
       </div>
     </div>
     <div class="footer-legal">
@@ -542,21 +1508,65 @@
 <!-- Mobile Action Bar -->
 <div class="mobile-action-bar">
   <a href="tel:1700707007" class="action-btn">
-    <i class="ph ph-phone"></i>
+    <svg viewBox="0 0 24 24" fill="currentColor"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
     <span>חייגו</span>
   </a>
   <a href="#contact" class="action-btn action-btn-primary">
-    <i class="ph ph-whatsapp-logo"></i>
+    <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
     <span>וואטסאפ</span>
   </a>
   <a href="level-test.html" class="action-btn">
-    <i class="ph ph-exam"></i>
+    <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
     <span>מבחן רמה</span>
   </a>
 </div>
 
-</div>
+<script>
+function toggleMobileMenu(){
+  document.getElementById('mobileMenu').classList.toggle('active');
+  document.getElementById('mobileOverlay').classList.toggle('active');
+  document.body.style.overflow=document.getElementById('mobileMenu').classList.contains('active')?'hidden':'';
+}
 
-<script src="script.js"></script>
+// Smooth scroll for anchor links
+document.querySelectorAll('a[href^="#"]').forEach(anchor=>{
+  anchor.addEventListener('click',function(e){
+    const target=document.querySelector(this.getAttribute('href'));
+    if(target){
+      e.preventDefault();
+      target.scrollIntoView({behavior:'smooth'});
+      if(document.getElementById('mobileMenu').classList.contains('active')){
+        toggleMobileMenu();
+      }
+    }
+  });
+});
+
+// Form submission
+document.getElementById('leadForm').addEventListener('submit',function(e){
+  e.preventDefault();
+  alert('תודה! ניצור איתך קשר בהקדם.');
+  this.reset();
+});
+
+// Intersection Observer for animations
+if('IntersectionObserver'in window&&!window.matchMedia('(prefers-reduced-motion: reduce)').matches){
+  const observer=new IntersectionObserver((entries)=>{
+    entries.forEach(entry=>{
+      if(entry.isIntersecting){
+        entry.target.style.opacity='1';
+        entry.target.style.transform='translateY(0)';
+      }
+    });
+  },{threshold:0.1});
+  
+  document.querySelectorAll('section').forEach(section=>{
+    section.style.opacity='0';
+    section.style.transform='translateY(20px)';
+    section.style.transition='opacity 0.6s ease, transform 0.6s ease';
+    observer.observe(section);
+  });
+}
+</script>
 </body>
 </html>
\ No newline at end of file