/* Leadcom — לידר תקשורת — shared stylesheet */

@font-face{
  font-family:'Heebo';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/assets/fonts/heebo-hebrew.woff2') format('woff2');
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Heebo';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/assets/fonts/heebo-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122;
}
@font-face{
  font-family:'Frank Ruhl Libre';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('/assets/fonts/frl-hebrew.woff2') format('woff2');
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Frank Ruhl Libre';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('/assets/fonts/frl-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122;
}

:root{
  --ink:#132420;
  --ink-soft:#2E4239;
  --muted:#5C6B63;
  --paper:#F4F6F1;
  --surface:#FFFFFF;
  --line:#DCE3D9;
  --accent:#12977F;
  --accent-contrast:#FFFFFF;
  --accent-tint:#E3F2ED;
  --flag:#B4671E;
  --flag-tint:#F7E6D2;
  --shadow:0 1px 2px rgba(19,36,32,.06), 0 10px 30px rgba(19,36,32,.07);
  --radius:12px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#EAF1EC;
    --ink-soft:#C7D6CD;
    --muted:#8FA098;
    --paper:#0D1613;
    --surface:#12211C;
    --line:#22322B;
    --accent:#3FD9BD;
    --accent-contrast:#06231C;
    --accent-tint:#132D26;
    --flag:#E2A063;
    --flag-tint:#2C2013;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 14px 34px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  --ink:#EAF1EC;
  --ink-soft:#C7D6CD;
  --muted:#8FA098;
  --paper:#0D1613;
  --surface:#12211C;
  --line:#22322B;
  --accent:#3FD9BD;
  --accent-contrast:#06231C;
  --accent-tint:#132D26;
  --flag:#E2A063;
  --flag-tint:#2C2013;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 14px 34px rgba(0,0,0,.5);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Heebo',-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;
  font-size:17px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:'Frank Ruhl Libre','Georgia',serif;
  font-weight:700;
  line-height:1.25;
  text-wrap:balance;
  margin:0;
  color:var(--ink);
}
p{margin:0 0 1rem;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
  border-radius:4px;
}
img,svg{max-width:100%;display:block;}
ul,ol{padding-inline-start:1.3rem;margin:0 0 1rem;}
li{margin-bottom:.45rem;}

.wrap{max-width:1120px;margin-inline:auto;padding-inline:1.5rem;}
.wrap-narrow{max-width:760px;margin-inline:auto;padding-inline:1.5rem;}

.eyebrow{
  font-size:.82rem;
  letter-spacing:.06em;
  color:var(--accent);
  font-weight:700;
  margin-bottom:.6rem;
  display:flex;
  align-items:center;
  gap:.5rem;
}
.eyebrow::before{
  content:"";
  width:.5rem;height:.5rem;border-radius:50%;
  background:var(--accent);
  flex:none;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1.5rem;
  border-radius:999px;
  font-weight:700;
  font-size:.98rem;
  border:1px solid transparent;
  cursor:pointer;
  text-decoration:none!important;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.btn-primary{background:var(--accent);color:var(--accent-contrast);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(18,151,127,.28);}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);}
.btn-on-dark{background:var(--hero-accent);color:#06231C;}
.btn-on-dark:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(63,217,189,.25);}
.btn-ghost-on-dark{background:transparent;border-color:var(--hero-line);color:var(--hero-ink);}
.btn-ghost-on-dark:hover{border-color:var(--hero-accent);color:var(--hero-accent);}

/* ---------- Header ---------- */
header.site{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.85rem;}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none!important;}
.brand img{width:34px;height:34px;}
.brand-text{display:flex;flex-direction:column;line-height:1.15;}
.brand-text b{font-family:'Frank Ruhl Libre',serif;font-size:1.05rem;color:var(--ink);}
.brand-text span{font-size:.68rem;color:var(--muted);letter-spacing:.03em;}
nav.primary{display:flex;align-items:center;gap:1.6rem;}
nav.primary a{color:var(--ink-soft);font-weight:600;font-size:.94rem;}
nav.primary a:hover{color:var(--accent);text-decoration:none;}
nav.primary a.active{color:var(--accent);}
.nav-cta{display:flex;align-items:center;gap:1rem;}
.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;color:var(--ink);}

@media (max-width:860px){
  nav.primary{
    position:absolute; inset-inline:0; top:100%;
    background:var(--surface);
    border-bottom:1px solid var(--line);
    flex-direction:column; align-items:stretch;
    padding:1rem 1.5rem 1.5rem;
    gap:.2rem;
    display:none;
  }
  nav.primary.open{display:flex;}
  nav.primary a{padding:.6rem 0;border-bottom:1px solid var(--line);}
  .menu-toggle{display:inline-flex;}
  .nav-cta .btn-primary{padding:.65rem 1.1rem;font-size:.88rem;}
}

