.sg-tool { --sg-bg: #000000; --sg-panel: #0b0c0f; --sg-input: #15171b; --sg-line: #2a2d33; --sg-line-strong: #3a3f47; --sg-ink: #ffffff; --sg-muted: #9aa3ad; --sg-gold: #d9ad52; --sg-gold-ink: #0a0b0d; --sg-good: #5fcf8e; --sg-warn: #d9ad52; --sg-bad: #e0796b; --sg-currency: '₪'; --fs-eyebrow: 14px; --fs-small: 16px; --fs-body: 20px; --fs-label: 20px; --fs-input: 22px; --fs-h3: 24px; --fs-h2: 30px; --fs-hero: 48px; --fs-hero-lg: 64px; --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --r-sm: 8px; --radius: 14px; --r-lg: 20px; --r-pill: 999px; --border: 1px solid var(--sg-line); --shadow-1: 0 1px 2px rgba(0,0,0,.4); --shadow-2: 0 12px 32px rgba(0,0,0,.5); --dur-fast: 120ms; --dur: 200ms; --ease: cubic-bezier(.2,.7,.2,1); --target: 56px; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--sg-ink); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
.sg-tool *, .sg-tool ::before, .sg-tool ::after { box-sizing: border-box; }
.sg-tool h1, .sg-tool h2, .sg-tool h3, .sg-tool h4, .sg-tool p, .sg-tool figure { margin: 0px; }
.sg-tool button { font: inherit; color: inherit; }
.sg-tool :focus-visible { outline: 2px solid var(--sg-gold); outline-offset: 2px; }
.sg-tool :focus:not(:focus-visible) { outline: none; }
.sg-card { background: var(--sg-panel); border: var(--border); border-radius: var(--r-lg); padding: var(--s7); }
.sg-wordmark { display: inline-flex; align-items: center; gap: var(--s3); font-size: var(--fs-h3); font-weight: 700; letter-spacing: 0.06em; color: var(--sg-gold); }
.sg-wordmark .sg-wordmark__mark { width: 34px; height: 34px; border-radius: 9px; background: var(--sg-gold); color: var(--sg-gold-ink); display: grid; place-items: center; font-size: 20px; font-weight: 800; letter-spacing: 0px; }
.sg-eyebrow { font-size: var(--fs-eyebrow); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sg-gold); }
.sg-h2 { font-size: var(--fs-h2); font-weight: 700; letter-spacing: -0.01em; }
.sg-section-head { display: flex; flex-direction: column; gap: var(--s2); margin-bottom: var(--s5); }
.sg-footnote { font-size: var(--fs-small); color: var(--sg-muted); }
.sg-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); min-height: var(--target); padding: 0 var(--s6); font-size: var(--fs-body); font-weight: 600; line-height: 1; border-radius: var(--radius); border: 1px solid transparent; cursor: pointer; text-decoration: none; transition: background var(--dur-fast) var(--ease),
border-color var(--dur-fast) var(--ease),
transform var(--dur-fast) var(--ease); }
.sg-btn--primary { background: var(--sg-gold); color: var(--sg-gold-ink); }
.sg-btn--primary:hover, .sg-btn--primary.is-hover { background: rgb(231, 192, 110); }
.sg-btn--primary:active, .sg-btn--primary.is-active { transform: scale(0.98); background: rgb(202, 160, 73); }
.sg-btn--ghost { background: transparent; color: var(--sg-ink); border-color: var(--sg-line-strong); }
.sg-btn--ghost:hover, .sg-btn--ghost.is-hover { border-color: var(--sg-gold); color: var(--sg-gold); }
.sg-btn--ghost:active, .sg-btn--ghost.is-active { transform: scale(0.98); }
.sg-btn--link { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; min-height: auto; padding: var(--s2) 0; color: var(--sg-muted); font-weight: 600; text-decoration-line: underline; text-decoration-style: initial; text-underline-offset: 4px; text-decoration-color: var(--sg-gold); text-decoration-thickness: 1px; cursor: pointer; }
.sg-btn--link:hover, .sg-btn--link.is-hover { color: var(--sg-ink); text-decoration-thickness: 2px; }
.sg-btn:disabled, .sg-btn.is-disabled { opacity: 0.4; cursor: not-allowed; transform: none; background: var(--sg-input); color: var(--sg-muted); border-color: var(--sg-line); }
.sg-btn--primary:disabled, .sg-btn--primary.is-disabled { background: var(--sg-input); }
.sg-field { display: flex; flex-direction: column; gap: var(--s3); }
.sg-label { display: flex; align-items: center; gap: var(--s2); font-size: var(--fs-label); font-weight: 600; color: var(--sg-ink); }
.sg-help { font-size: var(--fs-small); color: var(--sg-muted); line-height: 1.5; }
.sg-error { display: flex; align-items: center; gap: var(--s2); font-size: var(--fs-small); font-weight: 600; color: var(--sg-bad); }
.sg-error::before { content: "!"; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--sg-bad); color: var(--sg-bg); font-size: 13px; font-weight: 800; flex: 0 0 auto; }
.sg-fieldset { border: var(--border); border-radius: var(--radius); padding: var(--s6); margin: 0px; min-width: 0px; }
.sg-fieldset legend { padding: 0 var(--s3); font-size: var(--fs-body); font-weight: 700; color: var(--sg-gold); }
.sg-tip { position: relative; display: inline-flex; }
.sg-tip__btn { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--sg-line-strong); background: var(--sg-input); color: var(--sg-muted); font-size: 15px; font-weight: 700; cursor: pointer; display: grid; place-items: center; line-height: 1; }
.sg-tip__btn:hover { color: var(--sg-gold); border-color: var(--sg-gold); }
.sg-tip__bubble { position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: 260px; background: rgb(28, 31, 36); border: 1px solid var(--sg-line-strong); border-radius: var(--r-sm); padding: var(--s4); z-index: 20; font-size: var(--fs-small); font-weight: 400; color: var(--sg-ink); line-height: 1.5; box-shadow: var(--shadow-2); opacity: 0; visibility: hidden; transition: opacity var(--dur) var(--ease); }
.sg-tip__bubble::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 7px; border-style: solid; border-color: rgb(28, 31, 36) transparent transparent; border-image: initial; }
.sg-tip.is-open .sg-tip__bubble, .sg-tip__btn:focus-visible + .sg-tip__bubble { opacity: 1; visibility: visible; }
.sg-input, .sg-textarea { width: 100%; min-height: var(--target); background: var(--sg-input); color: var(--sg-ink); border: var(--border); border-radius: var(--radius); font-size: var(--fs-input); font-weight: 600; font-family: inherit; padding: 0 var(--s5); transition: border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease); }
.sg-textarea { min-height: 140px; padding: var(--s4) var(--s5); line-height: 1.5; resize: vertical; font-weight: 500; }
.sg-input::placeholder, .sg-textarea::placeholder { color: rgb(90, 95, 102); font-weight: 500; }
.sg-input:hover, .sg-input.is-hover, .sg-textarea:hover, .sg-textarea.is-hover { border-color: var(--sg-line-strong); }
.sg-input:focus-visible, .sg-input.is-focus, .sg-textarea:focus-visible, .sg-textarea.is-focus { outline: 2px solid var(--sg-gold); outline-offset: 2px; border-color: var(--sg-gold); }
.sg-input:disabled, .sg-input.is-disabled, .sg-textarea:disabled, .sg-textarea.is-disabled { opacity: 0.45; cursor: not-allowed; background: rgb(14, 16, 19); }
.sg-input[aria-invalid="true"], .sg-input.is-error, .sg-textarea[aria-invalid="true"] { border-color: var(--sg-bad); }
.sg-affix { display: flex; align-items: center; gap: var(--s3); background: var(--sg-input); border: var(--border); border-radius: var(--radius); padding: 0 var(--s5); min-height: var(--target); transition: border-color var(--dur-fast) var(--ease); }
.sg-affix:hover, .sg-affix.is-hover { border-color: var(--sg-line-strong); }
.sg-affix:focus-within, .sg-affix.is-focus { outline: 2px solid var(--sg-gold); outline-offset: 2px; border-color: var(--sg-gold); }
.sg-affix.is-error { border-color: var(--sg-bad); }
.sg-affix.is-disabled { opacity: 0.45; }
.sg-affix__sym { font-size: var(--fs-input); font-weight: 700; color: var(--sg-gold); flex: 0 0 auto; }
.sg-affix__sym--suffix { order: 2; }
.sg-affix input { flex: 1 1 auto; min-width: 0px; order: 1; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--sg-ink); font-size: var(--fs-input); font-weight: 600; font-family: inherit; }
.sg-affix input::placeholder { color: rgb(90, 95, 102); font-weight: 500; }
.sg-affix__sym--currency::before { content: var(--sg-currency); }
.sg-selectwrap { position: relative; }
.sg-select { width: 100%; min-height: var(--target); appearance: none; background: var(--sg-input); color: var(--sg-ink); border: var(--border); border-radius: var(--radius); font-size: var(--fs-input); font-weight: 600; font-family: inherit; padding: 0 var(--s8) 0 var(--s5); transition: border-color var(--dur-fast) var(--ease); }
.sg-select:hover, .sg-select.is-hover { border-color: var(--sg-line-strong); }
.sg-select:focus-visible, .sg-select.is-focus { outline: 2px solid var(--sg-gold); outline-offset: 2px; border-color: var(--sg-gold); }
.sg-select:disabled, .sg-select.is-disabled { opacity: 0.45; cursor: not-allowed; }
.sg-selectwrap::after { content: ""; position: absolute; right: var(--s5); top: 50%; width: 12px; height: 12px; margin-top: -8px; pointer-events: none; border-right: 2px solid var(--sg-muted); border-bottom: 2px solid var(--sg-muted); transform: rotate(45deg); }
.sg-combo { position: relative; }
.sg-combo__list { position: absolute; top: calc(100% + 6px); left: 0px; right: 0px; z-index: 30; background: var(--sg-panel); border: 1px solid var(--sg-line-strong); border-radius: var(--radius); box-shadow: var(--shadow-2); max-height: 240px; overflow: auto; padding: var(--s2); display: none; }
.sg-combo.is-open .sg-combo__list { display: block; }
.sg-combo__opt { padding: var(--s3) var(--s4); border-radius: var(--r-sm); font-size: var(--fs-body); cursor: pointer; color: var(--sg-ink); }
.sg-combo__opt[aria-selected="true"], .sg-combo__opt:hover { background: rgb(28, 31, 36); }
.sg-combo__opt.is-active { background: var(--sg-gold); color: var(--sg-gold-ink); }
.sg-combo__empty { padding: var(--s3) var(--s4); color: var(--sg-muted); font-size: var(--fs-small); }
.sg-chips-input { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; background: var(--sg-input); border: var(--border); border-radius: var(--radius); padding: var(--s3); min-height: var(--target); }
.sg-chips-input:focus-within { outline: 2px solid var(--sg-gold); outline-offset: 2px; border-color: var(--sg-gold); }
.sg-chip { display: inline-flex; align-items: center; gap: var(--s2); background: rgb(28, 31, 36); border: 1px solid var(--sg-line-strong); border-radius: var(--r-pill); padding: var(--s2) var(--s2) var(--s2) var(--s4); font-size: var(--fs-small); font-weight: 600; }
.sg-chip__x { width: 24px; height: 24px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; background: rgb(42, 45, 51); color: var(--sg-ink); font-size: 14px; line-height: 1; display: grid; place-items: center; }
.sg-chip__x:hover { background: var(--sg-bad); }
.sg-chips-input input { flex: 1 1 80px; min-width: 80px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--sg-ink); font-size: var(--fs-body); font-family: inherit; }
.sg-radios { display: flex; gap: var(--s3); }
.sg-radios--stacked { flex-direction: column; }
.sg-radios--inline { flex-wrap: wrap; }
.sg-radio { display: inline-flex; align-items: center; gap: var(--s3); min-height: var(--target); padding: 0 var(--s5); border: var(--border); border-radius: var(--radius); background: var(--sg-input); font-size: var(--fs-body); cursor: pointer; transition: border-color var(--dur-fast) var(--ease); }
.sg-radio:hover { border-color: var(--sg-line-strong); }
.sg-radio input { position: absolute; opacity: 0; width: 0px; height: 0px; }
.sg-radio__dot { width: 24px; height: 24px; border-radius: 50%; flex: 0 0 auto; border: 2px solid var(--sg-line-strong); background: transparent; display: grid; place-items: center; transition: border-color var(--dur-fast) var(--ease); }
.sg-radio__dot::after { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--sg-gold); transform: scale(0); transition: transform var(--dur-fast) var(--ease); }
.sg-radio input:checked + .sg-radio__dot { border-color: var(--sg-gold); }
.sg-radio input:checked + .sg-radio__dot::after { transform: scale(1); }
.sg-radio:has(input:checked) { border-color: var(--sg-gold); }
.sg-radio:has(input:focus-visible) { outline: 2px solid var(--sg-gold); outline-offset: 2px; }
.sg-radio:has(input:disabled) { opacity: 0.45; cursor: not-allowed; }
.sg-cards { display: grid; gap: var(--s3); grid-template-columns: 1fr; }
.sg-cardradio { position: relative; display: flex; gap: var(--s4); align-items: flex-start; padding: var(--s5); border: var(--border); border-radius: var(--radius); background: var(--sg-input); cursor: pointer; transition: border-color var(--dur-fast) var(--ease); }
.sg-cardradio:hover { border-color: var(--sg-line-strong); }
.sg-cardradio input { position: absolute; opacity: 0; }
.sg-cardradio .sg-radio__dot { margin-top: 2px; }
.sg-cardradio input:checked + .sg-radio__dot { border-color: var(--sg-gold); }
.sg-cardradio input:checked + .sg-radio__dot::after { transform: scale(1); }
.sg-cardradio:has(input:checked) { border-color: var(--sg-gold); background: rgb(22, 20, 12); }
.sg-cardradio:has(input:focus-visible) { outline: 2px solid var(--sg-gold); outline-offset: 2px; }
.sg-cardradio > span:last-of-type { display: flex; flex-direction: column; gap: var(--s2); }
.sg-cardradio__t { display: block; font-size: var(--fs-body); font-weight: 700; }
.sg-cardradio__d { display: block; font-size: var(--fs-small); color: var(--sg-muted); line-height: 1.5; }
.sg-segment { display: flex; gap: var(--s2); }
.sg-segment__opt { flex: 1 1 0px; position: relative; }
.sg-segment__opt input { position: absolute; opacity: 0; width: 0px; height: 0px; }
.sg-segment__opt label { display: flex; align-items: center; justify-content: center; min-height: var(--target); padding: 0 var(--s4); border: var(--border); border-radius: var(--radius); background: var(--sg-input); font-size: var(--fs-body); font-weight: 600; cursor: pointer; text-align: center; transition: background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.sg-segment__opt label:hover { border-color: var(--sg-line-strong); }
.sg-segment__opt input:checked + label { background: var(--sg-gold); color: var(--sg-gold-ink); border-color: var(--sg-gold); }
.sg-segment__opt input:focus-visible + label { outline: 2px solid var(--sg-gold); outline-offset: 2px; }
.sg-segment__opt input:disabled + label { opacity: 0.4; cursor: not-allowed; }
.sg-check { display: flex; align-items: center; gap: var(--s3); min-height: 44px; font-size: var(--fs-body); cursor: pointer; }
.sg-check input { position: absolute; opacity: 0; width: 0px; height: 0px; }
.sg-check__box { width: 28px; height: 28px; flex: 0 0 auto; border-radius: 8px; border: 2px solid var(--sg-line-strong); background: var(--sg-input); display: grid; place-items: center; transition: all var(--dur-fast) var(--ease); }
.sg-check__box svg { width: 18px; height: 18px; opacity: 0; transform: scale(0.6); transition: all var(--dur-fast) var(--ease); }
.sg-check input:checked + .sg-check__box { background: var(--sg-gold); border-color: var(--sg-gold); }
.sg-check input:checked + .sg-check__box svg { opacity: 1; transform: scale(1); color: var(--sg-gold-ink); }
.sg-check:has(input:focus-visible) .sg-check__box { outline: 2px solid var(--sg-gold); outline-offset: 2px; }
.sg-check:has(input:disabled) { opacity: 0.45; cursor: not-allowed; }
.sg-checklist { display: flex; flex-direction: column; gap: var(--s4); }
.sg-switch { display: flex; align-items: center; gap: var(--s4); min-height: 44px; font-size: var(--fs-body); cursor: pointer; }
.sg-switch__label { flex: 1 1 auto; }
.sg-switch input { position: absolute; opacity: 0; width: 0px; height: 0px; }
.sg-switch__track { width: 64px; height: 36px; flex: 0 0 auto; border-radius: var(--r-pill); background: rgb(42, 45, 51); border: 1px solid var(--sg-line-strong); position: relative; transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.sg-switch__track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 28px; height: 28px; border-radius: 50%; background: var(--sg-ink); transition: transform var(--dur) var(--ease); }
.sg-switch input:checked + .sg-switch__track { background: var(--sg-gold); border-color: var(--sg-gold); }
.sg-switch input:checked + .sg-switch__track::after { transform: translateX(28px); background: var(--sg-gold-ink); }
.sg-switch:has(input:focus-visible) .sg-switch__track { outline: 2px solid var(--sg-gold); outline-offset: 2px; }
.sg-switch__state { font-size: var(--fs-small); color: var(--sg-muted); font-weight: 600; }
.sg-slider { display: flex; flex-direction: column; gap: var(--s4); }
.sg-slider__top { display: flex; align-items: baseline; justify-content: space-between; }
.sg-slider__val { font-size: var(--fs-h3); font-weight: 700; color: var(--sg-gold); }
.sg-range { appearance: none; width: 100%; height: 8px; background: var(--sg-line); border-radius: var(--r-pill); outline: none; }
.sg-range::-webkit-slider-thumb { appearance: none; width: 36px; height: 36px; border-radius: 50%; background: var(--sg-gold); border: 4px solid var(--sg-bg); cursor: pointer; box-shadow: 0 0 0 1px var(--sg-gold); }
.sg-range:focus-visible { outline: 2px solid var(--sg-gold); outline-offset: 6px; }
.sg-stepper { display: flex; align-items: stretch; gap: var(--s3); }
.sg-stepper__btn { width: var(--target); min-width: var(--target); height: var(--target); border: var(--border); border-radius: var(--radius); background: var(--sg-input); color: var(--sg-gold); font-size: 28px; font-weight: 600; line-height: 1; cursor: pointer; display: grid; place-items: center; transition: background var(--dur-fast) var(--ease); }
.sg-stepper__btn:hover { background: rgb(29, 32, 38); }
.sg-stepper__btn:active { transform: scale(0.96); }
.sg-stepper__btn:focus-visible { outline: 2px solid var(--sg-gold); outline-offset: 2px; }
.sg-stepper__btn:disabled { opacity: 0.35; cursor: not-allowed; }
.sg-stepper__val { flex: 1 1 auto; min-width: 90px; height: var(--target); display: flex; align-items: center; justify-content: center; border: var(--border); border-radius: var(--radius); background: var(--sg-input); font-size: var(--fs-input); font-weight: 700; }
.sg-dual { display: flex; flex-direction: column; gap: var(--s4); }
.sg-dual__top { display: flex; justify-content: space-between; font-size: var(--fs-body); font-weight: 700; color: var(--sg-gold); }
.sg-dual__track { position: relative; height: 36px; }
.sg-dual__rail { position: absolute; top: 14px; left: 0px; right: 0px; height: 8px; background: var(--sg-line); border-radius: var(--r-pill); }
.sg-dual__fill { position: absolute; top: 14px; height: 8px; background: var(--sg-gold); border-radius: var(--r-pill); }
.sg-dual input[type="range"] { position: absolute; top: 0px; left: 0px; width: 100%; height: 36px; margin: 0px; appearance: none; background: none; pointer-events: none; }
.sg-dual input[type="range"]::-webkit-slider-thumb { appearance: none; pointer-events: auto; width: 36px; height: 36px; border-radius: 50%; background: var(--sg-gold); border: 4px solid var(--sg-bg); cursor: pointer; box-shadow: 0 0 0 1px var(--sg-gold); }
.sg-dual input[type="range"]:focus-visible::-webkit-slider-thumb { outline: 2px solid var(--sg-ink); outline-offset: 2px; }
.sg-date { width: 100%; min-height: var(--target); background: var(--sg-input); color: var(--sg-ink); border: var(--border); border-radius: var(--radius); font-size: var(--fs-input); font-weight: 600; font-family: inherit; padding: 0 var(--s5); }
.sg-date::-webkit-calendar-picker-indicator { filter: invert(0.7) sepia(1) saturate(3) hue-rotate(5deg); cursor: pointer; }
.sg-date:hover { border-color: var(--sg-line-strong); }
.sg-date:focus-visible { outline: 2px solid var(--sg-gold); outline-offset: 2px; border-color: var(--sg-gold); }
.sg-date:disabled { opacity: 0.45; }
.sg-hero { background: var(--sg-gold); color: var(--sg-gold-ink); border-radius: var(--r-lg); padding: var(--s7); display: flex; flex-direction: column; gap: var(--s2); }
.sg-hero__label { font-size: var(--fs-body); font-weight: 600; color: rgb(92, 71, 21); }
.sg-hero__num { font-size: var(--fs-hero); font-weight: 800; letter-spacing: -0.02em; line-height: 1.04; }
.sg-hero__unit { font-size: var(--fs-h3); font-weight: 600; }
.sg-hero__sub { font-size: var(--fs-body); font-weight: 500; color: rgb(58, 46, 14); line-height: 1.5; margin-top: var(--s3); border-top: 1px solid rgba(10, 11, 13, 0.133); padding-top: var(--s4); }
.sg-breakdown { display: flex; flex-direction: column; }
.sg-brow { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s4); padding: var(--s4) 0; border-bottom: 1px solid var(--sg-line); }
.sg-brow__k { font-size: var(--fs-body); color: var(--sg-ink); }
.sg-brow__v { font-size: var(--fs-body); font-weight: 700; font-variant-numeric: tabular-nums; }
.sg-brow--sub { padding: var(--s3) 0; }
.sg-brow--sub .sg-brow__k { color: var(--sg-muted); font-size: var(--fs-small); padding-left: var(--s5); }
.sg-brow--sub .sg-brow__v { color: var(--sg-muted); font-size: var(--fs-small); font-weight: 600; }
.sg-brow--total { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-top: var(--s5); }
.sg-brow--total .sg-brow__k { font-weight: 700; }
.sg-brow--total .sg-brow__v { font-size: var(--fs-h3); color: var(--sg-gold); }
.sg-pill { display: inline-flex; align-items: center; gap: var(--s2); padding: var(--s2) var(--s4); border-radius: var(--r-pill); font-size: var(--fs-small); font-weight: 700; border: 1px solid; }
.sg-pill svg { width: 18px; height: 18px; flex: 0 0 auto; }
.sg-pill--good { color: var(--sg-good); border-color: color-mix(in srgb, var(--sg-good) 50%, transparent); background: color-mix(in srgb, var(--sg-good) 12%, transparent); }
.sg-pill--caution { color: var(--sg-gold); border-color: color-mix(in srgb, var(--sg-gold) 50%, transparent); background: color-mix(in srgb, var(--sg-gold) 12%, transparent); }
.sg-pill--info { color: var(--sg-muted); border-color: var(--sg-line-strong); background: rgb(21, 23, 27); }
.sg-summary { display: block; background: var(--sg-input); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--sg-gold); border-radius: var(--radius); padding: var(--s6); font-size: var(--fs-body); line-height: 1.7; color: var(--sg-ink); }
.sg-summary b { color: var(--sg-gold); font-weight: 700; white-space: nowrap; }
.sg-compare { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s4); }
.sg-compare__col { background: var(--sg-input); border: var(--border); border-radius: var(--radius); padding: var(--s5); display: flex; flex-direction: column; gap: var(--s3); }
.sg-compare__col--win { border-color: var(--sg-gold); }
.sg-compare__name { font-size: var(--fs-small); font-weight: 600; color: var(--sg-muted); }
.sg-compare__big { font-size: var(--fs-h2); font-weight: 800; color: var(--sg-ink); }
.sg-compare__col--win .sg-compare__big { color: var(--sg-gold); }
.sg-compare__note { font-size: var(--fs-small); color: var(--sg-muted); }
.sg-bars { display: flex; flex-direction: column; gap: var(--s4); }
.sg-bars__track { display: flex; height: 32px; border-radius: var(--r-sm); overflow: hidden; border: var(--border); }
.sg-bars__seg { height: 100%; }
.sg-bars__seg--a { background: var(--sg-gold); }
.sg-bars__seg--b { background: rgb(90, 74, 36); }
.sg-bars__legend { display: flex; flex-wrap: wrap; gap: var(--s5); }
.sg-bars__key { display: flex; align-items: center; gap: var(--s2); font-size: var(--fs-small); color: var(--sg-muted); }
.sg-bars__sw { width: 16px; height: 16px; border-radius: 4px; flex: 0 0 auto; }
.sg-copyblock { display: flex; flex-direction: column; gap: var(--s3); }
.sg-copyblock__text { background: var(--sg-input); border: var(--border); border-radius: var(--radius); padding: var(--s5); font-size: var(--fs-body); line-height: 1.6; color: var(--sg-ink); white-space: pre-wrap; }
.sg-copyblock__bar { display: flex; justify-content: flex-end; }
.sg-copybtn.is-copied { background: var(--sg-good); border-color: var(--sg-good); color: var(--sg-bg); }
.sg-empty { display: flex; flex-direction: column; align-items: center; gap: var(--s3); text-align: center; padding: var(--s8) var(--s5); border: 1px dashed var(--sg-line-strong); border-radius: var(--r-lg); background: rgb(14, 16, 19); }
.sg-empty__icon { width: 48px; height: 48px; color: var(--sg-line-strong); }
.sg-empty__t { font-size: var(--fs-body); font-weight: 600; color: var(--sg-ink); }
.sg-empty__d { font-size: var(--fs-small); color: var(--sg-muted); }
.sg-loading { display: flex; align-items: center; gap: var(--s4); padding: var(--s5); color: var(--sg-muted); font-size: var(--fs-body); }
.sg-spinner { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--sg-gold); animation: 0.8s linear 0s infinite normal none running sg-spin; }
.sg-dots { display: inline-flex; gap: 5px; }
.sg-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--sg-gold); animation: 1.2s ease-in-out 0s infinite normal none running sg-pulse; }
.sg-dots i:nth-child(2) { animation-delay: 0.18s; }
.sg-dots i:nth-child(3) { animation-delay: 0.36s; }
@keyframes sg-spin {
100% { transform: rotate(360deg); }
}
@keyframes sg-pulse {
0%, 100% { opacity: 0.25; }
50% { opacity: 1; }
}
.sg-tool--single { display: flex; flex-direction: column; gap: var(--s7); }
.sg-twocol { display: grid; grid-template-columns: 1fr; gap: var(--s7); }
@media (min-width: 880px) {
.sg-twocol--desktop { grid-template-columns: 1.1fr 0.9fr; align-items: start; }
}
@media (prefers-reduced-motion: reduce) {
.sg-tool *, .sg-tool ::before, .sg-tool ::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
.sg-spinner { animation: auto ease 0s 1 normal none running none; border-top-color: var(--sg-gold); }
}
html, body { margin: 0px; }
body { background: var(--sg-bg, #000); }
.g-wrap { max-width: 1180px; margin: 0px auto; padding: var(--s8) var(--s5) 120px; }
.g-head { display: flex; flex-direction: column; gap: var(--s5); padding-bottom: var(--s7); border-bottom: 1px solid var(--sg-line); margin-bottom: var(--s8); }
.g-head__title { font-size: 40px; font-weight: 800; letter-spacing: -0.02em; }
.g-head__sub { font-size: var(--fs-body); color: var(--sg-muted); max-width: 640px; line-height: 1.55; }
.g-sec { margin-bottom: var(--s8); }
.g-sec__head { display: flex; align-items: center; gap: var(--s4); margin: var(--s8) 0 var(--s6); }
.g-sec__num { font-size: var(--fs-small); font-weight: 700; color: var(--sg-gold-ink); background: var(--sg-gold); border-radius: var(--r-sm); padding: var(--s1) var(--s3); }
.g-sec__title { font-size: var(--fs-h2); font-weight: 700; }
.g-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: var(--s6); }
.g-item { background: var(--sg-panel); border: 1px solid var(--sg-line); border-radius: var(--r-lg); padding: var(--s6); display: flex; flex-direction: column; gap: var(--s5); min-width: 0px; }
.g-item--wide { grid-column: 1 / -1; }
.g-cap { display: flex; align-items: baseline; gap: var(--s2); flex-wrap: wrap; font-size: var(--fs-body); font-weight: 600; }
.g-cap .g-id { font-size: var(--fs-small); font-weight: 700; color: var(--sg-gold); }
.g-cap code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; color: var(--sg-muted); background: rgb(14, 16, 19); border: 1px solid var(--sg-line); border-radius: 6px; padding: 2px 6px; font-weight: 500; }
.g-demo { display: flex; flex-direction: column; gap: var(--s5); }
.g-states { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--s6); }
.g-state { display: flex; flex-direction: column; gap: var(--s3); min-width: 0px; }
.g-st { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sg-muted); }
.g-row { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; }
.g-swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--s3); }
.g-sw { border: 1px solid var(--sg-line); border-radius: var(--radius); overflow: hidden; }
.g-sw__chip { height: 72px; }
.g-sw__meta { padding: var(--s3) var(--s4); display: flex; flex-direction: column; gap: 2px; background: var(--sg-input); }
.g-sw__name { font-size: var(--fs-small); font-weight: 600; }
.g-sw__val { font-size: 12px; color: var(--sg-muted); font-family: ui-monospace, monospace; }
.g-type-row { display: flex; align-items: baseline; gap: var(--s5); padding: var(--s4) 0; border-bottom: 1px solid var(--sg-line); }
.g-type-row .g-type-meta { font-size: 13px; color: var(--sg-muted); font-family: ui-monospace, monospace; min-width: 160px; }
.g-scale { display: flex; flex-wrap: wrap; gap: var(--s4); align-items: flex-end; }
.g-scale__item { display: flex; flex-direction: column; align-items: center; gap: var(--s2); }
.g-scale__box { background: var(--sg-gold); border-radius: 6px; }
.g-scale__lbl { font-size: 12px; color: var(--sg-muted); font-family: ui-monospace, monospace; }
.g-tokrow { display: flex; flex-wrap: wrap; gap: var(--s5); }
.g-tok { display: flex; flex-direction: column; gap: var(--s2); }
.g-tok__demo { background: var(--sg-input); border: 1px solid var(--sg-line-strong); }
.g-tok__lbl { font-size: 12px; color: var(--sg-muted); font-family: ui-monospace, monospace; }
/* ---- host-theme guard (added for live deploy): kit control styles must win over the
site theme / Elementor & form resets. Values are the kit's own tokens — no
design change, specificity/!important only. ---- */
.sg-tool .sg-btn{background:transparent;border:1px solid transparent}
.sg-tool .sg-btn--primary{background:var(--sg-gold)!important;color:var(--sg-gold-ink)!important;border-color:transparent!important}
.sg-tool .sg-btn--primary:hover{background:#e7c06e!important}
.sg-tool .sg-btn--ghost{background:transparent!important;color:var(--sg-ink)!important;border-color:var(--sg-line-strong)!important}
.sg-tool .sg-btn--ghost:hover{border-color:var(--sg-gold)!important;color:var(--sg-gold)!important}
.sg-tool .sg-btn--link{background:none!important;color:var(--sg-muted)!important;border:none!important}
.sg-tool .sg-stepper__btn{background:var(--sg-input)!important;color:var(--sg-gold)!important;border:var(--border)!important}
.sg-tool .sg-stepper__btn:hover{background:#1d2026!important}
/* ---- AI research panel content (rendered by askAi in sg-tools.js) ---- */
.sg-ai { display: flex; flex-direction: column; gap: var(--s4); }
.sg-ai__summary { font-size: var(--fs-body); line-height: 1.7; color: var(--sg-ink); }
.sg-ai__sec { display: flex; flex-direction: column; gap: var(--s2); }
.sg-ai__h { font-size: var(--fs-eyebrow); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sg-gold); }
.sg-ai__list { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: var(--s2); font-size: var(--fs-small); line-height: 1.6; color: var(--sg-ink); }
.sg-ai__list li::marker { color: var(--sg-gold); }
.sg-ai__list b { color: var(--sg-gold); font-weight: 700; }
.sg-ai__sources a { color: var(--sg-ink); text-decoration: underline; text-decoration-color: var(--sg-gold); text-underline-offset: 3px; overflow-wrap: anywhere; }
.sg-ai__sources a:hover { color: var(--sg-gold); }
.sg-ai__note { font-size: var(--fs-small); color: var(--sg-muted); line-height: 1.6; }
/* ---- progressive disclosure: advanced options ---- */
.sg-details { border: var(--border); border-radius: var(--radius); background: var(--sg-input); }
.sg-details__s { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-height: var(--target); padding: 0 var(--s5); font-size: var(--fs-body); font-weight: 600; color: var(--sg-ink); cursor: pointer; list-style: none; }
.sg-details__s::-webkit-details-marker { display: none; }
.sg-details__s:hover { color: var(--sg-gold); }
.sg-details__chev { width: 12px; height: 12px; flex: 0 0 auto; border-right: 2px solid var(--sg-muted); border-bottom: 2px solid var(--sg-muted); transform: rotate(45deg); transition: transform var(--dur-fast) var(--ease); margin-right: 4px; }
.sg-details[open] .sg-details__chev { transform: rotate(-135deg); }
.sg-details__body { display: flex; flex-direction: column; gap: var(--s5); padding: var(--s5); border-top: var(--border); }
/* Phones (added 18 Oct 2026, session F2): the spacing scale was sized for wide screens; at 390 px the card padding of
48 px on each side left about 260 px for content and the hero figure clipped. One override of the scale keeps every
component consistent. */
@media (max-width: 480px) {
.sg-tool { --s8: 28px; --s7: 20px; --s6: 18px; --s5: 16px; --fs-hero: clamp(28px, 9vw, 40px); --fs-hero-lg: clamp(32px, 11vw, 48px); --fs-h2: 26px; --fs-input: 20px; }
.sg-tool .sg-hero__num { min-width: 0; overflow-wrap: anywhere; }
.sg-tool .sg-segment { flex-wrap: wrap; }
.sg-tool .sg-segment__opt { flex: 1 1 calc(50% - var(--s2)); }
.sg-tool .sg-brow { flex-wrap: wrap; }
.sg-tool .sg-brow__k { flex: 1 1 auto; min-width: 9ch; }
.sg-tool .sg-brow__v { flex: 0 1 auto; margin-left: auto; text-align: right; overflow-wrap: anywhere; }
}
/* Tool headings stay centered inside the isolated calculator, independent of prose. */
.sg-tool :is(h1,h2,h3,h4){text-align:center}
.sg-tool .sg-section-head{align-items:center;text-align:center}
.sg-tool :is(h1,h2){color:var(--sg-ink);border:0;background:none;text-decoration:none}
Fast answer: Foreign buyers can often get an Israeli mortgage, but the file has to be cleaner than a local buyer file. The usual planning assumption is up to about 50% loan-to-value for a non-resident buyer, with stricter checks on foreign income, bank history, credit, source of funds , translations, and purchase documents. This tool helps you organize the file before the bank starts underwriting.
Use it before you send documents to a mortgage broker, Israeli bank, lawyer, or developer. It will not replace bank approval, legal advice, tax advice, or mortgage advice, but it will show you whether your pre-approval pack looks complete enough to avoid the usual document chase.
Why this file saves time
Foreign-buyer underwriting usually slows down when the bank can see income but cannot verify it, can see cash but cannot trace it, or can see a purchase contract but cannot match it to the borrower file. The bank is trying to answer a simple set of questions: who is the buyer, where does the money come from, can the borrower repay, is the property acceptable security, and are the legal/compliance documents clean enough to release funds.
The useful move is to prepare the file before the pressure starts. Put the documents into named folders, flag anything that needs translation or notarization, and send the broker or bank a one-page summary instead of a pile of random PDFs. That is how you reduce the first round of questions and keep a purchase from losing weeks in underwriting.
Suggested folder structure
01 Identity: passports, spouse/co-buyer documents, residency status, tax registration.
02 Income: tax returns, payslips, employer letter, business financials, accountant letter.
03 Bank history: bank statements, savings, brokerage, retirement, asset statements.
04 Credit and debts: credit report, loan statements, existing mortgage statements.
05 Source of funds: savings trail, sale proceeds, inheritance, gift letter, investment liquidation.
06 Property file: draft contract, property details, attorney contact, payment schedule, appraisal details.
07 Translation and legalization: certified translations, notary documents, apostille status.
08 Bank forms: mortgage application, KYC/AML forms, insurance/signing requirements.
For a stronger file, use consistent file names: buyer-passport-full-scan.pdf, tax-return-2025.pdf, bank-statements-2025-05-to-2026-04.pdf, source-of-funds-sale-closing-statement.pdf. Underwriters are human. Make the file boring and easy to read.
Ready to see what you could borrow?
Answer a few questions, ask our AI, or speak to an English-speaking mortgage professional. Free to ask.
Start my mortgage Mortgage services