:root{
  --ground:#F4F2EE;
  --surface:#FFFFFF;
  --sunk:#EBE8E2;
  --ink:#1A1C1B;
  --ink-2:#55595A;
  --muted:#8A8E8C;
  --line:#DEDAD3;
  --hair:#E9E6E0;
  --brass:#A9762B;
  --brass-soft:#F2E7D6;
  --cut:#14594A;
  --cut-soft:#DDEBE5;
  --shadow:0 1px 2px rgba(26,28,27,.05);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#141719; --surface:#1D2124; --sunk:#191D20;
  --ink:#ECEAE6; --ink-2:#B3B7B7; --muted:#7E8484;
  --line:#333A3E; --hair:#272D31;
  --brass:#D9A34E; --brass-soft:#31261A;
  --cut:#46A88A; --cut-soft:#16302A;
  --shadow:0 1px 2px rgba(0,0,0,.4);
}}
:root[data-theme="dark"]{
  --ground:#141719; --surface:#1D2124; --sunk:#191D20;
  --ink:#ECEAE6; --ink-2:#B3B7B7; --muted:#7E8484;
  --line:#333A3E; --hair:#272D31;
  --brass:#D9A34E; --brass-soft:#31261A;
  --cut:#46A88A; --cut-soft:#16302A;
  --shadow:0 1px 2px rgba(0,0,0,.4);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:"Assistant",system-ui,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.6; direction:rtl;
  -webkit-font-smoothing:antialiased;
}
body[lang="ar"]{font-family:"Noto Kufi Arabic","Assistant",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:760px;margin:0 auto;padding-inline:20px;padding-block:0 64px}

/* ---------- masthead ---------- */
.mast{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-block:20px 16px;
}
.mark{display:flex;align-items:baseline;gap:7px;font-family:"Frank Ruhl Libre",Georgia,serif;direction:ltr;unicode-bidi:isolate;text-decoration:none}
.mark .mg{font-weight:900;font-size:21px;letter-spacing:.02em;color:var(--ink)}
.mark .st{font-weight:500;font-size:21px;color:var(--brass);letter-spacing:.06em}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;width:fit-content}
.brand .tag{align-self:stretch;font-family:"Assistant",system-ui,sans-serif;font-weight:700;font-size:14.8px;color:var(--ink-2);line-height:1.15;white-space:nowrap;text-align:justify;text-align-last:justify}
:lang(ar) .brand .tag{font-family:"Noto Kufi Arabic",system-ui,sans-serif;font-size:14.2px}
.langs{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}
.langs a{color:var(--muted);text-decoration:none;padding:4px 9px;border-radius:6px}
.langs a[aria-current="true"]{background:var(--sunk);color:var(--ink)}

/* ---------- nav ---------- */
.nav{
  display:flex;flex-wrap:wrap;gap:2px;
  border-block:1px solid var(--line);padding-block:7px;margin-bottom:4px;
}
.nav a{
  font-size:14px;font-weight:700;color:var(--ink-2);text-decoration:none;
  padding:6px 9px;border-radius:7px;white-space:nowrap;
}
.nav a:hover{background:var(--sunk);color:var(--ink)}
.nav a[aria-current="page"]{color:var(--brass)}

/* ---------- opening ---------- */
.open{padding-block:38px 30px}
.eyebrow{
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass);margin-bottom:14px;
}
h1{
  font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:700;
  font-size:clamp(29px,6.2vw,42px);line-height:1.18;letter-spacing:-.015em;
  margin:0 0 18px;text-wrap:balance;
}
body[lang="ar"] h1{font-family:"Noto Kufi Arabic","Frank Ruhl Libre",serif;font-weight:700;line-height:1.38}
.lead{font-size:17.5px;color:var(--ink-2);margin:0 0 24px;max-width:58ch}

