:root{
  --bg:#ffffff;
  --ink:#0f172a;
  --muted:#6b7280;
  --line:rgba(15,23,42,.10);
  --soft:#f6f7f9;
  --navy:#0b1220;
  --navy2:#070c14;
  --gold:#7a6446;
  --gold2:#8a7351;
  --radius:14px;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Heebo", "Assistant", Arial, sans-serif;
  line-height:1.6;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.skip-link{
  position:absolute;
  right:-999px;
  top:10px;
  background:#fff;
  border:1px solid var(--line);
  padding:10px 14px;
  border-radius:10px;
  z-index:9999;
}
.skip-link:focus{right:10px;outline:3px solid rgba(122,100,70,.35)}

.container{width:min(var(--container), calc(100% - 48px)); margin-inline:auto;}

/* ================= Header (שם ימין, תפריט שמאל) ================= */
/* ================= HEADER – FINAL & CORRECT ================= */

.header{
  position:sticky;
  top:0;
  z-index:2000;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(15,23,42,.06);
}

.header__inner{
  height:72px;
  display:flex;
  align-items:center;
  direction:ltr;              /* שליטה בפריסה */
}

/* ---------- תפריט בצד שמאל ---------- */
.nav{
  display:flex;
  align-items:center;
  gap:26px;
  margin-right:auto;          /* מצמיד לשמאל המסך */
  flex-direction:row-reverse; /* הופך את סדר הכפתורים */
  white-space:nowrap;
}

.nav a{
  font-size:13px;
  color:#64748b;
  padding:10px 6px;
}

.nav a:hover{
  color:#0f172a;
}

.nav a.is-active{
  color:#0f172a;
  font-weight:500;
}

/* כפתור צור קשר – הכי שמאלי */
.nav__cta{
  background:#0b1220;
  color:#fff !important;
  padding:10px 18px;
  border-radius:12px;
  border:1px solid #0b1220;
}

.nav__cta:hover{
  background:#0a1020;
}

/* ---------- שם העסק בצד ימין ---------- */
.brand{
  margin-left:auto;           /* מצמיד לימין המסך */
  font-size:15px;
  font-weight:500;
  color:#0f172a;
  direction:rtl;              /* עברית תקינה */
  white-space:nowrap;
  text-align:right;
}
/* ================= Hero (home minimal) ================= */
.hero{padding:120px 0 110px;}
.kicker{
  text-align:center;
  font-size:12px;
  letter-spacing:.20em;
  color:#94a3b8;
}
.hero h1{
  margin:18px auto 10px;
  max-width:820px;
  text-align:center;
  font-size:62px;
  line-height:1.08;
  font-weight:300;
  color:whitesmoke;
}
.hero__line{
  width:44px;
  height:1px;
  margin:18px auto;
  background:rgba(15,23,42,.14);
}
.hero p{
  margin:0 auto;
  max-width:560px;
  text-align:center;
  color:#64748b;
  font-size:15px;
}

/* ================= Sections ================= */
.section{padding:110px 0;}
.section--tight{padding:90px 0;}
.section-title{
  text-align:center;
  font-size:34px;
  font-weight:400;
  margin:0;
}
.section-sub{
  text-align:center;
  max-width:680px;
  margin:14px auto 0;
  color:#64748b;
  font-size:14px;
}

/* ================= Alternating feature blocks ================= */
.feature{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:90px;
  align-items:center;
  min-height:520px;
}
.feature + .feature{margin-top:110px}
.feature--reverse{direction:ltr}
.feature--reverse > *{direction:rtl}

.feature__meta{
  font-size:15px;
  letter-spacing:.20em;
  color:#8b0000;
  margin-bottom:10px;
}
.feature h2{
  margin:0 0 14px;
  font-size:42px;
  font-weight:400;
  letter-spacing:.02em;
}
.feature p{
  margin:0 0 18px;
  color:#64748b;
  font-size:16px;
  max-width:420px;
}
.feature__more{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  color:#334155;
}
.feature__more svg{width:16px;height:16px}

.media{
  width:100%;
  border-radius:0;
  overflow:hidden;
  background:var(--soft);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
}
.media img{width:100%;height:100%;object-fit:cover;}

/* ================= Icon values row ================= */
.values{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:30px;
  margin-top:54px;
}
.value{text-align:center;padding:18px 10px;}
.value svg{width:22px;height:22px;opacity:.65}
.value h3{
  margin:14px 0 8px;
  font-size:18px;
  font-weight:500;
  color:#0b1220;
}
.value p{
  margin:0 auto;
  max-width:240px;
  font-size:16px;
  color:#2f4f4f;
}

/* ================= Process timeline ================= */
.process{margin-top:56px;padding-top:10px;}
.process__line{
  position:relative;
  height:1px;
  background:rgba(15,23,42,.10);
  margin:40px 0 18px;
}
.steps{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:22px;
}
.step{text-align:center;padding:0 10px;}
.step .dot{
  width:56px;height:56px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  display:grid;
  place-items:center;
  margin:-68px auto 12px;
  color:#2f4f4f;
  font-size:12px;
}
.step h4{margin:0 0 8px;font-size:14px;font-weight:500}
.step p{margin:0;color:#696969;font-size:12px;max-width:260px;margin-inline:auto}

/* ================= Dark contact ================= */
.dark{
  background:radial-gradient(1200px 500px at 70% 0%, rgba(255,255,255,.06), transparent 60%),
             linear-gradient(180deg, var(--navy), var(--navy2));
  color:#fff;
}

.contact{padding:110px 0 95px;}
.contact__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:70px;
  align-items:center;
}
.contact h2{
  margin:10px 0 14px;
  font-size:40px;
  font-weight:400;
  line-height:1.15;
}
.contact .kicker{color:rgba(255,255,255,.55); text-align:right}
.contact p{margin:0;color:rgba(255,255,255,.65); font-size:13px; max-width:420px}

.form{display:grid;gap:14px;}
.form-row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}
.field{position:relative;}
.field label{
  position:absolute;
  top:10px;
  right:12px;
  font-size:12px;
  color:rgba(255,255,255,.45);
  pointer-events:none;
}

