:root{--bg:#0B1020;--card:#101A33;--text:#F3F6FF;--muted:#B8C3E6;--accent:#0B2D5C;--accent2:#1B5AA5;--border:rgba(255,255,255,0.10)}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif;background:linear-gradient(180deg,#070B16 0%,#0B1020 55%,#070B16 100%);color:var(--text)}
.container{max-width:980px;margin:0 auto;padding:16px}
.header{position:sticky;top:0;z-index:10;background:rgba(7,11,22,0.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:12px 16px}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.logo-circle{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1B5AA5,#0B2D5C);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff;flex-shrink:0}
.brandName{font-size:16px;font-weight:700}
.brandTag{font-size:13px;color:var(--muted);margin-top:2px}
.quickActions{display:flex;gap:10px;flex-wrap:wrap}
.btn{appearance:none;border:1px solid var(--border);background:rgba(16,26,51,0.75);color:var(--text);padding:10px 14px;border-radius:12px;text-decoration:none;cursor:pointer;font-weight:600;font-size:14px;transition:opacity .15s}
.btn:hover{opacity:.85}
.btn.primary{background:linear-gradient(180deg,var(--accent2) 0%,var(--accent) 100%);border-color:rgba(255,255,255,0.18)}
.card{background:rgba(16,26,51,0.70);border:1px solid var(--border);border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 10px 30px rgba(0,0,0,0.25)}
h1,h2{margin:0 0 8px 0}
.lead{color:var(--muted);margin:0 0 14px 0;line-height:1.6}
.sub{color:var(--muted);margin:0 0 12px 0;line-height:1.5}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mini,.info{border:1px solid var(--border);border-radius:14px;padding:12px;background:rgba(7,11,22,0.35)}
.miniTitle,.infoTitle{font-weight:700;margin-bottom:4px}
.miniText,.infoText{color:var(--muted);line-height:1.45;font-size:14px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.service{text-align:right;border:1px solid var(--border);border-radius:16px;padding:14px;background:rgba(7,11,22,0.35);color:var(--text);cursor:pointer;transition:background .15s}
.serviceTitle{font-weight:800;margin-bottom:4px}
.serviceText{color:var(--muted);line-height:1.45;font-size:13px}
.service.active{outline:2px solid rgba(27,90,165,0.75);background:rgba(11,45,92,0.45)}
.form{display:grid;gap:10px}
.formRow{display:grid;gap:6px}
label{font-weight:700;font-size:13px;color:var(--muted)}
input,textarea{width:100%;border:1px solid var(--border);background:rgba(7,11,22,0.35);color:var(--text);padding:10px 12px;border-radius:12px;outline:none;font-family:inherit;font-size:15px}
textarea{resize:vertical}
.formActions{display:flex;gap:10px;flex-wrap:wrap}
.link{color:#DCE6FF;text-decoration:underline;text-underline-offset:3px}
.hint{color:var(--muted);font-size:12px;line-height:1.5;margin-top:8px}
.footer{color:var(--muted);padding:14px 2px 24px;text-align:center;font-size:12px}
@media(max-width:860px){.grid3,.grid2,.services{grid-template-columns:1fr}.header{padding:12px}}


/* Brand header logo inline */
.brand-wrap{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.brand-mark{
  width:28px;
  height:28px;
  object-fit:contain;
  display:block;
}
/* Button icons */
.btn-ico{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px; /* RTL spacing */
}
.btn-ico svg{
  width:18px;
  height:18px;
  fill:currentColor;
  display:block;
}
.btn-txt{
  display:inline-block;
}
/* Make all app buttons same color, including Instagram */
a, button{
  color: inherit;
}
/* If there is a special instagram class, neutralize it */
.instagram, .btn-instagram, [data-app="instagram"]{
  background: inherit !important;
  color: inherit !important;
}


/* Header logo box on the top right */
.header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.header-logo-box{
  width:44px;
  height:44px;
  border-radius:10px;
  overflow:hidden;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}
.header-logo-box img{
  width:100%;
  height:100%;
  object-fit:cover;
    filter: blur(6px) saturate(1.05) contrast(1.05);
  display:block;
}
/* Make sure icons show for all buttons */
.btn-ico{ margin-left:8px; }


.header-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    direction:rtl;
}

.header-logo-box{
    width:44px;
    height:44px;
    border-radius:10px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.header-logo-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter: blur(6px) saturate(1.05) contrast(1.05);
}



/* Full-screen video background */
.bg-wrap{
    position:fixed;
    inset:0;
    z-index:-2;
    overflow:hidden;
    background:#050a16;
}
.bg-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    filter: blur(6px) saturate(1.05) contrast(1.05);
    filter:saturate(1.05) contrast(1.05);
}
/* Dark overlay for readability */
.bg-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(5,10,22,0.30) 0%, rgba(5,10,22,0.45) 100%);
    z-index:1;
}
/* Ensure main content sits above */
body{
    position:relative;
    z-index:0;
}


/* Email in contact section */
.contact-email{
    text-align:center;
    margin-top:10px;
}
.contact-email-link{
    text-decoration:none;
    font-weight:600;
}
/* Center text in contact cards */
#contact, #contact *{
    text-align:center;
}


/* Nicer email look */
.contact-email{
    display:flex;
    justify-content:center;
    margin-top:12px;
}
.contact-pill{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border-radius:12px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    text-decoration:none;
    font-weight:700;
    letter-spacing:0.2px;
}
.contact-pill:focus, .contact-pill:hover{
    background: rgba(255,255,255,0.10);
    border-color: rgba(255,255,255,0.18);
}


/* News */
.news-card{ margin-top:18px; }
.news-actions{ display:flex; justify-content:center; margin-top:10px; }
.news-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:12px;
}
.news-item{
  display:block;
  padding:14px;
  border-radius:16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  text-decoration:none;
}
.news-item:hover, .news-item:focus{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.16);
}
.news-title{
  font-weight:900;
  color: rgba(255,255,255,0.92);
  line-height:1.3;
}
.news-desc{
  margin-top:6px;
  color: rgba(255,255,255,0.70);
  font-size:13px;
}
.news-skeleton{
  grid-column: 1 / -1;
  text-align:center;
  color: rgba(255,255,255,0.70);
  padding:10px 0;
}

