html{scroll-behavior:smooth}
  body {
    margin: 0;
    font-family: 'Rubik', sans-serif;
    background: radial-gradient(circle at top right, #0a1837, #020611);
    color: #fff;
    overflow-x: hidden;
  }

}


  /* ===== Topbar ===== */
  header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 80px;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(8px);
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  header img { height: 50px; }
  header nav a {
    color: #fff; text-decoration: none; margin: 0 15px; font-weight: 500; transition: 0.3s;
  }
  header nav a:hover { color: #00d5ff; }

  .cta-btn {
    padding: 14px 36px;
    background: linear-gradient(90deg, #00d5ff, #00ffa6);
    color: #001;
    font-weight: 700;
    border: none;
    border-radius: 50px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: 0.4s;
  }
  .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 0 25px #00ffe0; }
  .cta-btn.secondary { background: transparent; border:2px solid #00ffa6; color:#00ffa6; }

  /* ===== HERO ===== */
  .hero { position: relative; text-align: center; overflow: hidden; }
  .hero video { width: 100%; height: 90vh; object-fit: cover; filter: brightness(50%); }
  .hero-content {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; color: #fff; width: 90%; max-width: 900px;
  }
  .hero-content h1 {
    font-size: clamp(2rem, 4vw, 3.5rem);
    margin-bottom: 20px;
    background: linear-gradient(to right, #00ffa6, #00d5ff);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  }
  .hero-content p { color: #ccc; font-size: 23px; margin-bottom: 28px; }
  .hero-buttons { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
  .hero-features {
    display:flex; justify-content:center; gap:16px; margin-top:28px; flex-wrap:wrap; color:#ccc; font-size:1rem;
  }
  .hero-features span::before { content:'✅ '; }

  /* ===== NEW: live strip under hero ===== */
  .live-strip{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center;
    padding:16px 12px 0;
    background:linear-gradient(180deg, rgba(1,3,19,0) 0%, #010313 100%);
  }
  .live-chip{
    background:rgba(0,255,166,.09);
    border:1px solid rgba(0,255,166,.35);
    border-radius:999px;
    padding:7px 16px 7px 14px;
    display:flex;
    gap:6px;
    align-items:center;
    color:#e8fffb;
    font-size:.9rem;
    white-space:nowrap;
  }
  .live-chip small{opacity:.7}
  .live-chip .dot{
    width:8px;height:8px;border-radius:999px;background:#00ffa6;
  }

  /* ===== NEW: live model card row ===== */
  .live-model{
    display:flex;
    gap:34px;
    align-items:stretch;
    padding:28px 6% 0;
  }
  .live-box{
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.05);
    border-radius:20px;
    width:310px;
    max-width:100%;
    padding:20px 20px 18px;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
  }
  .live-box h3{
    margin:0 0 6px;
    font-size:1.05rem;
  }
  .live-box small{color:#b7cadf}
  .live-box .live-row{
    margin-top:14px;
    display:flex;
    justify-content:space-between;
    background:rgba(3,10,26,.6);
    border:1px solid rgba(255,255,255,.01);
    border-radius:14px;
    padding:10px 14px;
  }
  .live-pill{
    margin-top:14px;
    background:rgba(0,255,166,.04);
    border:1px solid rgba(0,255,166,.2);
    border-radius:999px;
    padding:7px 14px;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .live-pill .green-dot{
    width:9px;height:9px;border-radius:999px;background:#03ff81;
  }
  .live-actions{
    margin-top:14px;
    display:flex;
    gap:8px;
  }
  .live-actions a{
    flex:1;
    text-align:center;
    background:rgba(0,191,255,.03);
    border:1px solid rgba(0,191,255,.25);
    border-radius:12px;
    padding:6px 0;
    font-size:.85rem;
    text-decoration:none;
    color:#fff;
  }
  /* right content next to card (text) */
  .live-right{
    flex:1;
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    align-content:flex-start;
  }
  .live-right-box{
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.03);
    border-radius:14px;
    padding:12px 14px 10px;
    min-width:180px;
    flex:1 0 180px;
  }
  .live-right-box h4{
    margin:0 0 4px;
    font-size:.85rem;
    color:#fff;
  }
  .live-right-box p{
    margin:0;
    color:#d3eaff;
    font-size:.8rem;
  }

  /* ===== 4-Tiles Section ===== */
  .section { padding: 90px 8%; background:#050d22; text-align:center; }
  .section h2 { font-size: 2.2rem; margin-bottom: 34px; color:#00d5ff; }
  .tiles {
    display:grid; gap:18px; grid-template-columns:repeat(2, minmax(220px,1fr));
    max-width:1100px; margin:0 auto;
  }
  @media (min-width: 980px){ .tiles{ grid-template-columns:repeat(4,1fr); } }
  .tile {
    background: rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px; padding:26px 18px; min-height:150px;
    transition:.25s; display:grid; align-content:center; gap:8px;
  }
  .tile:hover { transform: translateY(-6px); box-shadow:0 12px 28px rgba(0,255,255,.12); }
  .tile .icon{
    width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
    background:#00e0c61a;border:1px solid #00e0c64d;color:#00ffa6;font-weight:900;margin:0 auto 6px;
  }
  .tile h3{ margin:6px 0 4px; color:#00ffa6; font-size:1.05rem }
  .tile p{ margin:0; color:#cfe3ff; font-size:.95rem }

  /* ===== Secondary features grid ===== */
  .grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;
    max-width:1200px; margin:0 auto;
  }
  .card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 40px 20px;
    transition: 0.3s;
  }
  .card:hover { transform: translateY(-10px); box-shadow: 0 0 25px rgba(0, 255, 255, 0.25); }
  .card img { height: 80px; margin-bottom: 20px; }
  .card h3 { color: #00ffa6; margin-bottom: 10px; }

  /* ===== Comparison ===== */
  .compare { background:#010313; padding:90px 6%; }
  .compare h2{ text-align:center; margin-top:0; margin-bottom:22px; color:#00d5ff }
  .table-wrap{
    max-width:1200px; margin:0 auto; overflow:auto;
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:14px;
  }
  table { width: 100%; border-collapse: collapse; color: #fff; font-size: 1.05rem; }
  thead th{
    background: linear-gradient(90deg, #08343a, #0e3f3c 55%, #08343a);
    padding:16px; border-bottom:1px solid rgba(255,255,255,.12);
  }
  th, td { border-bottom: 1px solid rgba(255,255,255,0.08); padding: 14px; text-align:center; }
  tbody tr:hover{ background: rgba(255,255,255,.04); }
  .badge { display:inline-block; padding:4px 10px; border-radius:999px;
    background:linear-gradient(90deg,#00d5ff,#00ffa6); color:#012; font-weight:800; font-size:.85rem }

  /* ===== Contact section ===== */
  .contact { background: linear-gradient(135deg, rgba(0, 255, 255, 0.1), rgba(0, 0, 0, 0.8)); text-align: center; padding: 90px 20px; }
  .contact .cta-btn{ margin-top:10px }

  /* ===== Modal ===== */
  .modal{ position:fixed; inset:0; display:none; place-items:center; background:rgba(0,0,0,.6); backdrop-filter:blur(6px); z-index:2000; }
  .modal.open{ display:grid; }
  .modal .box{
    width:min(560px,92vw); background:#07132c; border:1px solid rgba(255,255,255,.1);
    border-radius:16px; padding:22px; box-shadow:0 24px 70px rgba(0,0,0,.55);
  }
  .modal h3{ margin:0 0 6px }
  form { max-width: 600px; margin: auto; display: flex; flex-direction: column; gap: 12px; }
  input, textarea {
    padding: 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background:#0b1938; color:#fff; outline: none; font-size: 1rem;
  }
  input:focus, textarea:focus{ border-color:#00ffa6; }
  .modal .row{ display:grid; gap:12px; grid-template-columns:1fr 1fr }
  .close{ float:left; cursor:pointer; color:#9fb3d9 }

  footer { text-align: center; padding: 25px; background: #010313; color: #777; font-size: 0.9rem; }

  /* Reveal on scroll */
  .reveal{ opacity:0; transform:translateY(14px); transition:.5s ease }
  .reveal.show{ opacity:1; transform:none }

  /* ===== FAQ ===== */
  .faq{background:#06122e;padding:90px 8%;}
  .faq h2{color:#00d5ff;text-align:center;margin:0 0 24px;font-size:2.2rem;}
  .faq .lead{color:#cfe3ff;text-align:center;margin:0 auto 36px;max-width:860px;}
  .faq-list{max-width:1000px;margin:0 auto;display:grid;gap:12px;}
  .faq-item{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);overflow:hidden}
  .faq-btn{
    width:100%;text-align:right;background:transparent;color:#fff;border:0;cursor:pointer;
    font:600 1.05rem/1.2 'Rubik',sans-serif;padding:18px 18px;display:flex;align-items:center;gap:10px
  }
  .faq-btn:focus{outline:2px solid #00ffa6;outline-offset:2px}
  .faq-btn .chev{margin-inline-start:auto;transition:.25s}
  .faq-panel{max-height:0;overflow:hidden;transition:max-height .35s ease, padding .35s ease;padding:0 18px}
 
  .faq-item.open .faq-panel{padding:0 18px 16px;max-height:320px}
  .faq-item.open .chev{transform:rotate(-90deg)}

  /* ===== System Specs ===== */
  .specs{background:#050d22;padding:90px 8%;}
  .specs h2{color:#00d5ff;text-align:center;margin:0 0 24px;font-size:2.2rem;}
  .specs .grid{max-width:1200px;margin:0 auto;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  .spec-card{
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;
    padding:20px 18px;display:grid;gap:8px
  }
  .spec-card h3{color:#00ffa6;margin:0 0 4px;font-size:1.05rem}
  .spec-card ul{margin:0;padding-inline-start:18px;color:#cfe3ff;line-height:1.6}
  .spec-badge{display:inline-block;margin-inline-start:6px;padding:3px 8px;border-radius:999px;background:#00ffa622;color:#00ffa6;font-weight:700;font-size:.8rem}

  /* ===== MOBILE ===== */
  @media (max-width: 980px){
    header{ padding:14px 18px; }
    header nav a{ margin:0 8px; }
    .cta-btn{ padding:12px 22px; font-size:1rem; }
    .hero video{ height: 56vh; }
    .hero-content{ width:92%; }
    .hero-content p{ font-size:1.05rem; }
    .hero-buttons{ gap:10px; }

    .live-strip{justify-content:flex-start;padding-inline:14px;}
    .live-model{flex-direction:column;padding:18px 14px 0;}
    .live-right{flex-direction:column;}

    .section{ padding:64px 6%; }
    .tiles{ grid-template-columns:1fr 1fr; gap:14px; }
    .grid{ gap:18px; }
    .compare{ padding:64px 4%; }
    th, td{ padding:12px 10px; font-size:.98rem; }
    .table-wrap{ border-radius:12px; }
    .contact{ padding:64px 18px; }
    .modal .row{ grid-template-columns:1fr; }
  }
  @media (max-width: 520px){
    .tiles{ grid-template-columns:1fr; }
    .hero-content h1{ font-size: clamp(1.6rem, 6vw, 2.2rem); }
    .hero-features{ gap:10px; font-size:.95rem; }
    .cta-btn{ width:100%; }
  }
  @media (prefers-reduced-motion: reduce){
    *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  }
  /* ==== HERO TOP BADGE STRIP ==== */
.hero-pills {
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:20px;
}
.hero-pill {
  background:rgba(0,0,0,.55);
  border:1px solid rgba(0,255,214,.35);
  border-radius:999px;
  padding:7px 18px 7px 20px;
  font-size:.88rem;
  display:flex;
  align-items:center;
  gap:6px;
}
.hero-pill small {
  background:rgba(0,255,214,.1);
  border:1px solid rgba(0,255,214,.35);
  border-radius:999px;
  padding:1px 8px 2px;
  font-size:.6rem;
  letter-spacing:.07em;
  text-transform:uppercase;
}

/* ==== UNDER-HERO FEATURE BAR ==== */
.innovation-bar {
  background:#041020;
  border-top:1px solid rgba(255,255,255,.02);
  border-bottom:1px solid rgba(255,255,255,.02);
  display:flex;
  overflow-x:auto;
  gap:14px;
  padding:14px 3.5vw 16px;
  scroll-snap-type:x mandatory;
}
.innovation-chip {
  background:rgba(0,0,0,.2);
  border:1px solid rgba(0,255,166,.2);
  border-radius:999px;
  min-width:210px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 16px;
  scroll-snap-align:start;
}
.innovation-chip strong {display:block; font-size:.85rem;}
.innovation-chip span {color:#9ed; font-size:.7rem;}

/* ==== ICON ROW (למה המעבר אלינו) ==== */
.reason-section {
  background:#020916;
  padding:72px 5%;
  text-align:center;
}
.reason-grid {
  display:grid;
  gap:18px;
  grid-template-columns:repeat(auto-fit, minmax(210px,1fr));
  max-width:1150px;
  margin:32px auto 0;
}
.reason-card {
  background:rgba(10,24,55,.45);
  border:1px solid rgba(255,255,255,.03);
  border-radius:18px;
  padding:25px 18px 20px;
  backdrop-filter:blur(4px);
}
.reason-card img {
  width:68px;
  height:68px;
  object-fit:contain;
  margin-bottom:14px;
}
.reason-card h3 {margin:0 0 6px; color:#00e0c6; font-size:1.03rem;}
.reason-card p {margin:0; color:#d9e9ff; font-size:.9rem; line-height:1.5;}

/* ==== “מה מקבלים” בסטייל מוצרי AI ==== */
.features-pro {
  background:#050f28;
  padding:74px 5%;
  text-align:center;
}
.features-pro-grid {
  max-width:1180px;
  margin:34px auto 0;
  display:grid;
  gap:18px;
  grid-template-columns:repeat(auto-fit, minmax(230px,1fr));
}
.feature-pro-card {
  background:radial-gradient(circle at 14% 13%, rgba(0,255,207,.22), rgba(5,15,40,0) 45%), rgba(7,19,44,.85);
  border:1px solid rgba(0,255,207,.15);
  border-radius:16px;
  padding:22px 16px 18px;
  text-align:right;
  position:relative;
}
.feature-pro-card small.badge {
  position:absolute; top:14px; left:14px;
  background:#0bfbab1f;
  border:1px solid rgba(11,251,171,.5);
  color:#fff;
  font-size:.65rem;
  padding:2px 9px 3px;
  border-radius:999px;
}
.feature-pro-card h3 {
  color:#fff;
  font-size:1.05rem;
  margin:4px 0 8px;
}
.feature-pro-card p {color:#d7edff; font-size:.85rem; line-height:1.55;}
.feature-pro-card ul {color:#d7edff; padding-right:18px; margin:0; line-height:1.5; font-size:.82rem;}
.feature-pro-card li + li {margin-top:4px;}

/* mobile fixes */
@media (max-width: 770px){
  .innovation-bar {padding-inline:14px;}
  .hero-content p {font-size:1.02rem;}
}
/* ===== UNDER-HERO PANEL ===== */
.buo-underhero{
  background:#041020;
  border-top:1px solid rgba(255,255,255,.02);
  border-bottom:1px solid rgba(255,255,255,.02);
  display:flex;
  gap:18px;
  padding:14px 3.5vw 16px;
  align-items:stretch;
}
.uh-scroller{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  flex:1 1 auto;
}
.uh-chip{
  background:rgba(0,0,0,.15);
  border:1px solid rgba(0,255,166,.22);
  border-radius:16px;
  min-width:205px;
  display:flex;
  gap:10px;
  align-items:center;
  padding:7px 12px;
  scroll-snap-align:start;
}
.uh-chip img{
  width:30px;
  height:30px;
  object-fit:contain;
}
.uh-chip strong{display:block;font-size:.83rem;}
.uh-chip span{color:#9dd6ff;font-size:.7rem;white-space:nowrap;}
/* live box */
.uh-live{
  width:280px;
  background:radial-gradient(circle at 10% 10%, rgba(0,255,166,.12), rgba(0,0,0,0));
  background-color:#061428;
  border:1px solid rgba(0,255,166,.25);
  border-radius:18px;
  padding:16px 14px 14px;
  display:grid;
  gap:10px;
  flex:0 0 280px;
}
.uh-live h3{
  margin:0;
  font-size:1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.uh-live small{color:#9fdfff;}
.uh-row{
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.01);
  border-radius:12px;
  padding:8px 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:.86rem;
}
.uh-row strong{font-size:1.05rem;}
.uh-pill{
  background:rgba(1,160,115,.16);
  border:1px solid rgba(1,160,115,.4);
  border-radius:999px;
  padding:5px 10px;
  font-size:.72rem;
  display:flex;
  align-items:center;
  gap:6px;
}
.uh-pill .dot{
  width:7px;height:7px;border-radius:999px;background:#27ffb9;
}
.uh-actions{
  display:flex;
  gap:8px;
}
.uh-actions a{
  flex:1 1 auto;
  text-align:center;
  font-size:.75rem;
  background:rgba(0,0,0,.2);
  border:1px solid rgba(0,255,166,.15);
  border-radius:10px;
  padding:5px 0 6px;
  color:#fff;
  text-decoration:none;
}
.uh-actions a:last-child{
  background:linear-gradient(90deg,#00d5ff,#00ffa6);
  color:#002;
  font-weight:600;
}

/* mobile */
@media(max-width:1024px){
  .buo-underhero{
    flex-direction:column;
  }
  .uh-live{
    width:100%;
    flex:0 0 auto;
  }
  .uh-chip span{white-space:normal;}
}
/* ===== UNDER-HERO CLEAN ===== */
.buo-underhero{
  background:#040f20;
  border-top:1px solid rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.03);
  display:flex;
  gap:18px;
  padding:18px 4vw 26px;
  align-items:stretch;
}

/* קופסת הלייב */
.uh-live{
  background:radial-gradient(circle at 10% 10%, rgba(0,255,166,.15), rgba(0,0,0,0));
  background-color:#061428;
  border:1px solid rgba(0,255,166,.25);
  border-radius:18px;
  padding:16px 14px 14px;
  display:grid;
  gap:10px;
  flex:0 0 280px;
}
.uh-live h3{
  margin:0;
  font-size:1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.uh-live small{color:#9fdfff;}
.uh-row{
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.01);
  border-radius:12px;
  padding:8px 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:.86rem;
}
.uh-row strong{font-size:1.05rem;}
.uh-pill{
  background:rgba(1,160,115,.16);
  border:1px solid rgba(1,160,115,.4);
  border-radius:999px;
  padding:5px 10px;
  font-size:.72rem;
  display:flex;
  align-items:center;
  gap:6px;
}
.uh-pill .dot{
  width:7px;height:7px;border-radius:999px;background:#27ffb9;
}
.uh-actions{
  display:flex;
  gap:8px;
}
.uh-actions a{
  flex:1 1 auto;
  text-align:center;
  font-size:.75rem;
  background:rgba(0,0,0,.2);
  border:1px solid rgba(0,255,166,.15);
  border-radius:10px;
  padding:5px 0 6px;
  color:#fff;
  text-decoration:none;
  transition:.2s;
}
.uh-actions a:last-child{
  background:linear-gradient(90deg,#00d5ff,#00ffa6);
  color:#002;
  font-weight:600;
}
.uh-actions a:hover{opacity:.9}

/* גריד לכרטיסים */
.uh-cards{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
  gap:14px;
}
.uh-card{
  background:rgba(0,0,0,.15);
  border:1px solid rgba(0,255,166,.08);
  border-radius:14px;
  padding:12px 12px 10px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:150px;
}
.uh-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  background:rgba(0,255,166,.12);
  border:1px solid rgba(0,255,166,.35);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.uh-icon img{width:34px;height:34px;object-fit:contain;}
.uh-card h4{
  margin:0;
  font-size:.9rem;
  color:#fff;
}
.uh-card p{
  margin:0;
  color:#a9bdd6;
  font-size:.74rem;
  line-height:1.4;
  flex:1 1 auto;
}
.uh-card a{
  align-self:flex-start;
  font-size:.7rem;
  background:rgba(0,255,166,.12);
  border:1px solid rgba(0,255,166,.35);
  border-radius:99px;
  padding:4px 12px;
  color:#fff;
  text-decoration:none;
  transition:.2s;
}
.uh-card a:hover{background:rgba(0,255,166,.25);}

/* מובייל */
@media(max-width:1024px){
  .buo-underhero{
    flex-direction:column;
  }
  .uh-live{
    width:100%;
  }
}
@media(max-width:520px){
  .uh-cards{
    grid-template-columns:1fr 1fr;
  }
  .uh-card{min-height:0;}
}
.reason-section{
  background:#050d22;
  padding:80px 6%;
  text-align:center;
}
.reason-section h2{color:#00d5ff;margin-bottom:10px;font-size:2.1rem}
.reason-lead{max-width:780px;margin:0 auto 36px;color:#d5ecff}
.reason-grid{
  display:grid;
  gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.reason-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  border-radius:16px;
  padding:26px 18px 22px;
  display:grid;
  gap:10px;
  align-content:start;
  transition:.25s;
}
.reason-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.25);}
.reason-card img{
  width:100px;
  height:100px;
  margin:0 auto 6px;
  object-fit:contain;
  border-radius:100%;
 
}
.reason-card h3{color:#fff;font-size:1.05rem}
.reason-card p{color:#cfe3ff;font-size:.95rem}

/* features 8 cards */
.features-pro{background:#030918;padding:80px 6%;text-align:center;}
.features-pro h2{color:#00d5ff;margin-bottom:8px;font-size:2.1rem}
.features-lead{color:#cfe3ff;max-width:840px;margin:0 auto 32px;}
.features-pro-grid{
  display:grid;
  gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.feature-pro-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.04);
  border-radius:16px;
  padding:22px 18px 18px;
  text-align:right;
  direction:rtl;
  transition:.25s;
}
.feature-pro-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.35);}
.feature-pro-card h3{color:#fff;margin:6px 0 8px;font-size:1.02rem}
.feature-pro-card p{color:#cfe3ff;margin-bottom:10px;min-height:54px;}
.feature-pro-card ul{margin:0;padding-inline-start:18px;color:#9fc6ff;font-size:.9rem;line-height:1.5}
.feature-pro-card .badge{
  display:inline-block;
  background:#00ffa620;
  color:#00ffa6;
  border:1px solid #00ffa6;
  border-radius:999px;
  padding:2px 10px 3px;
  font-size:.7rem;
  font-weight:600;
}
@media (max-width:540px){
  .feature-pro-card{text-align:right}
  .reason-card{text-align:right}
}
.demo {
  text-align:center;
  padding:100px 20px;
  background:linear-gradient(180deg,#001a29 0%,#000d18 100%);
  color:#e7f8ff;
}
.demo h2 {
  font-size:clamp(28px,4vw,40px);
  margin-bottom:10px;
}
.demo .lead {
  color:#9fdcff;
  margin-bottom:50px;
}
.demo-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:40px;
  max-width:1100px;
  margin:auto;
}
.demo-card {
  background:#01263b;
  border-radius:18px;
  padding:24px;
  box-shadow:0 0 20px rgba(0,0,0,0.3);
  transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.demo-card:hover {
  transform:translateY(-6px);
  box-shadow:0 0 30px rgba(0,255,200,0.25);
}
.demo-img img {
  width:100%;
  border-radius:12px;
  margin-bottom:18px;
}
.demo h3 {
  color:#fff;
  margin-bottom:10px;
  font-size:1.4rem;
}
.demo p {
  color:#bcd;
  margin-bottom:22px;
  line-height:1.6;
}
.cta-btn.small {
  display:inline-block;
  background:linear-gradient(90deg,#00e0ff,#00ffb7);
  color:#002;
  font-weight:600;
  padding:10px 24px;
  border-radius:50px;
  transition:0.3s;
}
.cta-btn.small:hover {
  filter:brightness(1.1);
}
@media(max-width:600px){
  .demo-grid{gap:24px;}
}

/* MOBILE NAV */
@media (max-width: 920px) {
  header.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  /* לוגו + כפתור */
  .nav-logo {
    flex: 0 0 auto;
  }

  /* תפריט נפתח */
  .nav-links {
    position: fixed;
    inset: 64px 12px auto 12px;
    background: rgba(2,14,28,.97);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(0,255,220,.12);
    border-radius: 16px;
    padding: 12px 16px;
    display: none;
    flex-direction: column;
    gap: 10px;
  }
  .nav-links.show { display: flex; }

  .nav-links a {
    color: #fff;
    font-size: 1.02rem;
    padding: 6px 4px;
  }

  .nav-cta { /* "דברו איתנו" */
    min-width: 0;
    width: fit-content;
    padding: 8px 18px;
    border-radius: 999px;
  }

  /* אייקון המבורגר */
  .nav-toggle {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(0,255,220,.5);
    background: rgba(0,0,0,.15);
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 1.25rem;
  }
}
@media (max-width: 920px) {
  .hero {
    min-height: 520px;
    padding: 110px 18px 40px;
    text-align: right;
  }
  .hero h1 {
    font-size: clamp(2rem, 5.4vw, 2.5rem);
    line-height: 1.1;
  }
  .hero p {
    font-size: 1rem;
    margin-bottom: 22px;
  }
  .hero-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(100%, 360px);
  }
  .hero-actions .cta-btn,
  .hero-actions .ghost-btn {
    width: 100%;
    justify-content: center;
  }
  /* הפס הירוק שמתחת להירו – להסתיר או להצר */
  .live-strip {
    gap: 6px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .live-strip .live-chip {
    scroll-snap-align: start;
  }
}
@media (max-width: 920px) {
  .reason-grid,
  .features-pro-grid,
  .ability-grid {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }
  .reason-card,
  .feature-pro-card,
  .ability-card {
    margin-inline: 6px;
  }
  .reason-card img {
    width: 82px;
    height: 82px;
  }
}
.innovation-bar {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.innovation-chip {
  scroll-snap-align: start;
  min-width: 230px;
}
@media (max-width: 920px) {
  .innovation-chip {
    min-width: 220px;
  }
}
@media (max-width: 920px) {
  .compare table,
  .compare thead {
    display: none;
  }
  .compare tbody {
    display: grid;
    gap: 14px;
  }
  .compare tbody tr {
    display: grid;
    gap: 6px;
    background: rgba(5,31,55,.4);
    border: 1px solid rgba(0,255,220,.14);
    border-radius: 16px;
    padding: 14px 16px;
  }
  .compare tbody tr td:first-child {
    font-weight: 700;
  }
  .compare tbody tr td:nth-child(2) {
    color: #00f5ce;
  }
}
@media (max-width: 920px) {
  #demo .demo-btn,
  #demo a.btn {
    width: 100%;
    text-align: center;
    display: inline-flex;
    justify-content: center;
  }
}
/* 0. בטיחות – לא לאפשר גלילה לצד */
html, body {
  overflow-x: hidden;
}

/* 1. תפריט מובייל – שלא יתפזר לרוחב מוגזם */
@media (max-width: 920px) {

  /* זה הבלוק העליון שלך – תן לו רוחב מקסימלי */
  .top-nav,
  header .top-nav,
  .mobile-nav {
    max-width: 100%;
    overflow: visible;
  }

  /* הקונטיינר של הקישורים הנפתחים */
  .nav-links {
    position: fixed;
    top: 62px;
    inset-inline: 10px;
    background: rgba(3,18,32,.95);
    border: 1px solid rgba(0,255,208,.12);
    border-radius: 16px;
    padding: 10px 14px 14px;
    display: none;
    flex-direction: column;
    gap: 8px;
    z-index: 9999;
  }
  .nav-links.show { display: flex; }

  .nav-links a {
    font-size: 1rem;
    line-height: 1.4;
    white-space: normal;
  }

  /* הלוגו וכפתור "דברו איתנו" שלא יידחפו את המסך לצד */
  .nav-left,
  .nav-right {
    max-width: 100%;
  }
}

/* 2. LIVE STORE MODEL – לא לחרוג לרוחב */
.live-model,
.live-model .live-box,
.live-model .live-right {
  box-sizing: border-box;
}

@media (max-width: 920px) {
  .live-model {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .live-model .live-box,
  .live-model .live-right {
    width: 100%;
    max-width: 100%;
  }
  /* הכפתורים למטה */
  .live-model .live-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .live-model .live-actions a {
    flex: 1 1 150px;
    text-align: center;
  }
  /* קופסת הסטטוס שמוציאה אותך החוצה */
  .live-model .live-pill {
    max-width: 100%;
  }
}

/* 3. הכרטיסים הירוקים של הפיצ'רים – לא לגרום ל-scroll אופקי */
.innovation-bar {
  overflow-x: auto;
  scrollbar-width: none; /* firefox */
}
.innovation-bar::-webkit-scrollbar { display: none; }

@media (max-width: 920px) {
  .innovation-chip {
    min-width: 230px;
    max-width: 95%;
  }
}

/* 4. תמונת הדמו – לא לדחוף */
#demo img,
.demo-shot {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 5. לפעמים המרווח הפנימי שלך גדול מדי ויוצר חישוב >100% */
section,
div[class*="container"] {
  max-width: 100%;
  box-sizing: border-box;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 12px 20px;
  background: rgba(4,15,30,0.9);
  backdrop-filter: blur(12px);
}

.logo {
  height: 75px;
  display: block;
}

.main-nav {
  display: flex;
  gap: 1.1rem;
}

.main-nav a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.desktop-only {
  display: inline-flex;
}

.nav-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1.8rem;
  color: #fff;
  cursor: pointer;
}

/* תפריט מובייל סגור */
.mobile-menu {
  position: fixed;
  inset-inline: 16px;
  top: 70px;
  background: rgba(0,15,25,0.97);
  border: 1px solid rgba(0,255,208,0.15);
  border-radius: 16px;
  padding: 14px;
  display: none;
  flex-direction: column;
  gap: 10px;
  z-index: 2000;
}
.mobile-menu a {
  color: #fff;
  font-size: 1.02rem;
  text-decoration: none;
  padding: 6px 2px;
}
.mobile-menu.show {
  display: flex;
}

/* מובייל */
@media (max-width: 920px) {
  .main-nav {
    display: none;
  }
  .desktop-only {
    display: none;
  }
  .nav-toggle {
    display: inline-flex;
  }
  .site-header {
    padding-inline: 14px;
  }
}
/* HERO בסיס */
.hero {
  position: relative;
  background: #071529;
  overflow: hidden;
}

/* מובייל קודם */
@media (max-width: 900px) {
  .hero.hero-mobile {
    min-height: 78vh;
    display: flex;
    align-items: flex-end;
  }

  .hero-bg {
    position: absolute;
    inset: 0;
  }

  .hero-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* העיקר */
    object-position: center;
  }

  .hero-layer {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6,16,28,0) 0%, rgba(6,16,28,.7) 48%, rgba(6,16,28,1) 100%);
  }

  .hero-body {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 95px 1.1rem 1.4rem;   /* ריווח אמיתי */
    text-align: right;
  }

  .hero-tag {
    font-size: .78rem;
    color: rgba(255,255,255,.85);
    margin-bottom: .4rem;
  }

  .hero h1 {
    font-size: clamp(2.2rem, 6.2vw, 2.25rem);
    line-height: 1.05;
    color: #31f2d8;
    margin-bottom: .7rem;
    max-width: 18ch;
  }

  .hero-text {
    font-size: .9rem;
    line-height: 1.55;
    color: #fff;
    max-width: 34ch;
    margin-bottom: .9rem;
  }

  .hero-primary,
  .hero-secondary {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 999px;
    padding: .65rem 1rem .7rem;
    font-weight: 600;
    text-decoration: none;
  }

  .hero-primary {
    background: linear-gradient(90deg, #00d8ff 0%, #00f8b5 100%);
    color: #001727;
    margin-bottom: .55rem;
  }

  .hero-secondary {
    border: 1px solid rgba(0,248,181,.4);
    background: rgba(4,18,32,.35);
    color: #fff;
    margin-bottom: .85rem;
  }

  /* הצ’יפים */
  .hero-strip {
    display: flex;
    gap: .4rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: .2rem;
  }
  .hero-strip::-webkit-scrollbar {
    display: none;
  }
  .hero-strip span {
    flex: 0 0 auto;
    background: rgba(3,32,50,.55);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 999px;
    padding: .35rem .75rem .45rem;
    font-size: .68rem;
    color: #fff;
    white-space: nowrap;
  }
}

/* דסקטופ – שלא נחרבש מה שיש לך */
@media (min-width: 901px) {
  .hero.hero-mobile {
    min-height: 520px;
  }
  .hero-bg {
    position: absolute;
    inset: 0;
  }
  .hero-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero-layer {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(6,16,28,0) 0%, rgba(6,16,28,.7) 65%, rgba(6,16,28,1) 100%);
  }
  .hero-body {
    position: relative;
    z-index: 2;
    padding: 140px 4rem 90px;
    max-width: 1120px;
    margin-inline: auto;
  }
  .hero h1 {
    font-size: clamp(2.4rem, 4.2vw, 3.2rem);
    /* max-width: 22ch; */
  }
  .hero-text {
    max-width: 540px;
  }
  .hero-primary,
  .hero-secondary {
    display: inline-flex;
    width: auto;
  }
  .hero-strip {
    margin-top: 1.2rem;
  }
}
/* HERO switching: desktop hero vs mobile hero */
.hero {
  display: block;          /* ברירת מחדל – דסקטופ */
}

.hero.hero-mobile {
  display: none;           /* ברירת מחדל – מוסתרת בדסקטופ */
}

@media (max-width: 900px) {
  .hero {
    display: none;         /* במובייל – להסתיר את ההירו הדסקטופי */
  }

  .hero.hero-mobile {
    display: block;        /* במובייל – להציג את גרסת המובייל */
  }
}


@media (max-width: 768px) {
 .hero-primary,
  .hero-secondary {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 1px;
    padding: 1rem ;
    font-weight: 600;
    text-decoration: none;
margin-right:-15px;
  }
.hero-body {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 95px 0rem 0rem 1rem;   /* ריווח אמיתי */
    text-align: right;
  }
 .buo-underhero{
  display:none !important;
}
.hero {
    padding-bottom: 0px;
}
/* קופסת הלייב */
.uh-live{
  background:radial-gradient(circle at 10% 10%, rgba(0,255,166,.15), rgba(0,0,0,0));
  background-color:#061428;
  border:1px solid rgba(0,255,166,.25);
  border-radius:18px;
  padding:16px 14px 14px;
  display:grid;
  gap:10px;
  flex:0 0 280px;
}
.uh-live h3{
  margin:0;
  font-size:1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.uh-live small{color:#9fdfff;}
.uh-row{
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.01);
  border-radius:12px;
  padding:8px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:.86rem;
}
.uh-row strong{font-size:1.05rem;}
.uh-pill{
  background:rgba(1,160,115,.16);
  border:1px solid rgba(1,160,115,.4);
  border-radius:999px;
  padding:5px 10px;
  font-size:.72rem;
  display:flex;
  align-items:center;
  gap:6px;
}
}

/* ===== MOBILE COMPARE STYLES ===== */
/* ברירת מחדל: טבלת דסקטופ מוצגת, מובייל מושבת */
.compare .table-wrap {
  display: block;
}

.mobicompare {
  display: none;
}

@media (max-width: 768px) {
  /* במובייל – להסתיר טבלה ולהציג את כרטיסי המובייל */
  .compare .table-wrap {
    display: none;
  }

  .mobicompare {
    display: block;
    direction: rtl;
    margin-top: 8px;
    padding: 0 6%;
  }

  .mobicompare .cmpm-head h3 {
    margin: 0 0 6px;
    font-size: clamp(18px, 5vw, 22px);
    color: #e8f7ff;
    text-align: center;
  }

  .mobicompare .cmpm-head p {
    margin: 0 0 14px;
    color: #b9dfff;
    text-align: center;
    font-size: 14px;
  }

  .cmpm-card {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 14px;
    margin: 10px 0 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,.25) inset, 0 2px 6px rgba(0,0,0,.15);
  }

  .cmpm-card h4 {
    margin: 0 0 10px;
    font-size: 16px;
    color: #cfe8ff;
  }

  .cmpm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .cmpm-col {
    background: radial-gradient(120% 120% at 100% 0%, rgba(0,255,224,.08), rgba(0,0,0,.0));
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    padding: 10px;
  }

  .cmpm-col .label {
    display: block;
    font-size: 12px;
    color: #9bdcff;
    margin-bottom: 6px;
  }

  .cmpm-col .value {
    font-size: 15px;
    color: #eaf7ff;
    line-height: 1.35;
    word-break: break-word;
  }

  .cmpm-col.is-BOU {
    outline: 1px solid rgba(0,255,224,.25);
    box-shadow: 0 0 0 1px rgba(0,255,224,.15) inset;
  }

  .cmpm-col.is-competitors {
    outline: 1px solid rgba(255,255,255,.12);
  }

  .mobicompare .badge {
    display: inline-block;
    margin-inline-start: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 12px;
    color: #012;
    background: linear-gradient(90deg, #16f1ff, #18ffcf);
    font-weight: 700;
    vertical-align: middle;
  }
}

/* אין גלילה אופקית השוואה */
.compare,
.compare * {
  max-width: 100%;
}

/* במחשב – להסתיר לגמרי את בלוק המובייל */
@media (min-width: 769px) {
  .mobicompare {
    display: none;
  }
}


/* אין גלילה אופקית */
.compare, .compare *{ max-width:100%; }

@media (min-width: 769px) {
.mobicompare{
	
	display:none;
}
}
/* ===== LANGUAGE SWITCHER ===== */
.lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .85rem;
  color: #cfe8ff;
}

.lang-switch .divider {
  opacity: .4;
}

.lang-switch .lang {
  color: #cfe8ff;
  text-decoration: none;
  font-weight: 500;
  padding: 4px 6px;
  border-radius: 6px;
  transition: .25s;
}

.lang-switch .lang:hover {
  color: #00ffa6;
}

.lang-switch .lang.active {
  background: rgba(0,255,166,.15);
  border: 1px solid rgba(0,255,166,.35);
  color: #00ffa6;
  font-weight: 700;
}

/* Mobile version */
.lang-switch.mobile {
  margin-top: 10px;
  padding: 8px 4px;
  justify-content: center;
}

@media (max-width: 920px) {
  /* hide desktop switch */
  header .lang-switch:not(.mobile) {
    display: none;
  }

  /* show mobile switch */
  .mobile-menu .lang-switch.mobile {
    display: flex;
  }
}

@media (min-width: 921px) {
  /* hide mobile switch on desktop */
  .lang-switch.mobile {
    display: none;
  }
}
.hero-type {
  margin: 12px 0 20px;
  font-size: 1.25rem;
  font-weight: 300;
  color: #e8faff;
  height: 32px; /* מונע קפיצה */
}

.cursor {
  display: inline-block;
  margin-left: 4px;
  color: #00ffa6;
  animation: blink 0.8s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
.hero-type {
  font-size: clamp(1.05rem, 2.1vw, 1.3rem);
  margin: 0 0 0.6rem;
  color: #e8fffb;
  min-height: 1.6em; /* שלא יקפוץ כשהטקסט מתחלף */
}

.hero-type .cursor {
  display: inline-block;
  margin-right: 2px;
  animation: blink 1s steps(2, start) infinite;
}

@keyframes blink {
  to { opacity: 0; }
}


.hero-type {
  font-weight: 700;
  font-size: 1.4rem;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 50px;
  border-radius: 40px;
  text-align: center;
  max-width: 770px;
  margin: 16px auto;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.25);
  position: relative;
  color: #fff;
}

/* אייקון זכוכית מגדלת */
.hero-type::before {
  content: "🔍";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  opacity: 0.9;
}

/* עברית – RTL = האייקון בצד שמאל */
html[dir="rtl"] .hero-type::before {
  left: 18px;
}

/* אנגלית – LTR = האייקון בצד ימין */
html[dir="ltr"] .hero-type::before {
  right: 18px;
}

/* הקלדה */
#typewriter-mobile,
#typewriter-desktop {
  font-weight: 700;
}

.cursor {
  font-weight: 700;
  margin-right: 3px;
  animation: blink 0.8s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.demo-img img.demo-thumb {
  cursor: zoom-in;
}

/* Demo thumbnails */
.demo-img-btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 14px;
  cursor: pointer;
  display: block;
}

.demo-thumb {
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 0 18px rgba(0,0,0,0.35);
  transition: transform .25s ease, box-shadow .25s ease;
}

.demo-img-btn:hover .demo-thumb {
  transform: translateY(-3px);
  box-shadow: 0 0 26px rgba(0,255,200,0.35);
}

/* Lightbox */
.demo-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 3000;
}

.demo-lightbox.open {
  display: flex;
}

#demoLightboxImg {
  max-width: 100%;
  max-height: 100%;
  border-radius: 14px;
  box-shadow: 0 0 40px rgba(0,0,0,.6);
}

.demo-lightbox-close {
  position: absolute;
  top: 18px;
  right: 22px;        /* RTL – סגירה בצד ימין */
  background: rgba(0,0,0,.5);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 999px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

/* ============================
   FIX: RTL for Hebrew table
   ============================ */
#compare table,
#compare table td,
#compare table th {
  direction: rtl;
  text-align: right;
}

/* ============================
   FIX: LTR for English version
   (תופעל רק כשה־BODY יקבל class="en")
   ============================ */
body.en #comparen table,
body.en #comparen table td,
body.en #comparen table th {
  direction: ltr;
  text-align: left;
}

/* ============================
   ICONS – נעשה רק דרך CSS
   כדי שלא יהיה כפל אייקונים
   ============================ */
#compare td.param::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 8px;
  opacity: 0.9;
}

/* כל שורה – אייקון שונה לפי סדר */
#compare tbody tr:nth-child(1) td.param::before { content: "\f135"; } /* עלות הקמה */
#compare tbody tr:nth-child(2) td.param::before { content: "\f1c0"; } /* מיגרציה */
#compare tbody tr:nth-child(3) td.param::before { content: "\f5ad"; } /* עיצוב */
#compare tbody tr:nth-child(4) td.param::before { content: "\f201"; } /* עלות חודשית */
#compare tbody tr:nth-child(5) td.param::before { content: "\f03e"; } /* מוצרים ותמונות */
#compare tbody tr:nth-child(6) td.param::before { content: "\f544"; } /* AI */
#compare tbody tr:nth-child(7) td.param::before { content: "\f201"; } /* מעקב מתחרים */
#compare tbody tr:nth-child(8) td.param::before { content: "\f02d"; } /* מילות מפתח */
#compare tbody tr:nth-child(9) td.param::before { content: "\f021"; } /* עדכונים */
#compare tbody tr:nth-child(10) td.param::before { content: "\f1a0"; } /* Google */
#compare tbody tr:nth-child(11) td.param::before { content: "\f4ad"; } /* סוכן AI */
#compare tbody tr:nth-child(12) td.param::before { content: "\f0ad"; } /* תוספים */
#compare tbody tr:nth-child(13) td.param::before { content: "\f16d"; } /* TikTok אורגני */
#compare tbody tr:nth-child(14) td.param::before { content: "\f16d"; } /* Tiktok ממומן */
#compare tbody tr:nth-child(15) td.param::before { content: "\f0e8"; } /* SEO */


/* יישור שמאלה לגרסה האנגלית */
#comparen table,
#comparen td,
#comparen th {
  direction: ltr;
  text-align: left;
}

/* מיקום האייקון באנגלית (לפני הטקסט, בצד שמאל) */
#comparen td.param {
  position: relative;
  padding-left: 28px; /* רווח לאייקון */
  text-align: left;
}

#comparen td.param::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.9;
  font-size: 16px;
  text-align: left;
}

/* אייקונים לפי שורות — גרסה אנגלית */
#comparen tbody tr:nth-child(1) td.param::before { content: "\f135"; } /* Setup cost */
#comparen tbody tr:nth-child(2) td.param::before { content: "\f1c0"; } /* Migration */
#comparen tbody tr:nth-child(3) td.param::before { content: "\f5ad"; } /* Design */
#comparen tbody tr:nth-child(4) td.param::before { content: "\f201"; } /* Monthly fee */
#comparen tbody tr:nth-child(5) td.param::before { content: "\f03e"; } /* Products & images */
#comparen tbody tr:nth-child(6) td.param::before { content: "\f544"; } /* AI capabilities */
#comparen tbody tr:nth-child(7) td.param::before { content: "\f201"; } /* Competitor tracking */
#comparen tbody tr:nth-child(8) td.param::before { content: "\f02d"; } /* Keyword tracking */
#comparen tbody tr:nth-child(9) td.param::before { content: "\f021"; } /* System updates */
#comparen tbody tr:nth-child(10) td.param::before { content: "\f1a0"; } /* Google / Zap */
#comparen tbody tr:nth-child(11) td.param::before { content: "\f4ad"; } /* AI Sales Agent */
#comparen tbody tr:nth-child(12) td.param::before { content: "\f0ad"; } /* Add-ons & Extensions */
#comparen tbody tr:nth-child(13) td.param::before { content: "\f16d"; } /* TikTok Organic */
#comparen tbody tr:nth-child(14) td.param::before { content: "\f16d"; } /* TikTok Paid */
#comparen tbody tr:nth-child(15) td.param::before { content: "\f0e8"; } /* SEO */