@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500&family=Cormorant+Garamond:wght@400;500&display=swap');
:root{--paper:#f4f3ef;--ink:#151515;--green:#0d6337;--line:rgba(255,255,255,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:#111}body{margin:0;font-family:Assistant,Arial,sans-serif;color:white;background:#111}body.lang-en{direction:ltr}.en{display:none}.lang-en .he{display:none!important}.lang-en .en{display:inline}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.brand{width:112px;height:50px;background:rgba(255,255,255,.91);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.08)}.brand img{width:100%;height:100%;object-fit:contain}.header-actions{display:flex;gap:10px}.lang-toggle,.menu-toggle{border:0;background:rgba(255,255,255,.9);color:#111;width:42px;height:42px;cursor:pointer}.menu-toggle span{display:block;width:17px;height:1px;background:#111;margin:5px auto}.menu{position:fixed;z-index:25;inset:0;background:rgba(244,243,239,.97);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;opacity:0;pointer-events:none;transition:.35s}.menu.open{opacity:1;pointer-events:auto}.menu a{color:#111;text-decoration:none;font-size:clamp(28px,7vw,54px);font-weight:300}.view{position:relative;min-height:100svh;scroll-snap-align:start;display:flex;align-items:flex-end;overflow:hidden;background:#111}.view::before{content:"";position:absolute;inset:0;background-image:var(--image);background-size:cover;background-position:center;transform:scale(1.01);transition:transform 1.5s ease}.view.active::before{transform:scale(1.045)}.scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,6,.72),rgba(6,6,6,.18) 48%,rgba(6,6,6,.08))}.copy{position:relative;z-index:2;width:min(100%,720px);padding:0 24px calc(42px + env(safe-area-inset-bottom));text-shadow:0 1px 18px rgba(0,0,0,.18)}.index{font-size:12px;letter-spacing:.22em;margin:0 0 18px;opacity:.78}.copy h1,.copy h2{font-family:"Cormorant Garamond",Assistant,serif;font-size:clamp(42px,11vw,76px);line-height:.92;font-weight:400;margin:0 0 22px;max-width:10ch}[dir=rtl] .copy h1,[dir=rtl] .copy h2{font-family:Assistant,Arial,sans-serif;font-weight:300;line-height:1.04;max-width:12ch}.copy>p:not(.index){font-size:clamp(16px,4.3vw,22px);line-height:1.55;max-width:32ch;margin:0 0 24px;font-weight:300}.next{display:inline-flex;gap:12px;color:white;text-decoration:none;border-top:1px solid var(--line);padding-top:13px;font-size:13px;letter-spacing:.08em}.final-view{align-items:center}.final-copy{padding-top:110px;padding-bottom:32px}.final-copy h2{font-size:clamp(40px,10vw,66px)}form{display:grid;gap:10px;max-width:520px;margin-top:24px}input,textarea{width:100%;border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.88);color:#111;padding:14px 15px;font:inherit;border-radius:0;outline:none}textarea{resize:vertical}form button{border:0;background:#111;color:white;padding:15px 18px;font:inherit;cursor:pointer}.hidden{display:none!important}.contact-links{margin-top:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.contact-links a{color:white;text-decoration:none;font-size:14px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}.contact-links .sep{opacity:.5;font-size:13px}.progress{position:fixed;z-index:24;right:0;bottom:0;left:0;height:2px;background:rgba(255,255,255,.22)}.progress span{display:block;width:0;height:100%;background:#fff;transition:width .15s}@media(min-width:800px){.site-header{padding:22px 34px;height:96px}.brand{width:145px;height:58px}.copy{padding-left:7vw;padding-right:7vw;padding-bottom:7vh}.copy h1,.copy h2{font-size:76px}.scrim{background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.05) 70%)}[dir=rtl] .scrim{background:linear-gradient(270deg,rgba(0,0,0,.58),rgba(0,0,0,.05) 70%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view::before,.menu{transition:none}}
.trust-bar{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 18px}
.trust-item{font-size:12.5px;letter-spacing:.01em;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);padding:6px 11px;border-radius:999px;backdrop-filter:blur(2px)}
.trust-todo{background:rgba(255,180,0,.22);border-color:rgba(255,180,0,.55)}
@media(min-width:800px){.trust-item{font-size:13.5px}}
/* --- AI preliminary-analysis widget (added) --- */
.ai-toggle{margin-top:16px;background:transparent;border:0;border-top:1px solid var(--line);padding-top:13px;color:white;font:inherit;font-size:13px;letter-spacing:.06em;cursor:pointer;text-align:right;width:100%}
[dir=ltr] .ai-toggle{text-align:left}
.ai-panel{margin-top:18px;max-width:520px;border:1px solid rgba(255,255,255,.35);padding:18px;background:rgba(0,0,0,.28)}
.ai-panel.hidden{display:none!important}
.ai-hint{font-size:13px;line-height:1.5;opacity:.85;margin:0 0 12px}
.ai-panel textarea{width:100%;border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.88);color:#111;padding:14px 15px;font:inherit;border-radius:0;outline:none;resize:vertical;margin-bottom:10px}
.ai-panel button{border:0;background:#fff;color:#111;padding:13px 18px;font:inherit;cursor:pointer}
.ai-panel button:disabled{opacity:.5;cursor:default}
.ai-result{margin-top:16px;background:rgba(255,255,255,.96);color:#151515;padding:16px;font-size:14px;line-height:1.6}
.ai-result.hidden{display:none!important}
.ai-result h4{margin:0 0 8px;font-family:"Cormorant Garamond",Assistant,serif;font-size:20px;font-weight:500}
.ai-result .rec{border-top:1px dashed rgba(0,0,0,.15);padding:8px 0}
.ai-result .rec:first-of-type{border-top:none}
.ai-result .badge{display:inline-block;font-size:10px;font-weight:700;border-radius:3px;padding:1px 6px;margin-inline-start:6px}
.ai-result .badge.A{background:#fde2e2;color:#a11}
.ai-result .badge.B{background:#fde9c8;color:#a66a00}
.ai-result .badge.C{background:#e3f0e3;color:#2a7a2a}
.ai-error{margin-top:14px;background:#fde2e2;color:#a11;padding:12px;font-size:13px}
.ai-error.hidden{display:none!important}

/* --- Facade color preview (approximate — CSS tint overlay, not true material recolor) --- */
:root{--tint-color:transparent}
.view.color-preview-on::after{content:"";position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:color;opacity:.55;pointer-events:none;z-index:1}
.color-picker-toggle{position:fixed;z-index:28;bottom:18px;inset-inline-start:16px;background:rgba(255,255,255,.92);border:0;color:#111;font-size:12px;letter-spacing:.06em;padding:10px 14px;cursor:pointer}
.color-picker-panel{position:fixed;z-index:29;bottom:60px;inset-inline-start:16px;background:rgba(20,20,20,.94);padding:14px;max-width:230px;display:none;color:#fff}
.color-picker-panel.open{display:block}
.color-picker-panel p{font-size:11px;line-height:1.5;opacity:.8;margin:0 0 10px}
.swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.swatch{width:26px;height:26px;border:2px solid rgba(255,255,255,.5);cursor:pointer;padding:0}
.swatch[data-color="reset"]{background:repeating-linear-gradient(45deg,#333,#333 4px,#111 4px,#111 8px)}
.color-picker-panel input[type=text]{width:100%;padding:8px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.9);font-size:13px;margin-bottom:6px}
.color-picker-panel button.apply{width:100%;background:#fff;color:#111;border:0;padding:8px;font-size:12px;cursor:pointer}