@font-face{font-family:Heebo;src:url('./assets/fonts/heebo-hebrew.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#292720;--muted:#676158;--paper:#f8f6f1;--accent:#85442d;--line:#d4cec4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.8 Heebo,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#e7c9b5}.shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}.site-header{display:flex;align-items:center;gap:30px;min-height:96px;border-bottom:1px solid var(--ink)}.brand{display:flex;gap:10px;align-items:center;font-size:1.3125rem;font-weight:750;white-space:nowrap}.brand-icon{font-size:1.5625rem;color:var(--accent)}.site-header nav{display:flex;gap:28px;font-size:0.875rem;margin-inline:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:12px 22px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:white;font-size:1rem;font-weight:550}.button:hover{background:#66331f;text-decoration:none}.button.small{font-size:0.875rem;min-height:44px;padding:8px 16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-block:48px 64px}.hero-copy{max-width:640px}.hero-copy,.showcase{min-width:0}.eyebrow{font-size:0.8125rem;color:var(--muted);margin:0 0 22px}.hero h1{font-size:clamp(2.125rem,3.9vw,3.3125rem);line-height:1.3;letter-spacing:-.5px;margin:0 0 26px;font-weight:600}.hero h1 em{font-style:normal;color:var(--accent)}.intro{font-size:1.125rem;color:var(--muted);max-width:480px;margin:0 0 28px}.micro{font-size:0.75rem;color:var(--muted);margin:13px 0 25px}.availability{display:flex;gap:10px;max-width:460px;font-size:0.8125rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.availability p{margin:0}.availability strong{font-weight:600;color:var(--ink)}.status-icon{display:none}.showcase{margin:0;border-inline-start:1px solid var(--line);padding-inline-start:32px}.sample-label{font-size:0.75rem;color:var(--muted);margin:0 0 16px}.sample-site{padding:30px;background:#eee7d9;border-top:3px solid #786047;color:#3a3025}.sample-name{font-size:0.8125rem;margin:0 0 32px}.sample-site h2{font-size:clamp(1.75rem,3.2vw,2.625rem);font-weight:500;line-height:1.25;margin:0 0 22px}.sample-site>p:not(.sample-name){font-size:0.875rem}.sample-details{margin:28px 0}.sample-details>div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid #cabeaa;padding-block:10px;font-size:0.8125rem}.sample-details dt{color:#655442}.sample-details dd{margin:0}.sample-contact{font-size:0.875rem;border-bottom:1px solid #786047;padding-bottom:3px}.illustration-note{font-size:0.6875rem;color:var(--muted);margin:12px 0 0}.benefit-strip{border-block:1px solid var(--line)}.benefit-strip .shell{display:flex;justify-content:space-between;gap:24px;padding-block:19px;font-size:0.8125rem}.benefit-strip b{font-weight:400;color:var(--accent);padding-inline-end:12px}.fit{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-block:48px;border-bottom:1px solid var(--line)}.fit h2,.section-heading h2{font-size:2rem;font-weight:550;line-height:1.4;margin:0 0 26px}.fit h2{margin:0}.fit p{margin:0 0 12px}.fit .muted{font-size:0.875rem;color:var(--muted)}.section{padding-block:64px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-num{display:block;border-top:1px solid var(--line);padding-top:15px;font-size:0.75rem;color:var(--accent)}.steps-grid h3{font-size:1.1875rem;font-weight:550;margin:16px 0 8px}.steps-grid p{font-size:0.9375rem;color:var(--muted);margin:0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.questions details{border-bottom:1px solid var(--line)}.questions summary{cursor:pointer;position:relative;list-style:none;padding:18px 0 18px 30px;font-size:1rem;font-weight:550}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;left:2px;color:var(--accent);font-size:1.375rem;top:12px}.questions details[open] summary:after{content:'−'}.questions p{font-size:0.875rem;color:var(--muted);margin:0 0 20px}.closing{padding-block:40px;border-block:1px solid var(--ink)}.closing h2{font-size:2rem;font-weight:550;margin:0 0 24px}.closing>p:last-child{font-size:0.8125rem;color:var(--muted);margin-bottom:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:30px}.footer .brand{font-size:1rem}.footer-year{font-size:0.75rem;color:var(--muted);font-weight:400}.footer nav{display:flex;gap:24px;font-size:0.8125rem;color:var(--muted)}
.lang-switch{display:flex;gap:.9rem;margin-inline-start:auto;font-size:.875rem}
.lang-switch a{color:var(--muted);text-decoration:none}
.lang-switch a:hover{color:var(--accent);text-decoration:underline}
.lang-switch span[aria-current]{color:var(--accent);font-weight:600}.skip{position:fixed;top:-80px;right:20px;background:var(--ink);color:white;z-index:10;padding:10px 18px}.skip:focus{top:10px}.legal{max-width:760px;min-height:70vh;padding-block:50px}.legal h1{font-size:2.25rem;font-weight:600}.legal h2{font-size:1.3125rem;font-weight:600;margin-top:30px}.legal a{text-decoration:underline}.legal p,.legal li{color:var(--muted)}h1,h2,h3,p,a,dd{overflow-wrap:anywhere}
@media(max-width:900px){.shell{width:calc(100% - 40px)}.hero{gap:32px}.hero h1{font-size:2.375rem}.showcase{padding-inline-start:24px}.sample-site{padding:22px}.fit,.faq{gap:32px}.steps-grid{gap:24px}}
@media(max-width:650px){.site-header{min-height:78px;gap:12px}.site-header nav{display:none}.site-header .lang-switch{display:flex;gap:.6rem;font-size:.8rem}.site-header .button{margin-inline-start:auto}.brand{font-size:1.125rem}.hero{grid-template-columns:1fr;gap:36px;padding-block:38px 44px}.hero h1{font-size:2.375rem}.intro{font-size:1.0625rem}.showcase{padding:24px 0 0;border-inline-start:0;border-top:1px solid var(--line)}.sample-site{padding:26px}.sample-site h2{font-size:2.1875rem}.sample-name{margin-bottom:24px}.benefit-strip .shell{display:grid;gap:10px;padding-block:18px}.fit,.faq,.steps-grid{grid-template-columns:1fr;gap:24px}.fit{padding-block:32px}.fit h2,.section-heading h2,.closing h2{font-size:1.6875rem}.section{padding-block:40px}.faq .section-heading h2{margin-bottom:0}.footer{flex-direction:column;align-items:flex-start;gap:14px}.legal{padding-block:30px}}
@media(max-width:350px){.shell{width:calc(100% - 28px)}.hero h1{font-size:2rem}.brand{font-size:1rem;gap:6px}.site-header .button{font-size:0.75rem;gap:8px;padding-inline:10px}.footer nav{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Decorative 3D showroom; its only movement is controlled by the shared motion setting. */
.orbit-scene{position:relative;min-width:0;height:460px;isolation:isolate;border-radius:28px;background:radial-gradient(ellipse at 30% 30%,#454837 0,transparent 61%),radial-gradient(ellipse at 90% 90%,#35372b 0,transparent 60%),#151915;box-shadow:0 28px 56px -34px #26302180;overflow:hidden}
.orbit-scene::before{content:"";position:absolute;inset:15px;border:1px solid #d4ddba17;border-radius:17px;pointer-events:none}
@media(min-width:1100px){.hero{grid-template-columns:.94fr 1.16fr;gap:34px}}
#hero-3d{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}
.orbit-scene[data-scene=ready] #hero-3d{opacity:1}.orbit-scene[data-scene=ready] .orbit-fallback{visibility:hidden}
.orbit-fallback{position:absolute;inset:0;pointer-events:none}
.orbit-fallback img{display:block;width:100%;height:100%;object-fit:contain}
.orbit-caption{position:absolute;inset-inline:0;bottom:17px;margin:0;padding-inline:12px;text-align:center;color:#cbd0c2;font-size:.6875rem;line-height:1.5;pointer-events:none}
@media(max-width:900px){.orbit-scene{height:380px}}
@media(max-width:650px){.orbit-scene{height:300px;max-width:460px;width:100%;margin:auto}}

/* ---- accessibility add-on -------------------------------------------------
   The root font scale is a percentage custom property so it compounds with the
   browser's own font preference instead of overriding it. */
html{--a11y-font:100%;font-size:var(--a11y-font)}
.a11y-widget{position:fixed;inset-block-end:18px;inset-inline-start:18px;z-index:40;font-size:15px}
.a11y-toggle{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:10px 16px;border:1px solid #4a3c2d;border-radius:28px;background:#221b14;color:#f2f4fb;font:600 14px/1 Heebo,Arial,sans-serif;cursor:pointer;box-shadow:0 10px 30px -12px #050914}
.a11y-toggle:hover{background:#1c2740}
.a11y-toggle:focus-visible{outline:3px solid #4f9cf9;outline-offset:3px}
.a11y-toggle span[aria-hidden]{font-size:19px;line-height:1}
/* The panel is fixed to the viewport, not to the toggle box: anchoring it to the
   toggle cannot work when the toggle itself sits at the window edge, because the
   panel is much wider than the toggle and would overhang whichever edge it uses.
   `inset-inline-start:18px` matches the widget's own offset, so the panel lines up
   with the button and still grows inward. */
.a11y-panel{position:fixed;inset-block-end:78px;inset-inline-start:18px;width:min(320px,calc(100vw - 36px));max-height:min(74vh,560px);overflow-y:auto;padding:18px;border:1px solid #4a3c2d;border-radius:12px;background:#0f1524;color:#eef2fb;box-shadow:0 26px 60px -20px #050914}
.a11y-panel[hidden]{display:none}
.a11y-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:14px}
.a11y-panel-head h2{font-size:17px;font-weight:650;margin:0}
.a11y-close{width:40px;height:40px;border:1px solid #54452f;border-radius:8px;background:transparent;color:#eef2fb;font-size:17px;cursor:pointer}
.a11y-close:hover{background:#1c2740}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;border-block-end:1px solid #3a2f23}
.a11y-row-label{font-size:14px}
.a11y-stepper{display:flex;align-items:center;gap:6px}
.a11y-stepper button{min-width:44px;min-height:44px;border:1px solid #54452f;border-radius:8px;background:#2c231a;color:#eef2fb;font-size:15px;font-weight:650;cursor:pointer}
.a11y-stepper button:hover:not(:disabled){background:#243354}
.a11y-stepper button:disabled{opacity:.4;cursor:default}
.a11y-size{min-width:56px;text-align:center;font-variant-numeric:tabular-nums;font-size:14px}
.a11y-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 2px;border:0;border-block-end:1px solid #3a2f23;background:transparent;color:#eef2fb;font:500 14px/1.3 Heebo,Arial,sans-serif;text-align:start;cursor:pointer}
.a11y-switch:hover{color:#bfe0ff}
.a11y-state{position:relative;flex:0 0 46px;height:26px;border:1px solid #3c4a6b;border-radius:14px;background:#2c231a}
.a11y-state:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8e9bb8;transition:transform .2s,background .2s;transform:translateX(0)}
.a11y-switch[aria-pressed=true] .a11y-state{border-color:#4f9cf9;background:#1d3354}
.a11y-switch[aria-pressed=true] .a11y-state:after{background:#7fc4ff;transform:translateX(22px)}
.a11y-switch:focus-visible,.a11y-reset:focus-visible{outline:3px solid #4f9cf9;outline-offset:3px}
.a11y-reset{width:100%;min-height:44px;margin-block-start:14px;border:1px solid #54452f;border-radius:8px;background:#2c231a;color:#eef2fb;font:600 14px/1 Heebo,Arial,sans-serif;cursor:pointer}
.a11y-reset:hover{background:#243354}
.a11y-note{margin:12px 0 0;font-size:12px;line-height:1.6;color:#a9b4cc}
.a11y-note a{color:#9ecdff;text-decoration:underline}

/* Link emphasis: underline every link, not just on hover. */
.a11y-links a{text-decoration:underline;text-underline-offset:3px}
/* Stop animation: honours the same contract as prefers-reduced-motion. */
.a11y-no-motion *,.a11y-no-motion *:before,.a11y-no-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.hide-frame{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* The mobile purchase bar is fixed at the bottom, so the widget (and its panel)
   must sit above it or the two overlap and the toggle is partly covered. */
@media(max-width:650px){.a11y-widget{inset-block-end:calc(86px + env(safe-area-inset-bottom));inset-inline-start:14px}.a11y-panel{inset-inline-start:14px;inset-block-end:calc(144px + env(safe-area-inset-bottom));width:min(300px,calc(100vw - 28px));max-height:min(62vh,440px)}}
/* Keep the panel's own padding off the viewport edge when the widget sits at the
   inline-start edge in RTL: the panel is wider than the toggle, so it would
   otherwise bleed past the window. */
.a11y-widget{max-width:calc(100vw - 36px)}
/* High contrast: a deliberately plain, high-luminance palette that clears WCAG AA
   against a dark background rather than the brand's warmer tones. */
.a11y-contrast{--paper:#000;--ink:#fff;--muted:#e8eefc;--line:#fff;--accent:#ffd166}
.a11y-contrast body{--paper:#000;--ink:#fff;--muted:#e8eefc;--line:#fff;--accent:#ffd166;background:#000;color:#fff}
.a11y-contrast a{color:#ffe08a;text-decoration:underline}
.a11y-contrast .button{background:#ffd166;color:#000;border-color:#fff}
.a11y-contrast .button:hover{background:#ffdf8f}
.a11y-contrast .site-header,.a11y-contrast .fit,.a11y-contrast .closing{border-color:#fff}
.a11y-contrast .benefit-strip,.a11y-contrast .steps-grid .step-num,.a11y-contrast .questions details{border-color:#fff}
.a11y-contrast .sample-site{background:#111;color:#fff;border-color:#fff}
.a11y-contrast .a11y-panel{background:#000;border-color:#fff}
.a11y-contrast .a11y-toggle{background:#000;border-color:#fff;color:#fff}
.a11y-contrast .a11y-state{border-color:#fff;background:#333}
.a11y-contrast .a11y-state:after{background:#fff}
.a11y-contrast .sales-band{background:#000}
/* Product example, rendered on the isolated preview origin. */
.sales-band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:16px 40px;padding-block:40px;border-bottom:1px solid var(--line)}
.band-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.sales-band>*{min-width:0}
.band-copy>div{width:100%;max-width:660px;min-width:0}
.sales-band h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:600;line-height:1.35;margin:0 0 12px}
.band-copy p:last-child{margin:0;color:var(--muted)}
.band-copy .button{flex-shrink:0}
.band-hint{grid-column:2;margin:0;text-align:center}
.fit-points{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px;font-size:0.875rem}
.fit-points li{position:relative;padding-inline-start:20px}
.fit-points li:before{content:'✓';position:absolute;inset-inline-start:0;color:var(--accent)}
/* Mobile: keep one purchase action reachable without hunting for it. The bar is
   hidden while the hero CTA is on screen and appears after the visitor scrolls
   past it, so it never covers the first impression. */
.sticky-cta{display:none}
@media(max-width:650px){
 .sticky-cta{display:flex;align-items:center;gap:12px;position:fixed;inset-inline:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 18px -14px rgba(0,0,0,.5)}
 .sticky-cta .sticky-price{font-size:0.75rem;color:var(--muted);line-height:1.3;margin:0}
 .sticky-cta .sticky-price b{display:block;font-size:1.0625rem;color:var(--ink)}
 .sticky-cta .button{flex:1 1 auto;min-height:46px;padding:10px 14px;font-size:0.875rem}
 .sticky-cta.is-hidden{display:none}
 body{padding-bottom:78px}
}
 .band-device{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}
.band-device-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:0.8125rem;padding:12px 18px;border-bottom:1px solid var(--line)}
.band-device-bar a{min-height:44px;display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-underline-offset:4px}
.band-frame{display:block;width:100%;height:300px;border:0;background:#faf8f3}
.button.is-disabled,.button[aria-disabled=true]{background:transparent;color:var(--muted);border-color:var(--line);pointer-events:none}
@media(max-width:900px){.sales-band{gap:16px 24px}}
@media(max-width:650px){.sales-band{grid-template-columns:1fr;padding-block:32px;gap:20px}.band-frame{height:260px}.band-device-bar{padding:8px 12px}.band-hint{grid-column:1}}
.a11y-contrast .band-device{border-color:#fff;background:#111}

/* One product mark; keep language names and the main action readable on phones. */
.brand-icon{display:block;flex:0 0 30px;width:30px;height:30px}.brand{white-space:nowrap}
.lang-switch a,.lang-switch span,.site-header>.button{white-space:nowrap}
@media(max-width:650px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:14px}.site-header>.brand{grid-column:1;grid-row:1}.site-header>.button{grid-column:2;grid-row:1;gap:10px}.site-header .lang-switch{grid-column:1 / -1;grid-row:2;justify-content:center;margin:0;gap:18px}}

/* Closing actions have their own wrapping layout, including long translations. */
.site-header{min-height:66px;justify-content:space-between;gap:20px;border-bottom:0}.site-header nav{margin:0}.site-header>.button{margin-inline-start:auto}
.closing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.closing-actions .button{margin:0;max-width:100%;font-family:inherit;line-height:1.5;cursor:pointer}
.button.ghost{background:transparent;color:var(--accent);border-color:var(--line)}.button.ghost:hover{background:#ece6dc;border-color:var(--accent)}.button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.questions summary{padding-inline:0 30px}.questions summary:after{left:auto;inset-inline-end:2px}
.a11y-panel{background:#fffdfa;color:var(--ink);border-color:var(--line);box-shadow:0 16px 50px #29272020}.a11y-close,.a11y-stepper button,.a11y-reset{background:var(--paper);color:var(--ink);border-color:var(--line)}.a11y-switch{color:var(--ink);border-color:var(--line)}.a11y-row{border-color:var(--line)}.a11y-note{color:var(--muted)}.a11y-note a{color:var(--accent)}.a11y-close:hover,.a11y-reset:hover,.a11y-stepper button:hover:not(:disabled){background:#e9dfd1}.a11y-switch:hover{color:var(--accent)}.a11y-state{background:#e9dfd1;border-color:#857568}.a11y-state:after{background:#766052}.a11y-switch[aria-pressed=true] .a11y-state{background:#85442d;border-color:#85442d}.a11y-switch[aria-pressed=true] .a11y-state:after{background:white}.a11y-toggle:hover{background:#453a32}
.a11y-contrast .a11y-panel,.a11y-contrast .a11y-panel button{background:#000;color:#fff;border-color:#fff}.a11y-contrast .a11y-note,.a11y-contrast .a11y-note a{color:#fff}
@media(max-width:650px){.site-header{display:flex;min-height:60px;padding-block:8px}.site-header nav{display:flex;gap:18px}.site-header>.button{grid-column:auto;grid-row:auto}.hero{gap:12px;padding-block:30px 36px}.a11y-toggle-text{display:none}.a11y-toggle{width:46px;min-height:46px;justify-content:center;padding:8px}.a11y-widget{inset-inline-start:10px;inset-block-end:calc(12px + env(safe-area-inset-bottom))}.a11y-panel{inset-block-end:calc(70px + env(safe-area-inset-bottom));max-height:calc(100dvh - 150px)}body:has(.sticky-cta:not(.is-hidden)) .a11y-widget{inset-block-end:calc(88px + env(safe-area-inset-bottom))}body:has(.sticky-cta:not(.is-hidden)) .a11y-panel{inset-block-end:calc(144px + env(safe-area-inset-bottom))}.closing-actions .button{flex:1 1 180px}.footer{padding-bottom:72px}}
@media(max-width:350px){.site-header nav{font-size:.8rem;gap:12px}}
/* Accessibility settings live in the footer; no floating control obscures content. */
.a11y-widget{position:static;width:min(1120px,calc(100% - 40px));max-width:none;margin:0 auto;padding:0 0 28px;display:flex;justify-content:flex-start}
.a11y-toggle{width:auto;padding:10px 16px}.a11y-toggle-text{display:inline}.a11y-panel{inset-block-end:18px;max-height:calc(100dvh - 110px)}
@media(max-width:650px){.footer{padding-bottom:24px}.a11y-widget{padding-bottom:30px}.a11y-panel,body:has(.sticky-cta:not(.is-hidden)) .a11y-panel{inset-block-end:18px}.site-header nav{flex-wrap:wrap}}
html[dir=ltr] .button>span[aria-hidden=true]{transform:scaleX(-1)}

.hero-offer{font-size:1rem;color:var(--ink);line-height:1.7;margin:.8rem 0}.hero-offer strong{font-size:1.25em}.demo-link{text-underline-offset:5px;font-weight:600}
/* Long translated actions must still fit when the visitor enlarges text. */
@media(max-width:650px){.site-header{flex-wrap:wrap}.site-header>.button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}}