@media (max-width: 900px){
  .partners-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .news-grid{ grid-template-columns: 1fr; }
}


/* News with images */
.news-card{ margin-top:18px; }
.news-actions{ display:flex; justify-content:center; margin-top:10px; }
.news-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:12px;
}
.news-item{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  text-decoration:none;
}
.news-item:hover, .news-item:focus{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.16);
}
.news-img{
  width:100%;
  height:140px;
  background-size:cover;
  background-position:center;
}
.news-img.placeholder{
  background: rgba(255,255,255,0.06);
}
.news-body{
  padding:12px 12px 14px;
}
.news-title{
  font-weight:900;
  color: rgba(255,255,255,0.92);
  line-height:1.25;
}
.news-desc{
  margin-top:8px;
  color: rgba(255,255,255,0.72);
  font-size:13px;
  line-height:1.35;
  max-height: 54px;
  overflow:hidden;
}
.news-date{
  margin-top:10px;
  color: rgba(255,255,255,0.60);
  font-size:12px;
}
.news-skeleton{
  grid-column: 1 / -1;
  text-align:center;
  color: rgba(255,255,255,0.70);
  padding:10px 0;
}

@media (max-width: 900px){
  .news-grid{ grid-template-columns: 1fr; }
  .news-img{ height:160px; }
}


/* Live market */
.market-card{ margin-top:18px; }
.market-sub{
  margin-top:6px;
  text-align:center;
  color: rgba(255,255,255,0.70);
  font-size:13px;
}
.tv-wrap{
  margin-top:14px;
  border-radius:16px;
  overflow:hidden;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.10);
}
.market-links{
  margin-top:12px;
  display:flex;
  justify-content:center;
}


/* Save contact button */
.save-contact-btn{
  margin-top:10px;
}


/* Partners as icons */
.partner.partner-icon{
  padding:14px 10px;
  height:auto;
  justify-content:center;
}
.partner-img{
  width:100%;
  max-width:220px;
  height:64px;
  object-fit:contain;
  display:block;
  filter: none;
}
@media (max-width: 900px){
  .partners-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .partner-img{ height:62px; }
}


/* Partners horizontal layout */
.partners-grid{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  gap:28px;
}

.partner.partner-icon{
  background: transparent;
  border: none;
  padding:10px 6px;
  width:auto;
}

.partner-img{
  max-width:140px;
  height:52px;
}

@media (max-width: 768px){
  .partner-img{
    max-width:110px;
    height:44px;
  }
}


