:root{--ui:"Google Sans","Rubik",system-ui,sans-serif;--heb:"Bona Nova SC","Suez One","Frank Ruhl Libre",serif;--disp:"Instrument Serif",Georgia,serif}
body{font-family:var(--ui);background:#f7f6f2}
[dir=rtl],.he,.h{font-family:var(--heb)}
.logo{font-family:var(--ui);font-weight:700;letter-spacing:-.4px}
.bgfx{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#f7f6f2}
.bgfx i{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.38;animation:drift 26s ease-in-out infinite alternate}
.bgfx i:nth-child(1){background:#e9d6a6;top:-25vmax;left:-15vmax}
.bgfx i:nth-child(2){background:#c9d3ec;bottom:-30vmax;right:-20vmax;animation-duration:32s;animation-delay:-8s}
.bgfx i:nth-child(3){background:#f1e4cf;top:30%;left:40%;width:40vmax;height:40vmax;animation-duration:22s;animation-delay:-4s;opacity:.3}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(8vmax,6vmax) scale(1.12)}100%{transform:translate(-6vmax,10vmax) scale(.95)}}
.hx{min-height:calc(100svh - 64px);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:40px 0 80px}
.hx .in{max-width:900px;margin:0 auto;padding:0 22px;will-change:transform,opacity}
.hx .bh{font-family:var(--heb);color:var(--gold);font-size:clamp(26px,4.4vw,44px);letter-spacing:.5px;margin-bottom:18px;opacity:0;animation:up 1s .1s var(--ease) forwards}
.hx h1{font-family:var(--ui);font-weight:700;font-size:clamp(44px,8vw,96px);line-height:.98;letter-spacing:-3px;margin:0;color:var(--ink);opacity:0;animation:up 1s .25s var(--ease) forwards}
.hx h1 em{font-family:var(--disp);font-style:italic;font-weight:400;color:var(--gold);letter-spacing:-1px}
.hx p{font-size:clamp(16px,1.9vw,20px);color:var(--muted);max-width:560px;margin:24px auto 0;line-height:1.5;opacity:0;animation:up 1s .4s var(--ease) forwards}
.hx .cta{margin-top:34px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;opacity:0;animation:up 1s .55s var(--ease) forwards}
.hx .cta a{padding:15px 28px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .25s var(--ease),box-shadow .25s}
.hx .cta a:first-child{background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(15,18,34,.25)}
.hx .cta a:last-child{background:rgba(255,255,255,.7);border:1px solid var(--line)}
.hx .cta a:hover{transform:translateY(-2px)}
.hx .pill{display:inline-block;margin-bottom:22px;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--muted);opacity:0;animation:up 1s var(--ease) forwards}
.hx .pill b{color:var(--ink)}
.scrl{position:absolute;bottom:26px;left:50%;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(15,18,34,.35);border-radius:14px}
.scrl:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:rgba(15,18,34,.5);animation:sc 1.8s infinite}
@keyframes sc{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@keyframes up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.rv{opacity:0;transform:translateY(46px) scale(.98);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
.tiles .tile.rv.in:hover{transform:scale(1.07)}
.mh{text-align:center;margin:0 0 34px}
.mh h2{font-family:var(--ui);font-weight:700;font-size:clamp(30px,4.6vw,52px);letter-spacing:-1.5px;margin:0}
.mh h2 em{font-family:var(--disp);font-style:italic;font-weight:400;color:var(--gold)}
.mh p{color:var(--muted);margin:10px 0 0;font-size:17px}
.msec{padding:90px 0}
.tile .he{font-family:var(--heb)!important;font-weight:700!important;font-size:clamp(24px,3vw,40px)!important;letter-spacing:0}
.tile .en{font-family:var(--ui)}
.bigstep{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bigstep>div{background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:22px;padding:34px 28px}
.bigstep .n{font-family:var(--disp);font-style:italic;font-size:54px;color:var(--gold);line-height:1}
.bigstep h3{font-size:22px;margin:14px 0 8px;letter-spacing:-.4px}.bigstep p{color:var(--muted);margin:0;line-height:1.5}
.band{margin:0 0 90px;border-radius:28px;background:var(--ink);color:#fff;text-align:center;padding:70px 24px;position:relative;overflow:hidden}
.band:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(226,191,114,.35),transparent 40%),radial-gradient(circle at 70% 70%,rgba(120,140,220,.25),transparent 40%);animation:drift 18s ease-in-out infinite alternate}
.band>*{position:relative}.band .bh{font-family:var(--heb);color:var(--gold2);font-size:30px}
.band h2{font-size:clamp(28px,4vw,46px);letter-spacing:-1.2px;margin:10px 0 24px}
.band a{display:inline-block;background:#fff;color:var(--ink);padding:15px 30px;border-radius:999px;font-weight:700}
@media(max-width:760px){.bigstep{grid-template-columns:1fr}.msec{padding:60px 0}.hx h1{letter-spacing:-1.5px}.band{border-radius:20px;margin:0 0 50px}}
@media(prefers-reduced-motion:reduce){.rv,.hx *{opacity:1!important;transform:none!important;animation:none!important}}

footer .gl a{color:inherit;text-decoration:underline;opacity:.85}

/* fancy Hebrew display: Makabi YG (Culmus project, GPL + font exception, free) */

:root{--fancy:"Frank Ruhl Libre","Suez One",serif}
.tile .he{font-family:var(--fancy)!important;font-weight:400!important;font-size:clamp(30px,3.6vw,48px)!important;line-height:1.05!important;letter-spacing:0!important}
.tile.all .he{font-family:var(--disp)!important}
.ptitle .h,.panel .kick .he,.gh .he,.glist .he{font-family:var(--fancy)!important;font-weight:400!important}
.ptitle .h{font-size:1.15em}
.gh .he{font-size:44px}
.fbot a.fsm{color:inherit;opacity:.6;font-size:12px;text-decoration:none}.fbot a.fsm:hover{opacity:1}