.input, .textarea, .select{
  width:100%;
  padding:18px 12px 12px;
  border-radius:0;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  outline:none;
  font-size:13px;
}
.input:focus, .textarea:focus, .select:focus{
  border-color:rgba(122,100,70,.75);
  box-shadow:0 0 0 4px rgba(122,100,70,.18)
}
.textarea{min-height:110px; resize:vertical}

.btn--gold{
  background:var(--gold);
  border-color:var(--gold);
  color:#fff;
  padding:14px 20px;
  border-radius:0;
}
.btn--gold:hover{background:var(--gold2)}

.contact__meta{
  margin-top:20px;
  color:rgba(255,255,255,.45);
  font-size:12px;
}

/* Fix: select overlap in RTL */
.dark .field{direction:rtl;}
.dark .field label{
  top:8px;
  right:12px;
  font-size:11px;
  line-height:1;
}
.dark .select{
  padding:22px 12px 12px 44px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  text-align:right;
  direction:rtl;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.55)' d='M7 10l5 5l5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:12px 50%;
}
.dark .textarea{padding-top:22px;}

/* ================= Footer ================= */
.footer{
  padding:70px 0 24px;
  border-top:1px solid rgba(255,255,255,.06);
}
.footer__grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:30px;
  align-items:start;
}
.footer h5{
  margin:0 0 12px;
  font-size:12px;
  letter-spacing:.18em;
  color:rgba(255,255,255,.45);
  font-weight:500;
}
.footer a, .footer p{color:rgba(255,255,255,.55);font-size:13px}
.footer a:hover{color:#fff}
.footer__brand{font-size:18px;color:#fff;margin:0 0 10px;font-weight:500}
.footer__line{height:1px;background:rgba(255,255,255,.06);margin:36px 0 14px}
.footer__copy{color:rgba(255,255,255,.35);font-size:12px;text-align:center}

/* ================= Page hero (category) ================= */
.page-hero{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.page-hero::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55)),
    var(--hero-url);
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
}
.page-hero__content{
  position:relative;
  text-align:center;
  padding:70px 24px;
}
.page-hero .kicker{color:rgba(255,255,255,.65)}
.page-hero h1{color:#fff;font-size:54px;font-weight:400;margin:14px 0 10px}
.page-hero p{color:rgba(255,255,255,.72);max-width:620px;margin:0 auto;font-size:14px}

/* ================= Responsive ================= */
@media (max-width: 980px){
  .nav{display:none}
  .menu-btn{display:inline-grid; place-items:center}
  .header__inner{
    height:auto;
    padding:12px 0;
    gap:12px;
  }
  .mobile-nav{
    display:block;
    border-top:1px solid rgba(15,23,42,.06);
    width:100%;
  }
  .mobile-nav__inner{padding:14px 0}
  .mobile-nav a{display:block; padding:12px 0; color:#334155}
  .mobile-nav a.is-active{font-weight:600}

  .hero{padding:90px 0 80px}
  .hero h1{font-size:46px}
  .feature{grid-template-columns: 1fr; gap:40px; min-height:auto}
  .feature--reverse{direction:rtl}
  .feature + .feature{margin-top:70px}
  .values{grid-template-columns: repeat(2,1fr)}
  .steps{grid-template-columns: repeat(2,1fr)}
  .contact__grid{grid-template-columns: 1fr; gap:44px}
  .footer__grid{grid-template-columns: 1fr; gap:26px}
  .page-hero{min-height:460px}
  .page-hero h1{font-size:44px}
}

@media (max-width: 520px){
  .container{width: calc(100% - 28px)}
  .hero h1{font-size:38px}
  .section{padding:80px 0}
  .form-row{grid-template-columns: 1fr}
  .values{grid-template-columns: 1fr}
  .steps{grid-template-columns: 1fr}
  .page-hero h1{font-size:38px}
}
/* 1) אותו רקע לשני הסקשנים כדי שלא תהיה מדרגה */
.cta-band,
.section.dark{
  background: radial-gradient(1200px 500px at 70% 0%, rgba(255,255,255,.06), transparent 60%),
              linear-gradient(180deg, var(--navy), var(--navy2));
}

/* 2) לבטל כל "תפר" אפשרי בין הסקשנים */
.cta-band{ margin:0; padding:110px 0; }
.section.dark{ margin:0; border-top:0; }

/* 3) אם יש 1px קו בגלל rounding/blur בדפדפן */
.cta-band{ position:relative; z-index:1; }
.section.dark{ position:relative; z-index:0; }

/* CTA נשאר כמו שהוא, וה-contact מתיישר אליו */
.section.dark{
  background: linear-gradient(180deg, #0b1220, #070c14);
  border-top: 0;
  margin-top: -1px;
}

/* ===== Global font scale (add at the very end) ===== */
:root{ --fs: 1.3; } /* 10% bigger */

.brand{ font-size: calc(15px * var(--fs)); }

.nav a{ font-size: calc(13px * var(--fs)); }
.btn{ font-size: calc(13px * var(--fs)); }

.kicker{ font-size: calc(12px * var(--fs)); }

.page-hero p{ font-size: calc(14px * var(--fs)); }
.page-hero h1{ font-size: calc(60px * var(--fs)); }

.feature__meta{ font-size: calc(12px * var(--fs)); }
.feature h2{ font-size: calc(42px * var(--fs)); }
.feature p{ font-size: calc(14px * var(--fs)); }
.feature__more{ font-size: calc(13px * var(--fs)); }

.center-title h2{ font-size: calc(36px * var(--fs)); }

.benefit h3{ font-size: calc(14px * var(--fs)); }
.benefit p{ font-size: calc(12px * var(--fs)); }

.cta-band__inner h2{ font-size: calc(36px * var(--fs)); }
.cta-band__inner p{ font-size: calc(13px * var(--fs)); }

.contact h2{ font-size: calc(40px * var(--fs)); }
.contact p{ font-size: calc(13px * var(--fs)); }

.field label{ font-size: calc(11px * var(--fs)); }
.input, .textarea, .select{ font-size: calc(13px * var(--fs)); }

.footer h5{ font-size: calc(12px * var(--fs)); }
.footer a, .footer p{ font-size: calc(13px * var(--fs)); }
.footer__brand{ font-size: calc(18px * var(--fs)); }
.footer__copy{ font-size: calc(12px * var(--fs)); }
.faq {
  border-top: 1px solid rgba(255,255,255,0.1);
}

.faq-item {
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 1.2rem 0;
}

.faq-item summary {
  cursor: pointer;
  font-weight: 500;
  list-style: none;
  position: relative;
  padding-left: 1.5rem;
}

.faq-item summary::marker {
  display: none;
}

.faq-item summary::after {
  content: "+";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2rem;
  transition: transform 0.2s ease;
}

.faq-item[open] summary::after {
  content: "–";
}

.faq-item p {
  margin-top: 0.8rem;
  max-width: 640px;
  opacity: 0.9;
}
.nav-item {
  position: relative;
}

.has-sub > a::after{
  content:"▾";
  font-size:10px;
  margin-right:6px;
  opacity:.6;
}

.sub-menu{
  position:absolute;
  top:100%;
  right:0;
  min-width:240px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 40px rgba(15,23,42,.12);
  padding:12px 0;
  display:none;
  z-index:3000;
}

.sub-menu a{
  display:block;
  padding:10px 18px;
  font-size:13px;
  color:#0f172a;
  white-space:nowrap;
}

.sub-menu a:hover{
  background:#f6f7f9;
}

.sub-menu .sub-all{
  margin-top:6px;
  font-weight:500;
  color:#7a6446;
}

/* hover בדסקטופ */
@media (min-width: 981px){
  .has-sub:hover .sub-menu{
    display:block;
  }
}
@media (max-width: 980px){
  .has-sub.open .sub-menu{
    display:block;
    position:static;
    box-shadow:none;
    border:none;
    padding-right:12px;
  }
}
/* ===== Mobile guides dropdown ===== */
.has-sub-mobile{
  border-bottom:1px solid rgba(15,23,42,.08);
}

.mobile-toggle{
  width:100%;
  background:none;
  border:0;
  padding:14px 0;
  font-size:15px;
  text-align:right;
  cursor:pointer;
  color:#0f172a;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.mobile-toggle::after{
  content:"＋";
  font-size:18px;
  color:#64748b;
  transition:transform .25s ease;
}

.has-sub-mobile.open .mobile-toggle::after{
  transform:rotate(45deg);
}

.mobile-sub{
  display:none;
  padding:0 0 12px 12px;
}

.mobile-sub a{
  display:block;
  padding:8px 0;
  font-size:14px;
  color:#475569;
}

.mobile-sub a:hover{
  color:#0f172a;
}

.mobile-sub .all-guides{
  margin-top:6px;
  font-weight:500;
  color:#7a6446;
}

.has-sub-mobile.open .mobile-sub{
  display:block;
}