/* Yiddish web fonts (self-hosted) - 20261026 */
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/frank-ruhl-libre-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/frank-ruhl-libre-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy:#0E1B38;--navy2:#14254A;--gold:#C9A55A;--gold2:#E2C27A;--cream:#FAF7F0;--ink:#1B2333;--mute:#5A6273;--line:#E6DFCF;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
[lang=yi],[data-l=yi] body{font-family:"Heebo","Arial Hebrew","Noto Sans Hebrew","David",Arial,sans-serif}
html[data-l=en] .yi{display:none!important}html[data-l=yi] .en{display:none!important}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:normal;line-height:1.2;margin:0}
html[data-l=yi] h2,html[data-l=yi] h3{font-family:"Frank Ruhl Libre","Frank Ruehl CLM","New Peninim MT","Times New Roman",serif;font-weight:bold}
a{color:inherit}
.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:rgba(14,27,56,.97);color:#fff;border-bottom:1px solid rgba(201,165,90,.35)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:Georgia,serif;letter-spacing:.2em;color:var(--gold2);font-size:16px}
.nav{display:flex;align-items:center;gap:10px}.nav a{font-size:14px;text-decoration:none;color:#fff;opacity:.9}
.lang{font:inherit;font-size:14px;background:transparent;color:var(--gold2);border:1px solid var(--gold);border-radius:999px;padding:6px 14px;cursor:pointer;min-height:36px}
.hero{background:radial-gradient(120% 80% at 50% 0%,#1D3363 0%,var(--navy) 60%);color:#fff;text-align:center;padding:44px 22px 52px}
.mark{display:block;margin:0 auto 14px;width:84px;height:auto}
.hero h1{display:flex;flex-direction:column;align-items:center;gap:6px}
.lat{font-size:44px;letter-spacing:.22em;color:var(--gold2);padding-left:.22em}
.heb{font-family:"Frank Ruhl Libre","Frank Ruehl CLM","New Peninim MT","Times New Roman",serif;font-size:34px;color:#fff;font-weight:bold}
.tag{font-family:Georgia,serif;font-size:21px;margin:18px auto 10px;max-width:30em;color:#F1E7CF}
html[data-l=yi] .tag{font-family:inherit;font-weight:bold}
.sub{color:#C9D0DE;max-width:34em;margin:0 auto;font-size:16px}
.cta{display:flex;flex-direction:column;gap:10px;margin:26px auto 0;max-width:340px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:999px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;border:0}
.gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--navy)}
.ghost{border:1px solid rgba(226,194,122,.7);color:var(--gold2);background:transparent}
.sec{padding:44px 20px;max-width:980px;margin:0 auto}
.alt{background:#fff;max-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.alt>*{max-width:940px;margin-left:auto;margin-right:auto}
h2{font-size:28px;color:var(--navy);text-align:center;margin-bottom:24px}
h2::after{content:"";display:block;width:48px;height:2px;background:var(--gold);margin:12px auto 0}
.lead{text-align:center;color:var(--mute);max-width:34em;margin:-6px auto 22px}
.grid{display:grid;gap:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 14px}
.card h3,.step h3,.why h3{font-size:19px;color:var(--navy);margin:8px 0 4px}
.card p,.step p,.why p{margin:0;color:var(--mute);font-size:15.5px}
.ic{width:30px;height:30px;color:var(--gold)}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:s}
.step{position:relative;background:var(--cream);border-radius:var(--r);padding:18px 18px 16px 18px;border:1px solid var(--line)}
.num{position:absolute;top:14px;inset-inline-end:16px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--gold2);display:grid;place-items:center;font-family:Georgia,serif;font-size:15px}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chips li{background:var(--navy);color:#F1E7CF;border-radius:999px;padding:10px 16px;font-size:15.5px;border:1px solid rgba(201,165,90,.5)}
.why{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.why li{display:flex;gap:12px;align-items:flex-start;padding:4px 0}.why .ic{flex:none;margin-top:8px}
.form{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;max-width:560px;margin:0 auto}
.alt .form{background:var(--cream)}
.f{display:grid;gap:6px}.f label{font-size:14.5px;font-weight:600;color:var(--navy)}
input,select,textarea{font:inherit;font-size:16px;width:100%;padding:12px 14px;border:1px solid #CFC6B2;border-radius:10px;background:#fff;color:var(--ink);min-height:48px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.note{margin:0;font-size:14.5px;color:var(--navy);background:#F6EFD9;border-radius:10px;padding:10px 12px;white-space:pre-line}
.note.err{background:#FBE9E7;color:#8A2A1B}
.contacts{list-style:none;padding:0;margin:0 auto;max-width:560px;display:grid;gap:10px}
.contacts li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.k{color:var(--mute);font-size:15px}.v{font-weight:600;color:var(--navy);text-decoration:none}
.foot{background:var(--navy);color:#C9D0DE;text-align:center;padding:30px 20px calc(30px + env(safe-area-inset-bottom));font-size:14px}
.foot p{margin:6px 0}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(4,1fr)}.why{grid-template-columns:repeat(2,1fr)}.cta{flex-direction:row;max-width:none;justify-content:center}.lat{font-size:60px}.heb{font-size:42px}.hero{padding:70px 22px 80px}}

.hero{position:relative;overflow:hidden}
.hero>*:not(.ticker){position:relative;z-index:2}
.ticker{position:absolute;left:50%;top:50%;width:300vw;height:240%;z-index:1;transform:translate(-50%,-50%) rotate(-28deg);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;pointer-events:none;overflow:hidden}
.trow{width:max-content;white-space:nowrap;font:600 22px/1.2 Georgia,"Times New Roman",serif;letter-spacing:.06em;color:#E2C27A;opacity:.13;will-change:transform}
.trow span{display:inline-block}
.trow.l{animation:tl 90s linear infinite}
.trow.r{animation:tr 90s linear infinite}
@keyframes tl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes tr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.trow{animation:none!important}}
.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center}

html[data-l=yi] .hero .lat{display:none}
html[data-l=en] .hero .heb{display:none}
html[data-l=yi] .hero .heb{color:var(--gold2);font-size:58px}

.brand .yi{letter-spacing:0!important;font-weight:700}

.ticker{direction:ltr!important}
.trow{direction:ltr;font-size:22px!important;opacity:.13!important}
.trow span{display:inline-flex!important;direction:ltr}
.trow i{font-style:normal;display:inline-block;padding:0 18px;unicode-bidi:isolate}
.trow i::after{content:"\2014";padding-left:36px;opacity:.7}
.trow.l{animation:tl 90s linear infinite!important}
.trow.r{animation:tr 90s linear infinite!important}

.ticker{gap:84px!important}
.trow i{padding:0 34px!important}
.trow i::after{content:none!important}
.trow.l{animation:tl 240s linear infinite!important}
.trow.r{animation:tr 240s linear infinite!important}

.trow{line-height:1!important;height:26px}

.trow{margin:0 0 70px 0!important}


/* ===== Desktop layout + motion (enhance.css, appended at build) ===== */
:root{--wrap:1180px;--ease:cubic-bezier(.2,.7,.2,1)}
/* header scroll state + progress line */
.top{transition:box-shadow .3s ease,background .3s ease}
.top.scrolled{box-shadow:0 6px 24px rgba(8,16,36,.35)}
.prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
html[dir=rtl] .prog{transform-origin:100% 50%}
.nx{display:none}

/* hero entrance */
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes shine{0%{background-position:0% 0}55%,100%{background-position:100% 0}}
.hero .mark{animation:fadeUp .9s var(--ease) both,floaty 7s ease-in-out 1.2s infinite;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35))}
.hero h1{animation:fadeUp .9s var(--ease) .12s both}
.hero .sub{animation:fadeUp .9s var(--ease) .24s both}
.hero .cta{animation:fadeUp .9s var(--ease) .36s both}
.hero .lat,html[data-l=yi] .hero .heb{background:linear-gradient(110deg,var(--gold2) 0%,var(--gold2) 38%,#FFF5DA 50%,var(--gold2) 62%,var(--gold2) 100%) 0 0/260% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shine 7s ease-in-out 1.4s infinite}

/* buttons: hover lift + shine sweep */
.btn{position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s ease,background-color .25s ease}
.btn.gold::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none}
@media (hover:hover){
 .btn:hover{transform:translateY(-2px)}
 .btn.gold:hover{box-shadow:0 10px 26px rgba(201,165,90,.38)}
 .btn.gold:hover::after{left:130%}
 .btn.ghost:hover{background:rgba(226,194,122,.12)}
 .card,.step,.chips li,.contacts li{transition:transform .3s var(--ease),box-shadow .3s ease,border-color .3s ease}
 .card:hover,.step:hover,.contacts li:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(14,27,56,.12);border-color:rgba(201,165,90,.6)}
 .chips li:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(14,27,56,.22);border-color:var(--gold2)}
 .card:hover .ic,.step:hover .ic{transform:scale(1.12) rotate(-4deg)}
 .lang{transition:background .25s ease,color .25s ease}
 .lang:hover{background:var(--gold);color:var(--navy)}
}
.ic{transition:transform .35s var(--ease)}

/* scroll reveal (class added by script only) */
.js-rv .rv{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s var(--ease)}
.js-rv .rv.in{opacity:1;transform:none}
h2::after{transition:width .8s var(--ease) .2s}
.js-rv h2.rv::after{width:0}
.js-rv h2.rv.in::after{width:48px}

/* ===== Desktop / laptop ===== */
@media (min-width:1000px){
 body{font-size:18px}
 .top{padding:14px max(32px,calc((100% - var(--wrap))/2))}
 .brand{font-size:18px;gap:12px}.brand img{width:38px;height:38px}
 .nav{gap:30px}
 .nav a{font-size:15.5px;position:relative;padding:6px 0}
 .nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--gold2);transform:scaleX(0);transition:transform .3s var(--ease)}
 .nav a:hover::after{transform:scaleX(1)}
 .lang{padding:7px 18px}

 .hero{min-height:min(90vh,1000px);padding:90px 40px 100px}
 .hero .mark{width:clamp(120px,10vw,168px);margin-bottom:22px}
 .lat{font-size:clamp(72px,6.4vw,112px);letter-spacing:.24em}
 html[data-l=yi] .hero .heb{font-size:clamp(84px,7.2vw,128px)}
 .sub{font-size:20px;max-width:38em;margin-top:18px}
 .cta{margin-top:38px;gap:16px}
 .cta .btn{min-width:230px;min-height:56px;font-size:17px}
 .ticker{height:auto!important;min-height:240%}

 .sec{max-width:calc(var(--wrap) + 80px);padding:96px 40px}
 .alt{max-width:none}
 .alt>*{max-width:var(--wrap)}
 .alt>.steps,.alt>.why{margin-left:auto;margin-right:auto}
 h2{font-size:42px;margin-bottom:40px}
 h2::after{margin-top:16px}
 .lead,.alt>.lead{max-width:40em;font-size:18.5px;margin:-18px auto 38px}

 .grid{grid-template-columns:repeat(3,1fr);gap:24px}
 .card{padding:30px 28px 26px;border-radius:18px}
 .card h3,.step h3,.why h3{font-size:22px;margin:14px 0 8px}
 .card p,.step p,.why p{font-size:16.5px}
 .ic{width:36px;height:36px}
 .steps{grid-template-columns:repeat(4,1fr);gap:24px}
 .step{padding:30px 26px 26px;border-radius:18px}
 .num{width:36px;height:36px;font-size:17px;top:20px;inset-inline-end:20px}

 .chips{gap:14px;max-width:1040px;margin:0 auto}
 .chips li{font-size:17px;padding:13px 24px}

 .why{grid-template-columns:repeat(6,1fr);gap:24px}
 .why li{grid-column:span 2;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:26px 24px;gap:16px;transition:transform .3s var(--ease),box-shadow .3s ease}
 .why li:nth-child(4):nth-last-child(2){grid-column:2/4}
 .why li:nth-child(5):last-child{grid-column:4/6}
 .why .ic{margin-top:14px}

 .form,.alt>.form{max-width:900px;grid-template-columns:1fr 1fr;gap:20px 24px;padding:36px 40px;border-radius:20px;box-shadow:0 18px 50px rgba(14,27,56,.07)}
 .form>button,.form>.note{grid-column:1/-1}
 .form>.f:has(textarea){grid-column:1/-1}
 .form>.f{align-content:start}
 .form>button{justify-self:center;min-width:300px}

 .contacts{max-width:var(--wrap);grid-template-columns:repeat(3,1fr);gap:24px}
 .contacts li{flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:28px 20px;gap:6px;border-radius:18px}
 .v{font-size:18px}

 .foot{padding:44px 20px}
}
@media (min-width:1000px) and (hover:hover){
 .why li:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(14,27,56,.12)}
 .why li:hover .ic{transform:scale(1.12) rotate(-4deg)}
}
@media (min-width:1180px){.nx{display:inline-block;opacity:.8!important}}
@media (min-width:1600px){:root{--wrap:1240px}}

@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .js-rv .rv{opacity:1!important;transform:none!important}
}

.form{position:relative}.hp{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
.note a{color:inherit}

/* Yiddish: smooth, solid rendering */
[lang=yi],html[data-l=yi] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
html[data-l=yi] .nav a,.nav a .yi{font-weight:500}
.lang .en[lang=yi]{font-weight:500}
.trow .yi i{font-family:"Frank Ruhl Libre",Georgia,serif;letter-spacing:0;font-weight:600}