:root{
  --ground:#f9f8f8;--surface:#ffffff;--ink:#211215;--muted:#744e55;
  --accent:#9c1b33;--on-accent:#ffffff;--accent-2:#0da186;--on-accent-2:#111111;
  --line:#e3dedf;
  --font-display:"IBM Plex Sans Hebrew",sans-serif;--font-text:"IBM Plex Sans Hebrew",sans-serif;
  --h1-weight:600;--h2-weight:500;
  --h1:clamp(2.6rem,6.2vw,5.4rem);--h1-lh:1.08;--h1-track:-0.015em;
  --r-sm:0px;--r-md:0px;--r-lg:0px;--r-btn:0px;
  --border:2.5px solid var(--ink);--shadow:6px 6px 0 var(--ink);
  --ease:cubic-bezier(.34,1.56,.64,1);--dur:480ms;
  --section-pad:clamp(60px,9vw,120px);--body:clamp(16px,.3vw + 15px,18px);--body-lh:1.65;--gap:clamp(22px,3.6vw,52px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--ground);color:var(--ink);
  font-family:var(--font-text);font-size:var(--body);line-height:var(--body-lh);
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--h1-weight);letter-spacing:var(--h1-track)}

.tx-dots{background-image:radial-gradient(var(--line) 1.5px,transparent 1.6px);background-size:22px 22px}

/* top bar */
.top{position:sticky;top:0;z-index:20;background:var(--ground);border-bottom:var(--border)}
.top__inner{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}
.top__logo{font-family:var(--font-display);font-weight:700;font-size:1.3rem}
.top__cta{background:var(--accent);color:var(--on-accent);border:var(--border);box-shadow:var(--shadow);padding:10px 20px;font-weight:600;border-radius:var(--r-btn);transition:transform 120ms var(--ease)}
.top__cta:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}

/* buttons */
.btn{display:inline-block;border:var(--border);box-shadow:var(--shadow);padding:16px 32px;font-weight:700;font-size:1.1rem;border-radius:var(--r-btn);transition:transform 120ms var(--ease),box-shadow 120ms var(--ease);background:var(--surface)}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.btn--big{background:var(--accent);color:var(--on-accent)}
.btn--line{background:var(--surface);color:var(--ink)}

/* hero */
.hero{max-width:1100px;margin:0 auto;padding:var(--section-pad) 24px 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap);align-items:center}
.hero__box{display:flex;flex-direction:column;gap:22px}
.fx-kin{margin:0;overflow:hidden;padding-block:.1em}
.fx-kin span{display:inline-block;font-size:var(--h1);line-height:var(--h1-lh);transform:skewX(var(--fx-skew,0deg)) scaleY(var(--fx-sy,1));transform-origin:center bottom;will-change:transform;white-space:nowrap}
.hero__sub{font-size:1.25rem;color:var(--muted);max-width:30ch}
.hero__img{border:var(--border);box-shadow:var(--shadow);background:var(--surface);overflow:hidden;aspect-ratio:1/1}
.hero__img img{width:100%;height:100%;object-fit:cover}

@media (prefers-reduced-motion:reduce){.fx-kin span{transform:none}}

/* marquee */
.fx-marquee{overflow:hidden;border-block:var(--border);padding-block:.9em;direction:ltr;background:var(--accent-2);color:var(--on-accent-2)}
.fx-marquee__track{display:flex;width:max-content;animation:fx-marquee 26s linear infinite}
.fx-marquee:hover .fx-marquee__track,.fx-marquee:focus-within .fx-marquee__track{animation-play-state:paused}
.fx-marquee__set{display:flex;gap:2.4em;margin:0;padding:0 1.2em;list-style:none;font:700 clamp(1.4rem,3.4vw,2.2rem)/1.1 var(--font-display);white-space:nowrap}
.fx-marquee__set li{direction:rtl;display:flex;align-items:center;gap:2.4em}
.fx-marquee__set li::after{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--ink);flex:none}
@keyframes fx-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.fx-marquee{overflow-x:auto}.fx-marquee__track{animation:none}}

/* services */
.services{max-width:1100px;margin:0 auto;padding:var(--section-pad) 24px}
.services h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:34px}
.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.tile{border:var(--border);box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;gap:12px;transition:transform 120ms var(--ease)}
.tile:hover{transform:translate(-3px,-3px)}
.tile h3{font-size:1.5rem}
.tile p{color:var(--muted);flex:1}
.tile__price{font-family:var(--font-display);font-weight:700;font-size:2.2rem}
.tile__link{font-weight:700;text-decoration:underline}
.tile--a{background:#ffd34d}
.tile--b{background:#ff9fc3}
.tile--c{background:#8fd9ff}

/* contact */
.contact{max-width:1100px;margin:0 auto;padding:0 24px var(--section-pad)}
.contact__box{background:var(--accent);color:var(--on-accent);border:var(--border);box-shadow:var(--shadow);padding:clamp(32px,6vw,56px);text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center}
.contact__box h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.contact__row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.contact__loc{font-weight:600}

/* footer */
.foot{max-width:1100px;margin:0 auto;padding:24px;color:var(--muted);font-size:13px;text-align:center}
.foot a{text-decoration:underline}

@media (max-width:820px){
  .hero{grid-template-columns:1fr}
  .hero__img{order:-1;aspect-ratio:4/3}
  .services__grid{grid-template-columns:1fr}
}