/* ---------- Hero (deliberately fixed-dark, not theme-driven) ---------- */
.hero{
  --hero-bg-a:#0A1512;
  --hero-bg-b:#102922;
  --hero-ink:#F2F7F4;
  --hero-muted:#9FB6AC;
  --hero-accent:#3FD9BD;
  --hero-line:rgba(242,247,244,.14);
  background:radial-gradient(120% 140% at 15% 0%, var(--hero-bg-b), var(--hero-bg-a) 60%);
  color:var(--hero-ink);
  padding-block:5rem 6rem;
  position:relative;
  overflow:hidden;
}
.hero .eyebrow{color:var(--hero-accent);}
.hero .eyebrow::before{background:var(--hero-accent);}
.hero h1{color:var(--hero-ink);font-size:clamp(2.1rem,4.4vw,3.4rem);max-width:16ch;}
.hero .lede{color:var(--hero-muted);font-size:1.15rem;max-width:52ch;margin-block:1.2rem 2rem;}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.6rem;}
.hero .facts{display:flex;flex-wrap:wrap;gap:1.6rem;padding-top:1.8rem;border-top:1px solid var(--hero-line);}
.hero .fact{max-width:220px;}
.hero .fact b{display:block;color:var(--hero-accent);font-family:'Frank Ruhl Libre',serif;font-size:1.3rem;margin-bottom:.2rem;}
.hero .fact span{color:var(--hero-muted);font-size:.86rem;}
.hero-pulse{
  position:absolute; inset-inline-end:-6%; top:8%;
  width:640px; max-width:70%; opacity:.5;
}

/* ---------- Sections ---------- */
section{padding-block:4.5rem;}
section.tight{padding-block:3rem;}
.section-head{max-width:640px;margin-bottom:2.4rem;}
.section-head h2{font-size:clamp(1.6rem,3vw,2.1rem);}
.section-head .lede{color:var(--muted);font-size:1.05rem;margin-top:.8rem;}
.divider{border:none;border-top:1px solid var(--line);margin:0;}
.bg-raise{background:var(--surface);}

/* ---------- Wedge / callouts ---------- */
.callout{
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:var(--radius);
  padding:1.4rem 1.6rem;
  box-shadow:var(--shadow);
}
.callout.flag{border-inline-start:4px solid var(--flag);background:var(--flag-tint);}
.callout.flag .eyebrow{color:var(--flag);}
.callout.flag .eyebrow::before{background:var(--flag);}
.legal-note{
  font-size:.88rem;color:var(--muted);
  border-inline-start:3px solid var(--line);
  padding-inline-start:1rem;margin-block:1.6rem;
}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;}
@media (max-width:860px){.grid-3,.grid-2{grid-template-columns:1fr;}}

.feature{
  border:1px solid var(--line);border-radius:var(--radius);
  padding:1.4rem 1.5rem;background:var(--surface);
}
.feature h3{font-size:1.05rem;margin-bottom:.5rem;}
.feature p{color:var(--muted);font-size:.94rem;margin:0;}

/* ---------- Tier staircase ---------- */
.staircase{
  display:flex;
  flex-direction:column;
  gap:1rem;
  counter-reset:tier;
}
.tier{
  counter-increment:tier;
  position:relative;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:1.8rem 2rem;
  display:grid;
  grid-template-columns:1.4fr 2fr auto;
  gap:1.6rem;
  align-items:center;
}
.tier.featured{
  border-color:var(--accent);
  background:linear-gradient(180deg, var(--accent-tint), var(--surface) 60%);
  box-shadow:var(--shadow);
}
.tier-name{display:flex;align-items:center;gap:.9rem;}
.tier-num{
  flex:none;width:2.5rem;height:2.5rem;border-radius:50%;
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
  font-family:'Frank Ruhl Libre',serif;color:var(--accent);
}
.tier.featured .tier-num{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);}
.tier-name h3{font-size:1.2rem;}
.tier-name .badge{margin-top:.25rem;}
.tier-feats{color:var(--muted);font-size:.92rem;columns:2;column-gap:1.4rem;}
.tier-feats li{margin-bottom:.35rem;break-inside:avoid;}
.tier-price{text-align:end;white-space:nowrap;}
.tier-price b{font-family:'Frank Ruhl Libre',serif;font-size:1.5rem;color:var(--ink);font-variant-numeric:tabular-nums;}
.tier-price span{display:block;font-size:.78rem;color:var(--muted);}
@media (max-width:860px){
  .tier{grid-template-columns:1fr;text-align:start;}
  .tier-price{text-align:start;}
  .tier-feats{columns:1;}
}

