/* ============================================================
   התחתית של האתר: פנייה מהירה, שלוש עמודות קישורים ושורת זכויות
   ============================================================
   משותפת לדף הבית ולדפי הנחיתה, ולכן כל כלל בהיקף `.sf`: הקובץ לא נוגע בשום דבר אחר בדף שטוען אותו.
   הצבעים מהמשתנים של הדף (`--navy`, `--green`...), שכל דף מגדיר ב-:root.
   ניגודיות (רקע #0E2233): קישורים #A9BACB = 8:1, זכויות #8FA2B4 = 6:1, תוויות #C7D3DD = 11:1. */
.sf{background:var(--navy);color:#fff;padding:56px 0 28px}
/* מקום לכפתור «התאמות נגישות» הצף בפינה התחתונה, כדי שהשורה האחרונה לא תוסתר מתחתיו */
body > .sf{padding-bottom:76px}
/* ניגודיות גבוהה: הרקע של ריבוע הלוגו נהיה לבן, והקו הלבן של הלוגו היה נעלם */
html.a11y-contrast .sf-logo i{background-color:#000 !important}
.sf h2{margin:0;letter-spacing:0;text-wrap:balance}
.sf p{margin:0}
.sf a{color:inherit;text-decoration:none}
.sf a:focus-visible,.sf button:focus-visible,.sf input:focus-visible{outline:3px solid #4FB88F;outline-offset:2px}

/* ---------- פנייה מהירה ---------- */
.sf-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:28px 48px;align-items:center;padding-bottom:40px}
.sf-cta h2{font-size:26px;font-weight:800;line-height:1.25}
.sf-cta .sub{margin-top:8px;font-size:16px;color:#A9BACB}
.sf-form{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px 12px;align-items:end}
.sf-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.sf-f label{font-size:14px;font-weight:600;color:#C7D3DD}
.sf-f label i{font-style:normal;color:var(--green-lt)}
/* ⚠️ 16px בשדות בכוונה: ספארי ב-iOS מגדיל את הדף על שדה עם גופן קטן מזה */
.sf-f input{width:100%;height:50px;padding:0 14px;border-radius:8px;border:2px solid transparent;background:#fff;color:var(--ink);font-weight:400;font-size:16px;line-height:1.5;font-family:inherit}
.sf-f input::placeholder{color:#6B7A86}
.sf-f input[aria-invalid="true"]{border-color:#E8735A}
.sf-btn{height:50px;padding:0 30px;border-radius:8px;border:0;background:var(--green);color:#fff;font-weight:700;font-size:17px;line-height:1;font-family:inherit;cursor:pointer;white-space:nowrap}
.sf-btn:hover{background:var(--green-dk)}
.sf-btn[disabled]{opacity:.6;cursor:default}
.sf-note{grid-column:1/-1;font-size:14px;color:#A9BACB}
.sf-msg{grid-column:1/-1;min-height:22px;font-size:15px;font-weight:700}
.sf-msg:empty{display:none}
.sf-msg.ok{color:var(--green-lt);font-size:17px}
.sf-msg.err{color:#FFB4A0}
/* המלכודת לבוטים: מחוץ למסך ולא display:none, ובתוך תיבה חתוכה, אחרת בעמוד מימין לשמאל היא מרחיבה את העמוד */
.sf-hp{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.sf-hp input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- עמודות הקישורים ---------- */
.sf-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr) minmax(0,1fr) minmax(0,.9fr);gap:40px;padding:44px 0 36px;border-top:1px solid rgba(255,255,255,.12)}
.sf-brand{display:flex;flex-direction:column;gap:14px}
.sf-brand p{font-size:15.5px;color:#A9BACB;max-width:300px}
.sf-logo{display:inline-flex;align-items:center;gap:9px;align-self:flex-start}
.sf-logo i{width:34px;height:34px;border-radius:9px;background:var(--green);display:flex;align-items:center;justify-content:center}
.sf-logo i svg{width:24px;height:24px}
.sf-logo b{font-size:22px;font-weight:800;letter-spacing:-.01em;color:#fff;direction:ltr}
.sf-logo b span{color:var(--green-lt)}
.sf-col h2{font-size:15px;font-weight:800;color:#fff;margin-bottom:10px}
.sf-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
/* שתי עמודות שמתמלאות מלמעלה למטה, כך שסדר הקריאה והמקלדת הוא עמודה ואז עמודה */
.sf-col.two ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(8,auto);grid-auto-flow:column;column-gap:28px}
/* 5px למעלה ולמטה: שטח לחיצה של 32 פיקסלים בטלפון, לא רק גובה השורה */
.sf-col a,.sf-col button{display:inline-block;padding:5px 0;font-size:15px;line-height:1.45;color:#A9BACB;background:none;border:0;font-family:inherit;cursor:pointer;text-align:right}
.sf-col a:hover,.sf-col button:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sf-legal{display:flex;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#8FA2B4}
.sf-legal .ltr{direction:ltr;unicode-bidi:isolate}

@media (max-width:1100px){
  .sf-cta{grid-template-columns:1fr}
  .sf-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
  .sf-brand,.sf-col.two{grid-column:1/-1}
}
@media (max-width:760px){
  .sf{padding:44px 0 24px}
  .sf-cta h2{font-size:22px}
  .sf-form{grid-template-columns:1fr}
  /* בעמודה אחת ההערה עולה מעל הכפתור, ליד השדות שהיא מסבירה */
  .sf-note{order:1}
  .sf-btn{width:100%;order:2}
  .sf-msg{order:3}
  .sf-main{gap:28px 20px}
  .sf-col.two ul{column-gap:20px}
  .sf-legal{flex-direction:column;gap:6px}
}