body { background: var(--bg); color: var(--ink); }
a { color: inherit; }
.container { max-width: var(--container); }
.site-header { background: color-mix(in oklab, var(--bg) 92%, transparent); border-block-end: 1px solid color-mix(in oklab, var(--ink) 12%, transparent); }
.site-header.is-scrolled { box-shadow: var(--shadow-1); }
.site-header__inner { min-height: 78px; }
.site-header__logo { display: inline-flex; align-items: center; gap: .65rem; min-width: 225px; direction: ltr; text-decoration: none; }
.site-header__logo img { display: none; }
.site-header__logo::before { content: ""; width: 44px; height: 44px; flex: none; background: url('/brand/logo-mark.png') center / contain no-repeat; }
.site-header__logo::after { content: "משכנתא מחושבת"; color: var(--ink); font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; line-height: 1; white-space: nowrap; direction: rtl; unicode-bidi: isolate; }
.site-nav { display: flex; align-items: center; gap: clamp(.8rem, 1.6vw, 1.5rem); font-size: .93rem; }
.site-nav a, .footer-nav a { text-decoration: none; }
.site-nav a:hover, .footer-nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
.header-actions { display: flex; align-items: center; gap: .65rem; }
.header-phone { font-size: var(--step--1); text-decoration: none; white-space: nowrap; }
.header-cta { white-space: nowrap; }
.nav-toggle { border: 1px solid var(--ink); background: transparent; color: var(--ink); min-width: 46px; min-height: 46px; border-radius: var(--radius-sm); cursor: pointer; }
.nav-toggle svg { width: 24px; height: 24px; margin: auto; }
.mobile-menu { justify-content: flex-start; padding-top: 7.5rem; }
.mobile-menu a { font-family: var(--font-display); }
.mobile-menu .btn { font-family: var(--font-body); font-size: var(--step-0); }
.btn--primary { background: var(--accent); color: var(--accent-ink); }
.btn--primary:hover { background: #0b4c4a; }
.btn--secondary { border-color: color-mix(in oklab, var(--accent) 35%, transparent); color: var(--accent); }
.btn--secondary:hover { border-color: var(--accent); background: var(--accent-soft); }
.eyebrow { display: inline-flex; align-items: center; gap: .6rem; color: var(--accent); font-size: var(--step--1); letter-spacing: .08em; font-weight: 700; margin-bottom: var(--space-5); }
.eyebrow::before { content: ""; display: inline-block; width: 34px; height: 1px; background: currentColor; }
.hero { min-height: min(760px, calc(100vh - 78px)); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--surface); }
.hero__content { display: flex; align-items: center; padding: clamp(3rem, 8vw, 8rem) var(--gutter); order: 1; }
.hero__content-inner { max-width: 650px; margin-inline-start: 0; }
.hero__content h1 { font-size: clamp(3rem, 6vw, 5.2rem); max-width: 12ch; }
.hero__content p { font-size: clamp(1.1rem, 1rem + .4vw, 1.35rem); color: var(--ink-soft); max-width: 50ch; }
.hero__media { min-height: 540px; order: 2; position: relative; overflow: hidden; }
.hero__media picture { display: block; width: 100%; height: 100%; }
.hero__media img { width: 100%; height: 100%; object-fit: cover; }
.hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 52%, color-mix(in oklab, var(--accent) 16%, transparent)); pointer-events: none; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: var(--space-6); }
.hero__meta { display: flex; flex-wrap: wrap; gap: 1rem 2rem; border-top: 1px solid color-mix(in oklab, var(--ink) 18%, transparent); margin-top: var(--space-7); padding-top: var(--space-5); color: var(--ink-soft); font-size: var(--step--1); }
.rating { display: inline-flex; align-items: center; gap: .55rem; color: var(--accent); font-weight: 700; }
.stars { letter-spacing: .12em; color: #8a6d35; }
.section--surface { background: var(--surface); }
.section--accent { background: var(--accent); color: var(--accent-ink); }
.section--accent .eyebrow, .section--accent p, .section--accent .muted { color: color-mix(in oklab, var(--accent-ink) 78%, transparent); }
.section-heading { max-width: 720px; margin-bottom: var(--space-7); }
.section-heading h2 { max-width: 16ch; }
.section-heading p { color: var(--ink-soft); font-size: var(--step-1); }
.split { grid-template-columns: 1fr 1fr; }
.split__media { overflow: hidden; min-height: 440px; }
.split__media img { width: 100%; height: 100%; object-fit: cover; }
.split--media-first .split__media { order: 1; }
.split--media-first .split__content { order: 2; }
.stat-band { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid color-mix(in oklab, var(--ink) 15%, transparent); }
.stat-band > div { padding: var(--space-6) var(--space-4); text-align: center; border-inline-start: 1px solid color-mix(in oklab, var(--ink) 15%, transparent); }
.stat-band > div:first-child { border-inline-start: 0; }
.stat-band strong { display: block; font-family: var(--font-display); font-size: var(--step-3); color: var(--accent); }
.stat-band span { display: block; color: var(--ink-soft); font-size: var(--step--1); }
.line-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); }
.line-card { padding: var(--space-6) var(--space-5); border-inline-start: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); }
.line-card:first-child { border-inline-start: 0; }
.line-card h3 { font-size: var(--step-1); margin-bottom: .55rem; }
.line-card p { color: var(--ink-soft); font-size: var(--step--1); }
.service-grid, .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-block-start: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); }
.service-card, .article-card { display: block; text-decoration: none; padding: var(--space-6); border-block-end: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); border-inline-start: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); transition: background var(--dur) var(--ease), transform var(--dur) var(--ease); }
.service-card:nth-child(3n+1), .article-card:nth-child(3n+1) { border-inline-start: 0; }
.service-card:hover, .article-card:hover { background: var(--surface); transform: translateY(-3px); }
.service-card .service-kicker, .article-card small { color: var(--accent); font-size: var(--step--1); font-weight: 700; }
.service-card h3, .article-card h3 { font-size: var(--step-2); margin-top: .9rem; }
.service-card p, .article-card p { color: var(--ink-soft); }
.service-card .arrow, .article-card .arrow { display: block; margin-top: var(--space-5); color: var(--accent); font-weight: 700; }
.image-band { min-height: 520px; position: relative; overflow: hidden; color: var(--accent-ink); display: flex; align-items: end; }
.image-band img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.image-band::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(16,44,49,.92), rgba(16,44,49,.15)); }
.image-band .container { padding-block: var(--space-9); }
.image-band h2 { max-width: 15ch; color: var(--accent-ink); }
.image-band p { color: color-mix(in oklab, var(--accent-ink) 82%, transparent); max-width: 56ch; }
.process { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; border-block: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); }
.process li { list-style: none; padding: var(--space-5); border-inline-start: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); }
.process li:first-child { border-inline-start: 0; }
.process strong { display: block; font-family: var(--font-display); font-size: var(--step-3); color: var(--accent); }
.process h3 { font-size: var(--step-1); margin-top: .75rem; }
.process p { font-size: var(--step--1); color: var(--ink-soft); }
.rating-block { display: grid; grid-template-columns: .8fr 1.2fr; gap: var(--space-8); align-items: center; }
.rating-mark { font-family: var(--font-display); font-size: clamp(4rem, 9vw, 8rem); color: var(--accent); line-height: .9; }
.rating-copy { border-inline-start: 1px solid color-mix(in oklab, var(--ink) 18%, transparent); padding-inline-start: var(--space-7); }
.rating-copy .stars { font-size: 1.6rem; }
.faq-list { border-block-start: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); }
.faq-list details { border-block-end: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); padding: var(--space-5) 0; }
.faq-list summary { cursor: pointer; list-style: none; font-weight: 700; font-size: var(--step-1); padding-inline-end: 2.5rem; position: relative; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; inset-inline-end: .25rem; font-size: 1.5rem; color: var(--accent); }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { color: var(--ink-soft); padding-top: var(--space-4); max-width: 70ch; }
.cta-panel { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); align-items: center; }
.cta-panel h2 { max-width: 13ch; }
.page-hero { background: var(--surface); padding-block: var(--space-8); }
.page-hero__inner { display: grid; grid-template-columns: 1fr .8fr; gap: var(--space-8); align-items: center; }
.breadcrumb { font-size: var(--step--1); color: var(--ink-soft); margin-bottom: var(--space-5); }
.breadcrumb a { text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.page-hero h1 { max-width: 16ch; }
.page-hero p { color: var(--ink-soft); font-size: var(--step-1); }
.page-hero__media { min-height: 300px; }
.page-hero__media img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius-md); }
.content-prose { max-width: 78ch; }
.content-prose h2 { margin-top: var(--space-8); }
.content-prose h3 { margin-top: var(--space-6); font-size: var(--step-1); }
.content-prose ul, .content-prose ol { padding-inline-start: 1.4rem; }
.content-prose li { margin-block: .55rem; }
.answer-box { border-inline-start: 4px solid var(--accent); background: var(--surface); padding: var(--space-5) var(--space-6); margin-block: var(--space-6); }
.table-wrap { overflow-x: auto; margin-block: var(--space-6); }
table { border-collapse: collapse; width: 100%; min-width: 560px; }
th, td { border-block-end: var(--border); padding: var(--space-3) var(--space-4); text-align: start; vertical-align: top; }
th { color: var(--accent); }
.article-meta { display: flex; gap: var(--space-4); flex-wrap: wrap; color: var(--ink-soft); font-size: var(--step--1); }
.author-box { display: flex; gap: var(--space-4); align-items: center; border-block: var(--border); padding-block: var(--space-5); margin-block: var(--space-8); }
.author-mark { width: 52px; height: 52px; flex: none; }
.author-box p { margin: 0; }
.checklist { list-style: none; padding: 0; display: grid; gap: var(--space-3); }
.checklist li { padding: var(--space-4) var(--space-5); background: var(--surface); border-inline-start: 3px solid var(--accent); }
.calc-card { border: var(--border); background: var(--surface); padding: clamp(var(--space-5), 4vw, var(--space-7)); border-radius: var(--radius-md); }
.calc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.field { display: grid; gap: .45rem; }
.field label { font-weight: 700; font-size: var(--step--1); }
.field input, .field select, .field textarea { min-height: 48px; width: 100%; border: 1px solid color-mix(in oklab, var(--ink) 22%, transparent); border-radius: var(--radius-sm); padding: .7rem .8rem; font: inherit; background: var(--bg); color: var(--ink); }
.field textarea { min-height: 130px; resize: vertical; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }
.form-grid .full { grid-column: 1 / -1; }
.form-note { color: var(--ink-soft); font-size: var(--step--1); }
.form-status { margin-top: var(--space-4); font-weight: 700; }
.form-status.success { color: var(--accent); }
.form-status.error { color: #8b352d; }
.honeypot { position: absolute !important; inset-inline-start: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.footer { background: var(--ink); color: var(--accent-ink); padding-block: var(--space-8) calc(var(--space-8) + 70px); }
.footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.2fr; gap: var(--space-7); }
.footer h2, .footer h3 { color: var(--accent-ink); font-size: var(--step-1); }
.footer p, .footer li, .footer address { color: color-mix(in oklab, var(--accent-ink) 72%, transparent); }
.footer a { color: inherit; }
.footer-logo { display: none; }
.footer-grid > div:first-child::before { content: "משכנתא מחושבת"; display: block; margin-bottom: var(--space-4); color: var(--accent-ink); font-family: var(--font-display); font-size: var(--step-1); font-weight: 700; direction: rtl; unicode-bidi: isolate; }
.footer-nav { display: grid; gap: .55rem; list-style: none; margin: 0; padding: 0; }
.footer-bottom { border-top: 1px solid color-mix(in oklab, var(--accent-ink) 18%, transparent); margin-top: var(--space-7); padding-top: var(--space-5); display: flex; gap: var(--space-4); flex-wrap: wrap; justify-content: space-between; font-size: var(--step--1); color: color-mix(in oklab, var(--accent-ink) 60%, transparent); }
.sticky-bar { background: var(--accent); }
.sticky-bar a { color: var(--accent-ink); text-decoration: none; }
.cookie-banner { position: fixed; inset-inline: 1rem; inset-block-end: 1rem; z-index: 250; background: var(--ink); color: var(--accent-ink); border-radius: var(--radius-md); padding: var(--space-4) var(--space-5); display: flex; gap: var(--space-4); align-items: center; justify-content: space-between; box-shadow: var(--shadow-3); }
.cookie-banner[hidden] { display: none; }
.cookie-banner p { margin: 0; font-size: var(--step--1); max-width: 75ch; }
.cookie-actions { display: flex; gap: .5rem; flex-wrap: wrap; flex: none; }
.cookie-actions button { min-height: 40px; border: 1px solid color-mix(in oklab, var(--accent-ink) 45%, transparent); background: transparent; color: inherit; padding: .45rem .8rem; border-radius: var(--radius-sm); font: inherit; cursor: pointer; }
.cookie-actions button:first-child { background: var(--accent-ink); color: var(--ink); }
.concept-line { border-block: var(--border); padding-block: var(--space-5); display: flex; justify-content: space-between; gap: var(--space-4); align-items: baseline; }
.concept-line strong { font-family: var(--font-display); font-size: var(--step-2); }
.concept-line span { color: var(--ink-soft); }
.service-feature-image { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius-md); }
.muted { color: var(--ink-soft); }
.text-center { text-align: center; }
.max-copy { max-width: 68ch; }
.privacy-list { display: grid; gap: var(--space-3); }