.badge{
  display:inline-flex;align-items:center;gap:.35rem;
  font-size:.72rem;font-weight:700;letter-spacing:.03em;
  padding:.2rem .6rem;border-radius:999px;
  background:var(--accent-tint);color:var(--accent);
}
.badge.flag{background:var(--flag-tint);color:var(--flag);}

/* ---------- Process strip ---------- */
.process{display:flex;gap:1.2rem;counter-reset:step;}
.process .step{
  flex:1;position:relative;
  border-top:3px solid var(--accent);
  padding-top:1rem;
  counter-increment:step;
}
.process .step::before{
  content:counter(step);
  font-family:'Frank Ruhl Libre',serif;
  color:var(--accent);font-size:1.4rem;
  display:block;margin-bottom:.4rem;
}
.process .step h4{font-size:1.02rem;margin-bottom:.4rem;}
.process .step p{color:var(--muted);font-size:.9rem;margin:0;}
@media (max-width:860px){.process{flex-direction:column;}}

/* ---------- Comparison table ---------- */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem;}
th,td{padding:.75rem 1rem;text-align:start;border-bottom:1px solid var(--line);}
thead th{font-size:.72rem;letter-spacing:.05em;color:var(--muted);background:var(--paper);}
tbody tr:last-child td{border-bottom:none;}
td.num,th.num{font-variant-numeric:tabular-nums;}
td.yes{color:var(--accent);font-weight:700;}

/* ---------- FAQ ---------- */
details.faq{border-bottom:1px solid var(--line);padding-block:1rem;}
details.faq summary{
  cursor:pointer;list-style:none;font-weight:700;font-size:1.02rem;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
}
details.faq summary::-webkit-details-marker{display:none;}
details.faq summary::after{content:"+";color:var(--accent);font-size:1.3rem;flex:none;transition:transform .15s ease;}
details.faq[open] summary::after{transform:rotate(45deg);}
details.faq p{color:var(--muted);margin-top:.8rem;margin-bottom:0;}

/* ---------- Contact form ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
.form-grid .full{grid-column:1/-1;}
@media (max-width:700px){.form-grid{grid-template-columns:1fr;}}
label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.4rem;color:var(--ink-soft);}
input,textarea,select{
  width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:8px;
  background:var(--surface);color:var(--ink);font-family:inherit;font-size:.96rem;
}
textarea{min-height:120px;resize:vertical;}
.contact-info{display:flex;flex-direction:column;gap:1.1rem;}
.contact-info .row{display:flex;gap:.9rem;align-items:flex-start;}
.contact-info .row b{display:block;font-size:.95rem;}
.contact-info .row span{color:var(--muted);font-size:.9rem;}

/* ---------- Final CTA band ---------- */
.cta-band{
  background:radial-gradient(120% 160% at 85% 0%, #102922, #0A1512 60%);
  color:#F2F7F4;text-align:center;
}
.cta-band h2{color:#F2F7F4;font-size:clamp(1.6rem,3vw,2.2rem);max-width:24ch;margin-inline:auto;}
.cta-band p{color:#9FB6AC;max-width:46ch;margin:1rem auto 2rem;}

/* ---------- Footer ---------- */
footer.site{border-top:1px solid var(--line);padding-block:3rem 2rem;color:var(--muted);font-size:.88rem;}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem;}
.foot-grid h4{font-size:.85rem;color:var(--ink);margin-bottom:.8rem;}
.foot-grid a{color:var(--muted);display:block;margin-bottom:.5rem;}
.foot-grid a:hover{color:var(--accent);}
.foot-bottom{border-top:1px solid var(--line);padding-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;}
@media (max-width:700px){.foot-grid{grid-template-columns:1fr;}}

/* ---------- Page hero (non-home pages, smaller) ---------- */
.page-hero{padding-block:3.4rem 2.6rem;border-bottom:1px solid var(--line);}
.page-hero h1{font-size:clamp(1.9rem,4vw,2.6rem);max-width:20ch;}
.page-hero .lede{color:var(--muted);font-size:1.08rem;max-width:56ch;margin-top:1rem;}

.stat-row{display:flex;flex-wrap:wrap;gap:2rem;margin-block:2rem;}
.stat{min-width:140px;}
.stat b{display:block;font-family:'Frank Ruhl Libre',serif;font-size:1.7rem;color:var(--accent);font-variant-numeric:tabular-nums;}
.stat span{color:var(--muted);font-size:.85rem;}