@font-face{font-family:Rubik;font-weight:500;font-display:swap;src:url(fonts/Rubik-Medium.woff2) format("woff2")}
@font-face{font-family:Rubik;font-weight:700;font-display:swap;src:url(fonts/Rubik-Bold.woff2) format("woff2")}
@font-face{font-family:Rubik;font-weight:800;font-display:swap;src:url(fonts/Rubik-ExtraBold.woff2) format("woff2")}
:root{color-scheme:light;--gold:#F2B544;--goldD:#C98A1B;--brown:#3B2418;--blue:#4C8DD6;--blueD:#2E67B0;--coral:#FF8A5C;--teal:#1F6F6D;--red:#E8553F;--ink:#14161B;--cream:#FFF6E2}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
.landing{margin:0;min-height:100vh;background:var(--gold);color:var(--brown);font:500 clamp(16px,4.2vw,19px)/1.5 Rubik,system-ui,"Noto Sans Hebrew",Arial,sans-serif;overflow-x:hidden;position:relative}
html[lang=he] .en,html[lang=en] .he{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bg{position:fixed;inset:0;pointer-events:none;z-index:0}
.c{position:absolute;border-radius:50%;display:block}
.c1{width:62vmin;height:62vmin;background:var(--coral);inset-inline-start:-22vmin;top:38%}
.c2{width:44vmin;height:44vmin;background:var(--blue);inset-inline-end:-14vmin;top:-12vmin}
.c3{width:16vmin;height:16vmin;background:var(--teal);inset-inline-end:8%;bottom:6%}
.c4{width:9vmin;height:9vmin;background:var(--cream);inset-inline-start:46%;top:6%;opacity:.8}
.c5{width:12vmin;height:12vmin;background:var(--red);inset-inline-start:6%;top:8%}
.top,.hero,.foot{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding-inline:20px}
.top{display:flex;justify-content:space-between;align-items:center;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:6px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.01em}
.logo img{border-radius:10px}
.langbtn{font:700 15px Rubik,sans-serif;background:var(--cream);color:var(--brown);border:0;border-radius:999px;padding:9px 16px;min-height:44px;cursor:pointer;box-shadow:0 3px 0 var(--goldD)}
.langbtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--goldD)}
.hero{display:grid;gap:22px;padding-top:10px;padding-bottom:30px}
.stage{margin:0;justify-self:center;width:min(100%,420px);position:relative;transform:rotate(-1.6deg)}
html[dir=rtl] .stage{transform:rotate(1.6deg)}
.vwrap{position:relative;border-radius:30px;overflow:hidden;background:var(--blue);aspect-ratio:4/5;box-shadow:0 8px 0 var(--brown),0 22px 40px rgba(59,36,24,.25);border:4px solid var(--brown)}
video{display:block;width:100%;height:100%;object-fit:cover}
.snd,.play{position:absolute;border:0;cursor:pointer;font:700 15px Rubik,sans-serif;color:#fff;background:var(--brown);display:flex;align-items:center;gap:8px}
.snd{inset-inline-end:12px;bottom:12px;padding:0 16px 0 14px;min-height:46px;border-radius:999px}
html[dir=rtl] .snd{padding:0 14px 0 16px}
.ic{width:22px;height:22px;fill:currentColor}
.snd[aria-pressed=false] .ic-on,.snd[aria-pressed=false] .lbl-mute{display:none}
.snd[aria-pressed=true] .ic-off,.snd[aria-pressed=true] .lbl-unmute{display:none}
.play{inset:0;margin:auto;width:84px;height:84px;border-radius:50%;justify-content:center;background:var(--gold);color:var(--brown);box-shadow:0 5px 0 var(--goldD);border:3px solid var(--brown)}
.play[hidden]{display:none}
.play svg{width:40px;height:40px;fill:currentColor}
.snd:focus-visible,.play:focus-visible,.langbtn:focus-visible,a:focus-visible{outline:3px solid var(--blueD);outline-offset:3px}
.copy{text-align:start}
.soon{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;background:var(--blueD);color:#fff;font-weight:700;font-size:.9em;padding:7px 16px;border-radius:999px;transform:rotate(-1.5deg)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.5);opacity:.6}}
h1{margin:0 0 10px;font-weight:800;font-size:clamp(34px,10vw,64px);line-height:1.08;letter-spacing:-.02em}
.sub{margin:0 0 18px;font-size:1.12em;max-width:32em}
.pts{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pts li{font-weight:700;font-size:.95em;padding:9px 16px;border-radius:999px;background:var(--cream);box-shadow:0 3px 0 var(--brown);border:2px solid var(--brown)}
.pts li:nth-child(2){background:var(--coral)}
.pts li:nth-child(3){background:#fff}
.line{display:flex;align-items:center;gap:10px;margin:0;font-weight:800;font-size:1.2em}
.line svg{width:30px;height:30px;flex:none}
.mascot{display:none}
.foot{padding-top:22px;padding-bottom:max(30px,env(safe-area-inset-bottom));font-size:15px}
.foot::before{content:"";display:block;height:3px;background:var(--brown);opacity:.18;border-radius:3px;margin-bottom:18px}
.foot p{margin:0 0 10px}
.foot a{color:var(--brown);font-weight:700;text-underline-offset:3px}
.links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 12px}
.links a{display:inline-block;padding:6px 0}
.by{opacity:.8}
@media(min-width:860px){
  .top{padding-top:26px}
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:64px;padding-top:30px;min-height:calc(100vh - 230px)}
  .copy{grid-row:1;grid-column:1}
  .stage{grid-row:1;grid-column:2;width:100%;justify-self:end}
  html[dir=rtl] .stage{justify-self:end}
  .mascot{display:block;grid-row:1;grid-column:2;align-self:end;justify-self:start;margin-inline-start:-58px;margin-bottom:-26px;width:104px;height:auto;position:relative;z-index:2;animation:bob 3.2s ease-in-out infinite}
}
@keyframes bob{50%{transform:translateY(-8px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.dot,.mascot{animation:none}}