@media (max-width: 1040px) {
  .site-nav { gap: .7rem; }
  .header-phone { display: none; }
}
@media (max-width: 899px) {
  .site-nav { display: none; }
  .site-header__logo { min-width: 0; }
  .header-cta { display: none; }
  .hero, .page-hero__inner, .cta-panel, .rating-block { grid-template-columns: 1fr; }
  .hero__content { order: 1; padding-block: var(--space-8); }
  .hero__media { order: 2; min-height: 360px; }
  .page-hero__media { min-height: 0; }
  .split { grid-template-columns: 1fr; }
  .split__media { min-height: 0; }
  .stat-band, .line-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-band > div:nth-child(3), .line-card:nth-child(3) { border-inline-start: 0; }
  .process { grid-template-columns: 1fr; }
  .process li { border-inline-start: 0; border-block-end: var(--border); }
  .process li:last-child { border-block-end: 0; }
  .service-grid, .article-grid { grid-template-columns: repeat(2, 1fr); }
  .service-card:nth-child(3n+1), .article-card:nth-child(3n+1) { border-inline-start: 1px solid color-mix(in oklab, var(--ink) 14%, transparent); }
  .service-card:nth-child(2n+1), .article-card:nth-child(2n+1) { border-inline-start: 0; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .cookie-banner { flex-direction: column; align-items: stretch; }
  .cookie-actions { justify-content: flex-start; }
  .calc-grid, .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
}
@media (max-width: 540px) {
  .hero__content h1 { font-size: clamp(2.7rem, 12vw, 4rem); }
  .stat-band, .line-grid, .service-grid, .article-grid, .footer-grid { grid-template-columns: 1fr; }
  .stat-band > div, .line-card, .service-card, .article-card { border-inline-start: 0 !important; }
  .stat-band > div { border-block-end: var(--border); }
  .stat-band > div:last-child { border-block-end: 0; }
  .footer-grid { gap: var(--space-6); }
  .footer-bottom { flex-direction: column; }
  .sticky-bar a { font-size: .85rem; }
  .section { padding-block: clamp(3.5rem, 14vw, 6rem); }
}