/* שדרוג החלק העליון: לוגו, סדר ה-hero וטופס יצירת קשר בכרטיס כהה.
   הפלטה והעיצוב הכללי נשארו כמו ב-site.css. נטען אחריו; להסרה: למחוק את ה-link מהדפים. */

:root { --gold: #e6b477; --gold-star: #e9a63a; }

/* ---------- לוגו ---------- */
.site-header .brand { gap: 13px; }
.site-header .brand img { inline-size: 52px; block-size: 52px; border-radius: 13px; box-shadow: 0 4px 12px rgba(19, 45, 59, .2); }
.site-header .brand-copy { gap: 0; position: relative; padding-inline-start: 13px; }
.site-header .brand-copy::before { content: ""; position: absolute; inset-block: 4px; inset-inline-start: 0; inline-size: 2px; background: linear-gradient(var(--gold), var(--accent)); border-radius: 2px; }
.brand-kicker { display: block; font-size: .8rem; font-weight: 700; line-height: 1.1; color: var(--accent); }
.site-header .brand-copy strong { font-size: 1.95rem; line-height: 1.02; font-weight: 800; }

/* ---------- סדר ה-hero: כותרת, הצעת ערך, בולטים, צור קשר ---------- */
.hero-copy { display: flex; flex-direction: column; align-items: stretch; }
.hero-copy > * { order: 50; }
.hero-copy > .eyebrow,
.hero-copy > .urgency-callout { display: none; }
.hero-copy > h1 { order: 1; }
.hero-copy > .hero-description { order: 2; }
.hero-copy > .key-facts,
.hero-copy > .business-proof { order: 3; }
.hero-copy > .proof-terms { order: 4; }
.hero-copy > .hero-trust-pill { order: 5; align-self: flex-start; }
.hero-copy > .lead-box { order: 6; }
.hero-copy > .hero-whatsapp-button { order: 7; }

.hero .hero-description { max-inline-size: 560px; margin-block: 14px 18px; font-size: 1.12rem; line-height: 1.6; font-weight: 700; color: var(--ink); }

/* בולטים: כוכב זהב בולט, בלי שורות משנה */
.key-facts { margin-block: 0 14px; }
.key-fact { position: relative; padding-inline-start: 50px; justify-content: center; min-block-size: 56px; }
.key-fact span { display: none; }
.key-fact::before { content: "★"; position: absolute; inset-inline-start: 11px; inset-block-start: 50%; transform: translateY(-50%); display: grid; place-items: center; inline-size: 30px; block-size: 30px; border-radius: 50%; background: var(--gold-star); color: #fff; font-size: 1.05rem; line-height: 1; }
.business-proof .hero-points li svg { display: none; }
.business-proof .hero-points li::before { content: "★"; display: grid; place-items: center; flex: 0 0 22px; inline-size: 22px; block-size: 22px; border-radius: 50%; background: var(--gold-star); color: #fff; font-size: .8rem; line-height: 1; }
.business-proof .hero-points li { gap: 9px; }

.hero-trust-pill { margin-block-end: 14px; }
.hero-trust-pill .stars { color: var(--gold-star); font-size: 1.1rem; letter-spacing: 2px; }
.hero-trust-pill > :nth-child(n+5) { display: none; }

/* ---------- טופס יצירת קשר: כרטיס כהה עם מסגרת זהב ---------- */
.lead-box { background: var(--ink); border: 2px solid var(--gold); border-radius: 12px; padding: 24px; box-shadow: 0 16px 38px rgba(19, 45, 59, .25); color: #fff; }
.lead-box .form-heading { color: #fff; }
.lead-box .form-intro { color: #c9d6da; }
.lead-box .field { color: #fff; }
.lead-box .field input, .lead-box .field textarea { border: 1px solid transparent; border-radius: 6px; background: #fff; }
.lead-box .field input:focus, .lead-box .field textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(230, 180, 119, .35); outline: 0; }
.lead-box .form-extra summary { color: #e3ebed; }
.lead-box .upload-label, .lead-box .upload-info { color: #c9d6da; }
.lead-box .form-button { background: var(--gold); color: var(--ink); font-size: 1rem; border-radius: 6px; }
.lead-box .form-button:hover { background: #f0c691; }
.lead-box .next-steps-strip { border-block-start-color: rgba(255, 255, 255, .22); color: #c9d6da; }
.lead-box .next-steps-strip strong { background: rgba(230, 180, 119, .2); color: var(--gold); }
.lead-box .form-privacy { color: #c9d6da; }
.lead-box .form-privacy a { color: #fff; }
.lead-box .form-status { background: #eaf4ef; color: var(--ink); }

@media (max-width: 980px) { .hero-copy { max-inline-size: 100%; } }
@media (max-width: 640px) {
  .site-header .brand img { inline-size: 44px; block-size: 44px; }
  .site-header .brand-copy strong { font-size: 1.6rem; }
  .brand-kicker { font-size: .72rem; }
  .hero .hero-description { font-size: 1rem; }
  .lead-box { padding: 18px; }
}