.cta{
  display:inline-block;background:var(--cut);color:#fff;text-decoration:none;
  font-weight:700;font-size:16.5px;padding:13px 26px;border-radius:10px;
}
.cta:hover{filter:brightness(1.08)}
.cta-note{font-size:13.5px;color:var(--muted);margin:11px 0 0}

/* ---------- proof ---------- */
.proof{
  border:1px solid var(--line);border-radius:12px;background:var(--surface);
  box-shadow:var(--shadow);overflow:hidden;margin-top:28px;
}
.proof-hd{
  padding:13px 18px;border-bottom:1px solid var(--hair);background:var(--sunk);
  font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);
}
.proof a{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 18px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--hair);
}
.proof a:last-child{border-bottom:0}
.proof a:hover{background:var(--sunk)}
.proof .url{display:block;font-weight:700;font-size:16.5px;direction:ltr;unicode-bidi:embed}
.proof .what{display:block;font-size:13px;color:var(--muted)}
.proof .go{color:var(--brass);font-size:19px;line-height:1;flex:0 0 auto}

/* ---------- spec strip ---------- */
.spec{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:24px;
}
.spec div{background:var(--surface);padding:15px 12px;text-align:center}
.spec b{
  display:block;font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:700;
  font-size:25px;line-height:1.1;color:var(--brass);font-variant-numeric:tabular-nums;
}
.spec span{display:block;font-size:12px;color:var(--muted);margin-top:3px}

/* ---------- sections ---------- */
section{padding-block:38px 0}
h2{
  font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:700;
  font-size:clamp(21px,4.2vw,27px);margin:0 0 6px;letter-spacing:-.01em;
}
body[lang="ar"] h2{font-family:"Noto Kufi Arabic","Frank Ruhl Libre",serif;line-height:1.4}
.sub{color:var(--muted);font-size:14.5px;margin:0 0 22px}
.body-p{font-size:16.5px;color:var(--ink-2);margin:0 0 16px;max-width:62ch}