.actions-grid, .travel-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
  margin-top:14px;
}
.travel { background:#1f2f4f; }
.financial-check ul {
  margin-top:12px;
  line-height:1.9;
}
.center { text-align:center; margin-top:14px; }


/* Partner logos precise sizing */
.partner-img{
  max-width: 220px;
  height: 72px;
  object-fit: contain;
  display:block;
}
.partner.partner-icon{
  padding: 10px 8px;
}


/* ===== Partners: Desktop grid, Mobile horizontal scroll (clean + compact) ===== */
.partners-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:28px;
}

/* Make partner cards not add extra height */
.partner.partner-icon{
  padding: 8px 10px;
}

/* Mobile: single-row scroll, tighter spacing, snap */
@media (max-width: 768px){
  .partners-grid{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    gap:14px;
    padding: 6px 2px 10px 2px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .partners-grid::-webkit-scrollbar{ display:none; }
  .partners-grid{ scrollbar-width:none; }

  .partner.partner-icon{
    flex: 0 0 auto;
    scroll-snap-align:center;
    padding: 6px 8px;
    border-radius: 14px;
  }

  .partner-img{
    height: 42px;
    max-width: 140px;
    object-fit:contain;
  }

  /* Subtle edge fade so it feels premium */
  .partners-section{
    position: relative;
  }
  .partners-section:before,
  .partners-section:after{
    content:"";
    position:absolute;
    top: 58px; /* below title area */
    bottom: 16px;
    width: 22px;
    pointer-events:none;
    z-index: 3;
  }
  .partners-section:before{
    left: 10px;
    background: linear-gradient(90deg, rgba(10,20,40,0.85), rgba(10,20,40,0));
  }
  .partners-section:after{
    right: 10px;
    background: linear-gradient(270deg, rgba(10,20,40,0.85), rgba(10,20,40,0));
  }
}


/* ===== Ultra Premium Partners Marquee ===== */

.partners-marquee{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 22px;
}

.partners-marquee:before,
.partners-marquee:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width: 42px;
  pointer-events:none;
  z-index: 5;
}

.partners-marquee:before{
  left:0;
  background: linear-gradient(90deg, rgba(10,20,40,0.90), rgba(10,20,40,0));
}

.partners-marquee:after{
  right:0;
  background: linear-gradient(270deg, rgba(10,20,40,0.90), rgba(10,20,40,0));
}

.partners-marquee-track{
  display:flex;
  align-items:center;
  gap: 18px;
  width: max-content;
  will-change: transform;
  padding: 10px 14px;
}

.partner-img{
  height: 42px;
  max-width: 160px;
  object-fit: contain;
}

@media (max-width: 768px){
  .partner-img{
    height: 36px;
  }
}


/* ===== Marquee fixes: bigger logos + stable height ===== */
.partners-marquee{
  min-height: 86px;
  display:flex;
  align-items:center;
}

.partners-marquee-track{
  padding: 12px 14px;
  gap: 16px;
}

.partner-img{
  height: 56px;
  max-width: 200px;
}

.partner.partner-icon,
.partner-pill,
.partners-marquee-track > a,
.partners-marquee-track > div{
  flex: 0 0 auto;
}

@media (max-width: 768px){
  .partners-marquee{
    min-height: 76px;
  }
  .partner-img{
    height: 48px;
    max-width: 170px;
  }
}


/* ===== True loop marquee (two identical lanes) ===== */
.partners-marquee{
  overflow:hidden;
}
.partners-marquee-track{
  display:flex;
  align-items:center;
  width: max-content;
  will-change: transform;
}
.partners-lane{
  display:flex;
  align-items:center;
  gap: 16px;
  padding: 12px 14px;
}
.partners-lane .partner,
.partners-lane a,
.partners-lane div{
  flex: 0 0 auto;
}
.partner-img{
  height: 56px;
  max-width: 200px;
  object-fit: contain;
}
@media (max-width: 768px){
  .partner-img{ height: 48px; max-width: 170px; }
}


/* ===== Partners marquee final fixes ===== */
.partners-marquee{
  overflow:hidden;
  min-height: 92px;
  display:flex;
  align-items:center;
  border-radius: 22px;
}

.partners-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  will-change: transform;
}

.partners-lane{
  display:flex;
  align-items:center;
  gap: 18px;
  padding: 12px 16px;
}

.partner-img{
  height: 62px;
  max-width: 220px;
  object-fit: contain;
}

@media (max-width: 768px){
  .partners-marquee{ min-height: 84px; }
  .partners-lane{ gap: 14px; padding: 10px 12px; }
  .partner-img{ height: 54px; max-width: 190px; }
}