:root{--ink:#07121c;--navy:#03111d;--blue:#0095e7;--blue-dark:#006fae;--paper:#f5f8fa;--white:#fff;--muted:#52606c;--line:#d8e0e6;--soft:#eaf7ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #69c9ff;outline-offset:4px}
.skip-link{position:fixed;top:10px;right:10px;z-index:100;background:#fff;padding:9px 14px;border:2px solid var(--ink);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{height:92px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}
.logo-pair{display:flex;align-items:center;gap:13px;direction:rtl}
.personal-logo{width:min(220px,28vw);max-height:58px;object-fit:contain}
.logo-divider{width:1px;height:40px;background:var(--line)}
.office-logo{width:min(120px,15vw);max-height:40px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:24px;font-size:14px}
.desktop-nav a{min-height:44px;display:inline-flex;align-items:center}
.desktop-nav a:hover{color:var(--blue-dark)}
.areas-menu{position:relative}
.areas-menu>button{border:0;background:transparent;font:inherit;min-height:44px;cursor:pointer;color:var(--blue-dark);font-weight:700}
.areas-menu>button:after{content:"⌄";margin-right:7px}
.areas-list{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 42px rgba(3,17,29,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s ease}
.areas-menu:hover .areas-list,.areas-menu:focus-within .areas-list{opacity:1;visibility:visible;transform:none}
.areas-list a{display:flex;padding:8px 12px;border-bottom:1px solid #edf1f4}
.areas-list a:last-child{border-bottom:0}
.current{color:var(--blue-dark);font-weight:700}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;min-width:44px;min-height:44px;font:inherit;font-weight:700;cursor:pointer}
.hero{min-height:490px;color:#fff;position:relative;isolation:isolate;display:grid;align-items:end;overflow:hidden;background:var(--navy)}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,17,29,.98) 0%,rgba(3,17,29,.82) 45%,rgba(3,17,29,.52) 100%),url("property-hero.jpg") center 58%/cover no-repeat;transform:scale(1.025)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(115,207,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(115,207,255,.1) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to left,#000,transparent 82%)}
.page-haifa .hero:before{background:linear-gradient(to left,rgba(3,17,29,.94) 0%,rgba(3,17,29,.72) 42%,rgba(3,17,29,.2) 100%),url("haifa-hero.webp") center 55%/cover no-repeat;transform:scale(1.018)}
.page-haifa .hero:after{background-image:linear-gradient(rgba(115,207,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(115,207,255,.08) 1px,transparent 1px);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.75) 48%,transparent 92%)}
.page-haifa .hero-inner{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.42)}
.page-kiryat-ata .hero:before{background:linear-gradient(to left,rgba(3,17,29,.95) 0%,rgba(3,17,29,.75) 42%,rgba(3,17,29,.24) 100%),url("kiryat-ata-hero.webp") center 46%/cover no-repeat;transform:scale(1.018)}
.page-kiryat-ata .hero:after{background-image:linear-gradient(rgba(115,207,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(115,207,255,.08) 1px,transparent 1px);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.76) 48%,transparent 92%)}
.page-kiryat-ata .hero-inner{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.44)}
.page-kiryat-yam .hero:before{background:linear-gradient(to left,rgba(3,17,29,.95) 0%,rgba(3,17,29,.72) 41%,rgba(3,17,29,.18) 100%),url("kiryat-yam-hero.webp") center 47%/cover no-repeat;transform:scale(1.016)}
.page-kiryat-yam .hero:after{background-image:linear-gradient(rgba(115,207,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(115,207,255,.08) 1px,transparent 1px);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.72) 46%,transparent 91%)}
.page-kiryat-yam .hero-inner{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.44)}
.page-kiryat-motzkin .hero:before{background:linear-gradient(to left,rgba(3,17,29,.95) 0%,rgba(3,17,29,.73) 42%,rgba(3,17,29,.18) 100%),url("kiryat-motzkin-hero.webp") center 48%/cover no-repeat;transform:scale(1.016)}
.page-kiryat-motzkin .hero:after{background-image:linear-gradient(rgba(115,207,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(115,207,255,.08) 1px,transparent 1px);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.74) 47%,transparent 92%)}
.page-kiryat-motzkin .hero-inner{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.44)}
.page-kiryat-bialik .hero:before{background:linear-gradient(to left,rgba(3,17,29,.94) 0%,rgba(3,17,29,.71) 42%,rgba(3,17,29,.17) 100%),url("kiryat-bialik-hero.webp") center 49%/cover no-repeat;transform:scale(1.016)}
.page-kiryat-bialik .hero:after{background-image:linear-gradient(rgba(115,207,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(115,207,255,.08) 1px,transparent 1px);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.73) 47%,transparent 92%)}
.page-kiryat-bialik .hero-inner{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.43)}
.page-kiryat-haim .hero:before{background:linear-gradient(to left,rgba(3,17,29,.95) 0%,rgba(3,17,29,.73) 42%,rgba(3,17,29,.18) 100%),url("kiryat-haim-hero.webp") center 65%/cover no-repeat;transform:scale(1.016)}
.page-kiryat-haim .hero:after{background-image:linear-gradient(rgba(115,207,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(115,207,255,.08) 1px,transparent 1px);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.74) 47%,transparent 92%)}
.page-kiryat-haim .hero-inner{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.44)}
.hero-inner{width:min(1180px,88%);margin:0 auto;padding:86px 0 70px}
.breadcrumb{font-size:14px;color:#a9dfff;margin-bottom:20px}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.eyebrow{display:flex;align-items:center;gap:11px;color:#73cfff;font-size:14px;letter-spacing:.5px}
.eyebrow:before{content:"";width:28px;height:1px;background:var(--blue)}
h1{font-size:clamp(42px,7vw,78px);font-weight:600;line-height:1.08;margin:18px 0 20px;letter-spacing:-1.3px}
.hero p{font-size:clamp(17px,2vw,20px);color:#dbe7ef;max-width:690px;margin:0}
.facts{display:grid;grid-template-columns:repeat(3,1fr);width:min(1180px,88%);margin:-34px auto 0;position:relative;z-index:2;background:#fff;border-top:3px solid var(--blue);box-shadow:0 20px 46px rgba(3,17,29,.12)}
.fact{padding:25px 28px;border-left:1px solid var(--line)}
.fact:last-child{border-left:0}
.fact small{display:block;color:var(--blue-dark);font-weight:700;margin-bottom:4px}
.fact strong{font-size:18px;font-weight:600}
.content{width:min(1080px,88%);margin:0 auto;padding:86px 0 24px}
.intro-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:76px;align-items:start}
.section-kicker{color:var(--blue-dark);font-size:14px;font-weight:700;margin-bottom:10px}
h2{font-size:clamp(31px,4vw,46px);font-weight:500;line-height:1.28;margin:0}
.lead{font-size:18px;color:var(--muted)}
.lead p{margin:0 0 16px}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:62px 0}
.insight{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:27px 24px;min-height:210px;box-shadow:0 12px 28px rgba(3,17,29,.05)}
.insight-no{color:var(--blue-dark);font-size:13px;font-weight:700}
.insight h3{font-size:21px;margin:15px 0 9px}
.insight p{margin:0;color:var(--muted)}
.property-view{background:var(--navy);color:#fff;padding:42px 46px;display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start;border-top:3px solid var(--blue)}
.property-view h2{font-size:34px}
.property-view p{color:#c8d7e1;margin:0 0 14px}
.service-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.service-chips span{border:1px solid rgba(115,207,255,.35);padding:7px 12px;color:#eaf8ff;font-size:14px}
.map-section{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch;margin:66px 0}
.map-copy{padding:26px 0}
.map-copy p{color:var(--muted)}
.map-frame{min-height:340px;background:linear-gradient(135deg,#dcecf5,#f3f8fb);border:1px solid var(--line);overflow:hidden;position:relative;display:grid;place-items:center}
.map-frame:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,149,231,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,149,231,.1) 1px,transparent 1px);background-size:34px 34px}
.map-frame iframe{width:100%;height:100%;min-height:340px;border:0;position:relative;z-index:2}
.map-loader{position:relative;z-index:1;border:0;background:var(--navy);color:#fff;font:inherit;font-weight:700;padding:14px 22px;min-height:52px;cursor:pointer;box-shadow:0 14px 28px rgba(3,17,29,.18)}
.map-loader:hover{background:#0b2b41}
.map-link{display:inline-flex;margin-top:18px;color:var(--blue-dark);font-weight:700;border-bottom:1px solid var(--blue);padding-bottom:3px}
.source-note{font-size:13px;color:#687681;border-top:1px solid var(--line);padding:18px 0 54px}
.source-note a{text-decoration:underline;text-underline-offset:3px}
.cta{width:min(1080px,88%);margin:0 auto 70px;background:linear-gradient(115deg,#03111d,#092a41);color:#fff;padding:42px 46px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:3px solid var(--blue)}
.cta h2{font-size:32px}
.cta p{color:#c8d7e1;margin:9px 0 0}
.cta-actions{display:flex;gap:10px;flex-shrink:0}
.primary,.secondary{min-height:50px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.primary{background:var(--blue);color:#fff}
.primary:hover{background:#007fc6}
.secondary{border:1px solid rgba(255,255,255,.34);color:#fff}
.site-footer{background:#fff;border-top:1px solid var(--line);padding:30px 6% 110px;display:flex;justify-content:space-between;gap:26px;color:var(--muted);font-size:14px}
.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px}
.footer-links a{text-decoration:underline;text-underline-offset:4px}
.mobile-cta{display:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.desktop-nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 6% 18px;border-bottom:1px solid var(--line);box-shadow:0 18px 32px rgba(3,17,29,.12)}
.desktop-nav.is-open{display:flex}
.desktop-nav>a,.areas-menu>button{width:100%;justify-content:flex-start;border-bottom:1px solid var(--line)}
.areas-list{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:5px 14px 0}
.areas-list a{min-height:42px}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center}
.intro-grid,.property-view,.map-section{grid-template-columns:1fr;gap:28px}
.insight-grid{grid-template-columns:1fr}
.insight{min-height:0}
.cta{align-items:flex-start;flex-direction:column}
.cta-actions{width:100%}
.cta-actions a{flex:1}
}
@media(max-width:650px){.site-header{height:78px;padding:0 4%}
.personal-logo{width:min(150px,38vw)}
.office-logo{width:min(74px,20vw)}
.logo-divider{height:31px}
.hero{min-height:440px}
.page-haifa .hero:before{background:linear-gradient(to left,rgba(3,17,29,.91) 0%,rgba(3,17,29,.62) 58%,rgba(3,17,29,.24) 100%),url("haifa-hero.webp") 52% 54%/cover no-repeat;transform:scale(1.012)}
.page-haifa .hero:after{background-size:44px 44px;opacity:.72}
.page-kiryat-ata .hero:before{background:linear-gradient(to left,rgba(3,17,29,.92) 0%,rgba(3,17,29,.64) 58%,rgba(3,17,29,.26) 100%),url("kiryat-ata-hero.webp") 53% 50%/cover no-repeat;transform:scale(1.012)}
.page-kiryat-ata .hero:after{background-size:44px 44px;opacity:.72}
.page-kiryat-yam .hero:before{background:linear-gradient(to left,rgba(3,17,29,.93) 0%,rgba(3,17,29,.68) 58%,rgba(3,17,29,.22) 100%),url("kiryat-yam-hero.webp") 64% center/cover no-repeat;transform:scale(1.012)}
.page-kiryat-yam .hero:after{background-size:44px 44px;opacity:.7}
.page-kiryat-motzkin .hero:before{background:linear-gradient(to left,rgba(3,17,29,.93) 0%,rgba(3,17,29,.69) 59%,rgba(3,17,29,.24) 100%),url("kiryat-motzkin-hero.webp") 62% center/cover no-repeat;transform:scale(1.012)}
.page-kiryat-motzkin .hero:after{background-size:44px 44px;opacity:.7}
.page-kiryat-bialik .hero:before{background:linear-gradient(to left,rgba(3,17,29,.92) 0%,rgba(3,17,29,.67) 59%,rgba(3,17,29,.22) 100%),url("kiryat-bialik-hero.webp") 59% center/cover no-repeat;transform:scale(1.012)}
.page-kiryat-bialik .hero:after{background-size:44px 44px;opacity:.7}
.page-kiryat-haim .hero:before{background:linear-gradient(to left,rgba(3,17,29,.92) 0%,rgba(3,17,29,.66) 59%,rgba(3,17,29,.2) 100%),url("kiryat-haim-hero.webp") 54% 58%/cover no-repeat;transform:scale(1.012)}
.page-kiryat-haim .hero:after{background-size:44px 44px;opacity:.7}
.hero-inner{width:88%;padding:65px 0 58px}
h1{font-size:45px}
.facts{grid-template-columns:1fr;margin-top:0;width:100%;box-shadow:none}
.fact{padding:18px 6%;border-left:0;border-bottom:1px solid var(--line)}
.content{width:88%;padding-top:56px}
.intro-grid{gap:24px}
.lead{font-size:17px}
.insight-grid{margin:44px 0}
.property-view{padding:33px 24px}
.property-view h2{font-size:29px}
.map-section{margin:48px 0}
.map-frame,.map-frame iframe{min-height:300px}
.cta{padding:34px 24px;margin-bottom:38px}
.cta-actions{flex-direction:column}
.site-footer{flex-direction:column;padding-bottom:120px}
.mobile-cta{display:flex;position:fixed;right:10px;left:10px;bottom:10px;z-index:40;background:rgba(3,17,29,.9);padding:7px;border-radius:16px;border:1px solid rgba(115,207,255,.24);backdrop-filter:blur(15px);gap:7px}
.mobile-cta a{flex:1;min-height:46px;border-radius:11px;padding:8px 9px;font-size:13px}
.mobile-cta .secondary{border-color:rgba(255,255,255,.28)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
}