/* ---------- cards ---------- */
.cards{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cards > div{background:var(--surface);padding:20px}
.cards h3{margin:0 0 7px;font-size:17px;font-weight:700;line-height:1.35}
body[lang="ar"] .cards h3{line-height:1.5}
.cards p{margin:0;font-size:15px;color:var(--ink-2)}
@media (min-width:700px){.cards.three{grid-template-columns:repeat(3,1fr)}}

.items{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.items > div{background:var(--surface);padding:17px 19px}
.items h3{margin:0 0 5px;font-size:16px;font-weight:700}
.items p{margin:0;font-size:14.5px;color:var(--ink-2)}

/* ---------- packages ---------- */
.pack{
  border:1px solid var(--line);border-radius:12px;background:var(--surface);
  box-shadow:var(--shadow);padding:22px;margin-bottom:16px;
}
.pack h3{margin:0 0 4px;font-size:19px;font-weight:700;font-family:"Frank Ruhl Libre",Georgia,serif}
body[lang="ar"] .pack h3{font-family:"Noto Kufi Arabic",serif;line-height:1.5}
.pack .who{font-size:13px;color:var(--brass);font-weight:700;margin:0 0 12px}
.pack p{margin:0;font-size:15.5px;color:var(--ink-2)}

/* ---------- price sheet ---------- */
.tiers{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.tier{padding:17px 19px;border-bottom:1px solid var(--hair);display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tier:last-child{border-bottom:0}
.tier.lead-tier{background:var(--cut-soft)}
.tier-name{font-size:16px;font-weight:700}
.tier-name small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:2px}
.tier-price{
  font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:700;font-size:22px;
  color:var(--cut);font-variant-numeric:tabular-nums;white-space:nowrap;
}
.tier-price small{font-size:13px;font-weight:500;color:var(--muted);font-family:"Assistant",sans-serif}

/* ---------- case study ---------- */
.shots{display:grid;gap:14px;margin-top:22px}
@media (min-width:640px){.shots{grid-template-columns:1fr 1fr}}
.shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.shot img{width:100%}
.shot .cap{padding:11px 14px;font-size:13.5px;color:var(--muted);border-top:1px solid var(--hair)}
.shot .cap b{color:var(--ink);font-weight:700;direction:ltr;unicode-bidi:embed;display:block;font-size:14.5px}

.quote{
  border-inline-start:3px solid var(--brass);padding-inline-start:16px;
  margin:22px 0;font-size:18px;line-height:1.55;color:var(--ink);
}

/* ---------- form ---------- */
.form{
  margin-top:22px;border:1px solid var(--line);border-radius:12px;
  background:var(--surface);padding:20px;box-shadow:var(--shadow);
}
.field{margin-bottom:13px}
.field:last-of-type{margin-bottom:18px}
label{display:block;font-size:13.5px;font-weight:600;margin-bottom:5px;color:var(--ink-2)}
input,textarea,select{
  width:100%;font:inherit;font-size:15.5px;color:var(--ink);background:var(--ground);
  border:1px solid var(--line);border-radius:9px;padding:11px 13px;
}
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{
  outline:2px solid var(--cut);outline-offset:2px;
}
.send{
  width:100%;border:0;border-radius:10px;background:var(--cut);color:#fff;
  font:inherit;font-weight:700;font-size:16.5px;padding:14px;cursor:pointer;
}
.send:hover{filter:brightness(1.08)}
.or{margin-top:13px;font-size:14px;color:var(--muted);text-align:center}
.or a{color:var(--ink);font-weight:600;direction:ltr;unicode-bidi:embed;display:inline-block}

/* ---------- closing band ---------- */
.band{
  margin-top:44px;border:1px solid var(--line);border-radius:12px;
  background:var(--surface);padding:24px;text-align:center;box-shadow:var(--shadow);
}
.band h2{margin-bottom:8px}
.band p{margin:0 0 18px;color:var(--ink-2);font-size:15.5px}

/* ---------- sticky whatsapp ---------- */
.wa{
  position:fixed;inset-inline-end:16px;inset-block-end:16px;z-index:40;
  width:54px;height:54px;border-radius:50%;background:#25D366;
  display:grid;place-content:center;box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.wa svg{width:28px;height:28px;fill:#fff}

footer{
  margin-top:46px;padding-top:20px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:13.5px;color:var(--muted);
}
footer b{color:var(--ink-2);font-weight:600}
footer .tel{direction:ltr;unicode-bidi:embed;font-variant-numeric:tabular-nums}

@media (max-width:520px){
  .spec{grid-template-columns:repeat(2,1fr)}
  .proof .go{display:none}
  .wrap{padding-block:0 86px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}



/* ---------- hero mockup (restored) ---------- */
.mock { position: relative; max-width: 560px; margin: 10px auto 54px; }
.mock-win { border-radius: 14px; background: var(--surface); overflow: hidden; direction: ltr; box-shadow: var(--m-shadow),0 0 0 1px var(--m-ring-hi),0 0 0 4px var(--m-ring); }
.mock-bar { display: flex; align-items: center; gap: 12px; padding: 9px 12px; background: var(--sunk); border-bottom: 1px solid var(--line); }
.mock-dots3 { display: flex; gap: 6px; flex: 0 0 auto; }
.mock-dots3 i { width: 9px; height: 9px; border-radius: 50%; background: var(--m-dot); }
.mock-dots3 i:first-child { background: var(--brass); }
.mock-addr { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; gap: 7px; height: 24px; padding-inline: 10px; border-radius: 12px; background: var(--surface); border: 1px solid var(--hair); font: 600 12px / 1 Assistant, system-ui, sans-serif; color: var(--ink-2); }
.mock-addr svg { flex: 0 0 auto; width: 11px; height: 11px; color: var(--cut); }
.mock-url { display: grid; min-width: 0px; overflow: hidden; }
.mock-url span { grid-area: 1 / 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transition: opacity 0.8s; }
.mock-url span.on { opacity: 1; }
.mock-screen { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--sunk); }
.mock-screen img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; opacity: 0; transition: opacity 0.8s; }
.mock-screen img.on { opacity: 1; }
.mock-nav { display: flex; justify-content: center; gap: 7px; margin-top: 18px; }
.mock-nav i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); transition: background 0.4s, transform 0.4s; }
.mock-nav i.on { background: var(--brass); transform: scale(1.25); }
.mock-ph { position: absolute; inset-inline-start: -14px; inset-block-end: -32px; width: 23%; padding: 5px; border-radius: 18px; background: var(--m-phone); box-shadow: var(--m-shadow),0 0 0 1px var(--m-ring-hi); }
.mock-ph .scr { border-radius: 13px; overflow: hidden; line-height: 0; background: var(--sunk); }
.mock-ph img { display: block; width: 100%; height: auto; }
.mock-ph .ar { display: none; }
body[data-lang="ar"] .mock-ph .he { display: none; }
body[data-lang="ar"] .mock-ph .ar { display: block; }
@media (min-width: 1000px) {
  .open.hero-split { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.12fr); column-gap: 64px; align-items: start; width: min(1040px, -64px + 100vw); margin-inline-start: calc(50% - (0.5 * min(1040px, -64px + 100vw))); padding-block: 56px 40px; }
  .open.hero-split > * { grid-column: 1; }
  .open.hero-split > .mock { grid-area: 1 / 2 / span 5; align-self: center; width: 100%; max-width: none; margin: 0px 0px 40px; }
  .mock-ph { inset-inline-start: -28px; }
}
@media (max-width: 560px) {
  .mock-ph { width: 26%; inset-inline-start: -10px; inset-block-end: -28px; }
  .mock-bar { padding: 8px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .mock-screen img, .mock-url span, .mock-nav i { transition: none; }
}
.mock{margin-inline:auto}
body[lang="ar"] .mock-ph .ar{display:block}
body[lang="ar"] .mock-ph .he{display:none}
body[lang="he"] .mock-ph .he{display:block}
body[lang="he"] .mock-ph .ar{display:none}/* tighten top */
.mast{padding-block:14px 10px}
.nav{padding-block:5px;margin-bottom:0}
.nav a{font-size:13.5px;padding:5px 7px}
.open{padding-block:14px 24px}
.mock{margin:0 auto 26px}
@media (max-width:520px){
  .nav{gap:0}
  .nav a{font-size:13px;padding:5px 6px}
  .mock{margin-bottom:20px}
}/* center proof rows */
.proof a{justify-content:center;text-align:center;position:relative}
.proof a > span:first-child{text-align:center}
.proof .go{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%)}
/* hebrew language switch bolder */
.langs a[lang="he"]{font-weight:700}

/* payment page */
.pay{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;max-width:520px;margin:0 auto;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.pay-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--hair)}
.pay-row span{color:var(--ink-2);font-size:14px}
.pay-row b{font-size:18px}
.pay-note{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.pay .cta{display:block;text-align:center;margin-top:18px}
.pay .cta.is-off{background:var(--sunk);color:var(--muted);cursor:default;box-shadow:none}
.pay-sec{font-size:13px;color:var(--ink-2);line-height:1.75;margin:14px 0 0}
.pay-marks{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:14px 0 0}
.pay-marks li{font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
/* footer legal links */
footer{flex-wrap:wrap;row-gap:8px}
.legal{flex-basis:100%;font-size:12.5px;color:var(--muted);line-height:1.9}
.legal a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.legal a:hover{color:var(--ink);border-bottom-color:var(--ink-2)}
/* floating contact stack */
.fab{position:fixed;left:16px;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:40;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.fab svg{width:26px;height:26px;fill:#fff}
.fab-tel{bottom:80px;background:#1d4ed8}
.fab-mail{bottom:144px;background:#55595a}