@font-face{font-family:'Frank Ruhl Libre';font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/frank-ruhl-libre-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Frank Ruhl Libre';font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/frank-ruhl-libre-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Frank Ruhl Libre';font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/frank-ruhl-libre-hebrew-900-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Frank Ruhl Libre';font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/frank-ruhl-libre-latin-900-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Heebo';font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/heebo-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/heebo-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Heebo';font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/heebo-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/heebo-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Heebo';font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/heebo-hebrew-900-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/heebo-latin-900-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--bg:#050e1a;--bg2:#07192b;--teal:#22d3ee;--teal2:#0fb4cf;--ink:#fff;--mut:#a8bccf;--line:rgba(34,211,238,.28);--card:rgba(14,45,70,.55)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#050e1a 0%,#07192b 45%,#061423 100%);color:var(--ink);font-family:'Heebo',system-ui,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
.muted{color:var(--mut)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:12px}
.ico{flex:none;color:var(--teal)}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:1100px;margin:0 auto;padding:12px 16px 8px;min-height:64px;position:relative}
.logo img{height:46px;width:auto}
.menu summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.menu summary::-webkit-details-marker{display:none}
.menu summary .ico{color:#fff}
.menu nav{position:absolute;top:60px;right:16px;z-index:20;min-width:240px;background:#0b2237;border:1px solid var(--line);border-radius:16px;padding:8px;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.menu nav a{padding:12px 14px;border-radius:10px;min-height:44px;display:flex;align-items:center;font-weight:500}
.menu nav a:hover{background:rgba(34,211,238,.12)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:99px;font-weight:700;font-size:16px;background:linear-gradient(90deg,var(--teal),var(--teal2));color:#04202a;text-align:center}
.btn .ico{color:#04202a}
.btn-sm{min-height:40px;padding:0 14px;font-size:14px}
.btn-out{background:transparent;border:1.5px solid #4fb8cb;color:#fff}
.btn:hover{filter:brightness(1.08)}
.btn-out:hover{background:rgba(34,211,238,.1)}

/* hero */
.hero{position:relative;max-width:1100px;margin:0 auto;padding:14px 16px 0;min-height:480px}
.hero-photo{position:absolute;left:0;top:0;width:min(74vw,300px);height:440px;object-fit:cover;object-position:50% 12%;-webkit-mask-image:linear-gradient(to right,#000 55%,transparent 100%);mask-image:linear-gradient(to right,#000 55%,transparent 100%)}
.hero-text{position:relative;width:54%;display:flex;flex-direction:column;gap:10px}
.eyebrow{font-size:13px;color:var(--teal);font-weight:700}
.hero h1{font-size:clamp(34px,9vw,38px);line-height:1.08;font-weight:900}
.lead{font-size:16px;line-height:1.55}
.hero-actions{position:absolute;right:16px;left:16px;bottom:8px;display:flex;gap:10px}
.hero-actions .btn{flex:1}
.feats{display:flex;max-width:1068px;margin:0 16px;padding:10px 0 18px;border-top:1px solid rgba(34,211,238,.18);border-bottom:1px solid rgba(34,211,238,.18)}
.feats li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--mut);text-align:center}

/* sections */
.sec{max-width:1100px;margin:0 auto;padding:28px 16px 0;display:flex;flex-direction:column;gap:8px}
.sec h2{font-size:clamp(26px,7vw,30px);line-height:1.15;font-weight:900}
.h-sm{font-size:20px!important}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px}
.svc{padding:14px;display:flex;flex-direction:column;gap:8px;min-height:116px;transition:transform .15s,border-color .15s}
.svc b{font-size:16px;line-height:1.25}
.svc .muted{font-size:13px;line-height:1.35}
.svc-top{display:flex;align-items:center;justify-content:space-between}
.chev{width:26px;height:26px;border-radius:50%;background:rgba(34,211,238,.16);display:flex;align-items:center;justify-content:center}
.grid .svc:last-child{grid-column:1/-1}
.why-grid{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.why{padding:16px;display:flex;flex-direction:column;gap:6px}
.why-h{display:flex;align-items:center;gap:10px}
.why-h b{font-size:18px}
.why p{font-size:15px;line-height:1.5}
.cta{padding:22px 18px;display:flex;flex-direction:column;gap:12px}
.cta h2{font-size:clamp(24px,6.5vw,30px)}
.row{display:flex;gap:10px;flex-wrap:wrap}
.row .btn{flex:1}

/* service pages */
.intro{gap:12px;padding-top:18px}
.badge{width:56px;height:56px;border-radius:16px;background:rgba(34,211,238,.14);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.svc-page h1{font-size:clamp(28px,7.6vw,34px);line-height:1.15;font-weight:900}
.svc-page .lead{font-size:17px;line-height:1.65}
.steps{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.step{padding:14px 16px;display:flex;gap:14px;align-items:flex-start}
.step b{font-size:17px}
.step p{font-size:15px;line-height:1.5;margin-top:4px}
.num{min-width:34px;height:34px;border-radius:50%;background:rgba(34,211,238,.16);color:var(--teal);font-weight:900;display:flex;align-items:center;justify-content:center}
.checks{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.notes{list-style:disc;padding-inline-start:20px;font-size:15px;line-height:1.5}
.notes li{margin-bottom:8px}
.back{text-align:center;padding:22px 16px 0}
.back a{color:var(--teal);font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.foot{max-width:1100px;margin:0 auto;padding:32px 16px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--mut);font-size:13px}
.foot img{height:44px;width:auto;opacity:.9}

/* desktop */
@media(min-width:900px){
.hero{min-height:600px;padding-top:30px}
.hero-photo{width:480px;height:580px}
.hero-text{width:48%;gap:16px;padding-top:40px}
.hero h1{font-size:64px}
.lead{font-size:20px}
.hero-actions{right:16px;left:auto;width:48%;bottom:60px}
.feats{margin:0 auto;padding-inline:16px}
.grid{grid-template-columns:repeat(3,1fr);gap:16px}
.grid .svc:last-child{grid-column:auto}
.svc{padding:20px;min-height:150px}
.svc b{font-size:19px}
.why-grid{flex-direction:row}
.why{flex:1}
.sec h2{font-size:36px}
.cta{padding:36px}
.svc-page{max-width:820px;margin:0 auto}
.svc-page h1{font-size:46px}
.cta .btn,.cta .row{max-width:520px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* פס מבצע */
.promo{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;min-height:46px;background:linear-gradient(90deg,#22d3ee,#0fb4cf);color:#04202a;font-weight:700;font-size:15px;line-height:1.3;text-align:center}
.promo .ico{color:#04202a}
.promo-badge{background:#04202a;color:#22d3ee;border-radius:99px;padding:2px 12px;font-size:13px;font-weight:900;white-space:nowrap}
.promo:hover{filter:brightness(1.06)}
.promo:focus-visible{outline-offset:-4px}
@media(min-width:900px){.promo{font-size:17px;min-height:50px}}

/* כפתור "מבצע החודש" בראש העמוד */
.hero-actions{flex-wrap:wrap}
.hero-actions .btn-promo{flex:1 1 100%;background:#fff;color:#04202a;box-shadow:0 8px 22px rgba(34,211,238,.25)}
.btn-promo .ico{color:#04202a}
.btn-promo:hover{filter:none;background:#e9fbff}

/* תנועה בגלילה */
.topbar{position:sticky;top:0;z-index:30;background:rgba(5,14,26,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.topbar.stuck{border-bottom-color:rgba(34,211,238,.18);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.top{transition:padding .25s,min-height .25s}
.topbar.stuck .top{padding-top:6px;padding-bottom:6px;min-height:54px}
.logo img{transition:height .25s}
.topbar.stuck .logo img{height:36px}
.hero{overflow:hidden}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--d,0ms),transform .6s ease var(--d,0ms)}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.topbar,.top,.logo img{transition:none}}

/* כפתור צף לווטסאפ */
.wa-float{position:fixed;left:16px;bottom:16px;z-index:40;display:flex;align-items:center;gap:8px;min-height:56px;padding:0 18px;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--teal2));color:#04202a;font-weight:700;font-size:15px;box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 0 rgba(34,211,238,.5);transform:translateY(90px);opacity:0;animation:waIn .5s ease 1.2s forwards,waPulse 3.2s ease-out 2.4s infinite}
.wa-float .ico{color:#04202a}
.wa-float:hover{filter:brightness(1.07)}
.wa-float:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes waIn{to{transform:none;opacity:1}}
@keyframes waPulse{0%{box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 0 rgba(34,211,238,.5)}70%,100%{box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 18px rgba(34,211,238,0)}}
@media(max-width:480px){.wa-float{padding:0;width:56px;justify-content:center}.wa-float span{display:none}}
@media(prefers-reduced-motion:reduce){.wa-float{animation:none;transform:none;opacity:1}}
.foot{padding-bottom:96px}

/* כותרות ראשיות: אות אחר אות */
.js .svc-page h1:not(.typed),.js .hero h1:not(.typed){visibility:hidden;animation:h1show 0s 1.5s forwards}
@keyframes h1show{to{visibility:visible}}
.ttl .tw{display:inline-block;white-space:nowrap}
.ttl .tl{display:inline-block;opacity:0;transform:translateY(.6em) scale(.9);filter:blur(7px)}
.ttl.go .tl{opacity:1;transform:none;filter:none;transition:opacity .55s ease-out,transform .65s cubic-bezier(.2,.8,.2,1),filter .6s ease-out;animation:tlglow .9s ease-out both}
@keyframes tlglow{0%{text-shadow:0 0 22px var(--teal)}100%{text-shadow:0 0 0 transparent}}
/* מילה בקו מתאר */
/* תת-כותרת נכנסת אחרי הכותרת */
.js .hero-text .lead{opacity:0;transform:translateY(10px);animation:leadshow 0s 2.8s forwards}
.hero-text h1.go ~ .lead{opacity:1;transform:none;transition:opacity .7s ease-out 1.3s,transform .7s ease-out 1.3s}
@keyframes leadshow{to{opacity:1;transform:none}}

/* חיתוך אלכסוני עדין: התמונה בראש דף הבית והכפתור הראשי */
.hero-photo{clip-path:polygon(0 0,100% 0,100% 58%,64% 100%,0 100%)}
.hero-actions .btn:not(.btn-out):not(.btn-promo){border-radius:0;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}

/* עמוד אודות */
.about .about-photo{height:auto;width:100%;max-width:340px;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%;border-radius:20px;border:1px solid var(--line);margin-top:6px;align-self:flex-start}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:0}
.stat{padding:14px;display:flex;flex-direction:column;gap:6px}
.stat b{font-size:22px;line-height:1.15;font-weight:900;color:var(--teal)}
.stat span{font-size:14px;line-height:1.45}
.about .body{font-size:17px;line-height:1.75}
.quote{margin:12px 0 0;padding:16px 18px;border-inline-start:3px solid var(--teal);background:rgba(34,211,238,.07);border-radius:0 14px 14px 0;font-size:20px;line-height:1.5;font-weight:700;color:#fff}
.about-link{align-self:flex-start;margin-top:8px}
.about-teaser{padding:22px 18px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.about-teaser h2{font-size:clamp(24px,6.5vw,30px)}
.foot a{color:var(--mut);text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){.stats{grid-template-columns:repeat(4,1fr)}.about .about-photo{max-width:380px}.stat b{font-size:24px}}
@media(min-width:900px){
.svc-page.about{max-width:1040px}
.about .intro{display:grid;grid-template-columns:1fr 360px;column-gap:48px;align-items:center;align-content:center}
.about .intro>*{grid-column:1}
.about .intro .about-photo{grid-column:2;grid-row:1/5;max-width:360px;margin:0;align-self:center}
.about .intro h1{font-size:56px}
}
@media(min-width:900px){
.about .intro{grid-template-rows:1fr auto auto auto 1fr;align-content:stretch}
.about .intro>.eyebrow{grid-row:2}.about .intro>h1{grid-row:3}.about .intro>.lead{grid-row:4}
.about .intro .about-photo{grid-row:1/6}
}
.quote p{margin:0}.quote cite{display:block;margin-top:8px;font-size:14px;font-style:normal;font-weight:500;color:var(--teal)}
/* מילה בקו מתאר (מסנן SVG: קו מתאר נקי גם כשהגופן בנוי מצורות חופפות) */
h1 .ol{display:inline-block;color:#fff;filter:url(#ol)}
h1 .ol .tl{animation:none!important;text-shadow:none}
div.promo:hover{filter:none}

/* סצנת שחמט תלת-ממדית בעמוד האסטרטגיה: בלוק נמוך מתחת לפסקה, והכותרת "איך זה עובד" מתחתיו */
.chess{position:relative;z-index:0;width:100%;max-width:820px;aspect-ratio:10/9;margin:-92px auto -2px;pointer-events:none;opacity:.94}
@media(min-width:700px){.chess{aspect-ratio:16/9;margin-top:-104px}}
.chess img,.chess canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.chess img{object-fit:contain}
.chess canvas{opacity:0;transition:opacity .8s ease}
.chess.ready canvas{opacity:1}
.chess.ready img{opacity:0;transition:opacity .8s ease}
/* "איך זה עובד" ממש מתחת ללוח */
.has-chess + .sec{padding-top:0}
/* הכיתוב העליון עולה מעט על הלוח */
.has-chess h1,.has-chess .lead,.has-chess .eyebrow,.has-chess .badge{position:relative;z-index:2}
.has-chess .lead{text-shadow:0 0 10px rgba(5,14,26,.98),0 0 22px rgba(5,14,26,.92),0 1px 3px rgba(0,0,0,.85)}
.chess img,.chess canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.chess img{object-fit:contain}
.chess canvas{opacity:0;transition:opacity .8s ease}
.chess.ready canvas{opacity:1}
.chess.ready img{opacity:0;transition:opacity .8s ease}
/* הפסקה מתחת לכותרת: בולטת וקריאה */
.has-chess .lead{color:#f1f9fc;font-weight:500;font-size:18px;line-height:1.7}
@media(min-width:900px){.has-chess .lead{font-size:21px}}

/* תנועה בריחוף על כרטיסי השירותים: הרמה, זוהר טורקיז ואיקון שמתעורר */
.svc,.svc.reveal{transition:opacity .6s ease var(--d,0ms),transform .6s ease var(--d,0ms),translate .85s cubic-bezier(.33,0,.2,1),border-color .6s ease,box-shadow .85s ease,background-color .6s ease}
.svc-top .ico{transition:transform .85s cubic-bezier(.33,0,.2,1)}
@media(hover:hover){
.svc:hover,.svc:focus-visible{translate:-5px -6px;border-color:var(--teal);background-color:rgba(18,58,88,.72);box-shadow:0 14px 34px rgba(34,211,238,.2),0 0 0 1px rgba(34,211,238,.4)}
.svc:hover .svc-top .ico,.svc:focus-visible .svc-top .ico{transform:scale(1.16) rotate(-7deg)}
}
.svc:active{translate:-2px -3px;border-color:var(--teal)}
@media(prefers-reduced-motion:reduce){.svc:hover,.svc:focus-visible,.svc:active{translate:none}.svc:hover .svc-top .ico,.svc:focus-visible .svc-top .ico{transform:none}}

/* פונט כותרות יוקרתי: Frank Ruhl Libre (גוף הטקסט והכפתורים נשארים Heebo) */
:root{--serif:'Frank Ruhl Libre','Heebo',serif}
h1,h2,.svc b,.why-h b,.step b,.stat b{font-family:var(--serif)}
h1{font-weight:900;line-height:1.12}
.sec h2,.cta h2,.about-teaser h2{font-weight:700}
.svc b,.why-h b,.step b{font-weight:700}
.hero h1{font-size:clamp(40px,10.6vw,44px)}
.svc-page h1{font-size:clamp(32px,8.4vw,38px)}
.sec h2{font-size:clamp(30px,7.8vw,34px)}
.svc b{font-size:19px}.why-h b{font-size:21px}.step b{font-size:20px}.stat b{font-size:25px;font-weight:900}
@media(min-width:900px){.hero h1{font-size:72px}.svc-page h1{font-size:52px}.sec h2{font-size:40px}.svc b{font-size:22px}.about .intro h1{font-size:60px}.stat b{font-size:27px}}
/* מילה בקו מתאר בפונט הסריף: משקל בינוני כדי שהקווים הדקים יישארו נקיים */
h1 .ol{font-weight:700}

/* חץ שפוגע במטרה בתחתית דף הבית */
.target-sec{padding-top:6px;padding-bottom:4px}
.target{width:100%;max-width:640px;margin:0 auto;pointer-events:none}
.target svg{display:block;width:100%;height:auto;overflow:hidden}
.target .fly{transform:translate(390px,170px)}
.target .rip,.target .sparks circle,.target .hole,.target .shadow{opacity:0}
.js .target:not(.go):not(.done) .fly{opacity:0;transform:translate(59px,-89px)}
.target.go .fly{animation:tfly .8s cubic-bezier(.45,0,.9,.6) both}
.target.go .wob{animation:twob .85s ease-out .8s both}
.target.go .hole,.target.go .shadow{animation:thole .2s ease-out .78s forwards}
.target.go .rings{transform-box:view-box;transform-origin:390px 170px;animation:thit .8s ease-out .8s both}
.target.go .rip.r1{transform-box:view-box;transform-origin:390px 170px;animation:tripple 1.4s ease-out .8s forwards}
.target.go .rip.r2{transform-box:view-box;transform-origin:390px 170px;animation:tripple 1.4s ease-out 1.05s forwards}
.target .sparks circle{transform-box:fill-box;transform-origin:center}
.target.go .sparks circle{animation:tspark .75s ease-out .8s forwards}
.target.go,.target.done{filter:drop-shadow(0 0 14px rgba(34,211,238,.28))}
.target.done .hole,.target.done .shadow{opacity:1}
@keyframes tfly{0%{transform:translate(59px,-89px);opacity:0}12%{opacity:1}100%{transform:translate(390px,170px);opacity:1}}
@keyframes thole{from{opacity:0}to{opacity:1}}
@keyframes twob{0%{transform:rotate(0)}14%{transform:rotate(3.6deg)}30%{transform:rotate(-2.8deg)}46%{transform:rotate(1.8deg)}62%{transform:rotate(-1deg)}80%{transform:rotate(.4deg)}100%{transform:rotate(0)}}
@keyframes thit{0%{transform:scale(1)}30%{transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes tripple{0%{transform:scale(.18);opacity:.95}100%{transform:scale(1.55);opacity:0}}
@keyframes tspark{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.target .fly,.target.go .fly{animation:none;transform:translate(390px,170px);opacity:1}.target .hole,.target .shadow{opacity:1}}

/* סרטון הדגמה בעמוד הקריינות: תמונה עם כפתור הפעלה, נטען רק בלחיצה */
.video{position:relative;width:100%;max-width:720px;margin:10px 0 2px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.video-btn,.video iframe{position:relative;display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 50% 60%,#0d3350,#050e1a);padding:0;overflow:hidden;cursor:pointer;box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 0 1px rgba(34,211,238,.08)}
.video-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .4s ease,transform .6s ease}
.video-btn:hover img{opacity:1;transform:scale(1.03)}
.video-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,26,0) 50%,rgba(5,14,26,.55) 100%)}
.video-play{position:absolute;z-index:2;top:50%;left:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22d3ee,#0fb4cf);color:#04202a;box-shadow:0 0 0 8px rgba(34,211,238,.18),0 10px 30px rgba(0,0,0,.45);transition:transform .3s ease,box-shadow .3s ease}
.video-play svg{margin-left:4px}
.video-btn:hover .video-play,.video-btn:focus-visible .video-play{transform:scale(1.1);box-shadow:0 0 0 12px rgba(34,211,238,.22),0 10px 30px rgba(0,0,0,.45)}
.video-link{font-size:14px;color:var(--mut);text-decoration:underline;text-underline-offset:3px}
.video.playing iframe{cursor:auto}
.video-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;flex-wrap:wrap}
.video-row .btn{min-height:44px}
.btn-out .ico{color:var(--teal)}

/* דוגמאות (Shorts) בעמוד הפודקאסטים */
.samples{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.samples-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:2px 2px 8px;margin:0 -16px;padding-inline:16px;scrollbar-width:none}
.samples-row::-webkit-scrollbar{display:none}
.sample{flex:0 0 58%;max-width:240px;scroll-snap-align:start}
.sample-btn,.sample iframe{position:relative;display:block;width:100%;aspect-ratio:9/16;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 50% 60%,#0d3350,#050e1a);padding:0;overflow:hidden;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.45)}
.sample-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .4s ease,transform .6s ease}
.sample-btn:hover img{opacity:1;transform:scale(1.04)}
.sample-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,26,0) 55%,rgba(5,14,26,.6) 100%)}
.sample .video-play{width:60px;height:60px;margin:-30px 0 0 -30px}
.sample-btn:hover .video-play,.sample-btn:focus-visible .video-play{transform:scale(1.1)}
.samples-wrap{position:relative}
.samples-wrap{--fl:0px;--fr:0px}
.samples-wrap:not(.at-end){--fl:64px}
.samples-wrap:not(.at-start){--fr:64px}
.samples-row{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%)}
.sc-btn{display:none;position:absolute;top:50%;z-index:3;width:46px;height:46px;margin-top:-30px;border-radius:50%;border:1px solid rgba(34,211,238,.5);background:rgba(8,28,44,.88);color:var(--teal);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.45);transition:opacity .25s ease,transform .25s ease,background-color .25s ease}
.sc-btn:hover{background:#0d3a52;transform:scale(1.08)}
.sc-btn .flip{transform:scaleX(-1)}
.sc-prev{right:-12px}.sc-next{left:-12px}
.samples-wrap.at-start .sc-prev,.samples-wrap.at-end .sc-next{opacity:0;pointer-events:none}
@media(min-width:700px){.samples-wrap:not(.at-end){--fl:90px}.samples-wrap:not(.at-start){--fr:90px}.sc-btn{display:flex}.sample{flex:0 0 26%;max-width:none}.samples-row{padding-inline:2px;margin:0}}

/* גלריית צילום בפרקים */
.gallery{position:relative;right:50%;transform:translateX(50%);width:100vw;max-width:1100px;margin-top:14px;display:flex;flex-direction:column;gap:34px}
.g-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none}
.g-nav::-webkit-scrollbar{display:none}
.g-chip{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:99px;border:1.5px solid rgba(79,184,203,.55);background:transparent;color:#fff;font:700 14px/1 Heebo,system-ui,sans-serif;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.g-chip:hover{background:rgba(34,211,238,.12)}
.g-chip.on{background:var(--teal);color:#04202a;border-color:var(--teal)}
.chap{display:flex;flex-direction:column;gap:14px}
.chap.hide{display:none}
.chap-h{display:flex;align-items:baseline;gap:12px;padding:0 16px}
.chap-n{font:900 14px/1 Heebo,sans-serif;color:var(--teal);letter-spacing:.08em}
.chap-t{font-family:var(--serif);font-weight:900;font-size:clamp(34px,9vw,54px);line-height:1.05;margin:0}
.chap-c{margin-inline-start:auto;font-size:13px;color:var(--mut)}
.chap-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 10px;scrollbar-width:none}
.chap-grid::-webkit-scrollbar{display:none}
.g-item{position:relative;flex:0 0 auto;height:min(58vh,420px);padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#07192b;cursor:zoom-in;scroll-snap-align:start;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:box-shadow .35s ease,border-color .35s ease,translate .5s cubic-bezier(.33,0,.2,1)}
.g-item img{display:block;height:100%;width:auto;max-width:none;object-fit:cover;transform:scale(1.08) translate3d(0,var(--py,0px),0);transition:transform .8s cubic-bezier(.33,0,.2,1)}
.g-item:hover{border-color:var(--teal);box-shadow:0 16px 40px rgba(34,211,238,.18)}
.g-item:hover img{transform:scale(1.14) translate3d(0,var(--py,0px),0)}
.js .g-item img{clip-path:circle(0% at 50% 50%)}
.js .g-item.in img{clip-path:circle(150% at 50% 50%);transition:clip-path 1.2s cubic-bezier(.33,0,.2,1),transform .8s cubic-bezier(.33,0,.2,1)}
@media(min-width:700px){
.gallery{width:min(1100px,calc(100vw - 32px));gap:54px}
.g-nav,.chap-h,.chap-grid{padding-inline:0}
.chap-grid{display:block;column-count:var(--cols,3);column-gap:16px;overflow:visible;scroll-snap-type:none}
.g-item{display:block;height:auto;width:100%;margin:0 0 16px;break-inside:avoid;-webkit-column-break-inside:avoid;scroll-snap-align:none}
.g-item img{height:auto;width:100%}
.chap-t{font-size:clamp(44px,5vw,64px)}
}
/* תצוגה מוגדלת */
.lb{position:fixed;inset:0;z-index:100;background:rgba(3,9,16,.94);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}
.lb.open{opacity:1;pointer-events:auto}
.lb-img{max-width:min(94vw,1400px);max-height:84vh;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.6);transition:opacity .25s ease,transform .35s ease;touch-action:pan-y}
.lb-img.swap{opacity:0;transform:scale(.97)}
.lb-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid rgba(34,211,238,.5);background:rgba(8,28,44,.85);color:var(--teal);cursor:pointer;transition:background-color .25s,transform .25s}
.lb-btn:hover{background:#0d3a52;transform:scale(1.08)}
.lb-close{top:14px;left:14px;font-size:26px;line-height:1}
.lb-prev{right:14px;top:50%;margin-top:-25px}.lb-next{left:14px;top:50%;margin-top:-25px}
.lb-next .ico{transform:scaleX(-1)}
.lb-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:var(--mut);font-size:14px;letter-spacing:.04em}
body.lb-lock{overflow:hidden}
@media(prefers-reduced-motion:reduce){.js .g-item img,.js .g-item.in img{clip-path:none;transition:none}.g-item img{transition:none;transform:none!important}.lb,.lb-img{transition:none}}

/* נגן טלפוניה: רמקול עם גלי קול שיוצאים בזה אחר זה */
.phone-player{margin-top:18px;max-width:720px;padding:18px 16px 12px;position:relative;overflow:hidden}
.ph-head{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}
.ph-head .muted{margin:0;font-size:14px}
.ph-stage{display:flex;justify-content:center;padding:6px 0 0}
.spk{width:min(86%,320px);height:auto;overflow:visible}
.rip{fill:none;stroke:#22d3ee;stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}
.is-playing .rip{animation:rip 2.4s cubic-bezier(.2,.6,.3,1) infinite}
.is-playing .r2{animation-delay:.6s}.is-playing .r3{animation-delay:1.2s}.is-playing .r4{animation-delay:1.8s}
@keyframes rip{0%{transform:scale(1);opacity:.75;stroke-width:4}100%{transform:scale(2.5);opacity:0;stroke-width:1}}
.cone{transform-box:fill-box;transform-origin:center;transition:transform .08s linear}
.is-playing .cone{transform:scale(calc(1 + var(--lvl,.3)*.09))}
.glow{opacity:.35;transition:opacity .1s}
.is-playing .glow{opacity:calc(.35 + var(--lvl,.3)*.65)}
.ph-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ph-track{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;gap:12px;text-align:start;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}
.ph-track:hover,.ph-track:focus-visible{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.45)}
.ph-ico{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22d3ee,#0fb4cf);color:#04202a}
.ph-ico .i-pause{display:none}
.ph-track.on .ph-ico .i-play{display:none}.ph-track.on .ph-ico .i-pause{display:block}
.ph-track.on{border-color:rgba(34,211,238,.7);background:rgba(34,211,238,.1)}
.ph-title{flex:1 1 auto;font-weight:600}
.ph-time{direction:ltr;flex:0 0 auto;font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums}
.ph-bar{position:absolute;inset:auto 0 0 0;height:3px;background:transparent}
.ph-bar i{display:block;height:100%;width:0;background:#22d3ee;float:right}
@media (prefers-reduced-motion:reduce){.is-playing .rip{animation:none;opacity:.3}.cone{transition:none}}

/* חסויות ופרסומות */
.sponsors{margin-top:26px;max-width:720px}
.sponsors .muted{margin:2px 0 10px;font-size:14px}
.sp-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:700px){.sp-grid{grid-template-columns:1fr 1fr}.sponsors{max-width:860px}}
.sp-grid .video{margin:0;max-width:none}
.sp-logo{position:absolute;z-index:3;top:10px;inset-inline-start:10px;display:flex;align-items:center;justify-content:center;max-width:34%;padding:6px 10px;border-radius:10px;background:rgba(5,14,26,.72);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
.sp-logo img{position:static!important;display:block;width:auto!important;height:28px!important;max-width:100%;object-fit:contain;opacity:1!important;transform:none!important}
.sp-name{font-weight:600;font-size:15px}

/* מלל תיאור שירות */
.svc-desc{max-width:720px}
.svc-desc p{margin:0 0 14px;line-height:1.85;font-size:17px;color:#dbe7ef}
.svc-desc h3{margin:20px 0 8px;font-size:18px;color:#22d3ee}
.svc-for{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.svc-for li{position:relative;padding-inline-start:22px;line-height:1.7;color:#dbe7ef}
.svc-for li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px rgba(34,211,238,.6)}

/* תצוגת דוגמאות: אתר ואפליקציה */
.showcase{position:relative;max-width:980px;display:flex;flex-direction:column;gap:6px}
.sc-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 38% at 70% 22%,rgba(34,211,238,.20),transparent 70%),radial-gradient(ellipse 50% 36% at 30% 78%,rgba(15,180,207,.16),transparent 70%)}
.sc-item{position:relative;z-index:1;margin:0;display:flex;flex-direction:column;gap:10px}
.sc-item .eyebrow{align-self:flex-start}
.sc-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;transform:perspective(1100px) translateX(var(--tx,0px)) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) scale(var(--sc,1));transform-origin:50% 50%;will-change:transform;}
.sc-zoom img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}
.sc-app{margin-top:22px}
@media(min-width:800px){.sc-site{width:92%}.sc-app{width:92%;align-self:flex-end;margin-top:30px}.sc-app .eyebrow{align-self:flex-end}}
.sc-lb{position:fixed;inset:0;z-index:200;background:rgba(3,10,18,.94);display:none;overflow:auto;-webkit-overflow-scrolling:touch;cursor:zoom-out}
.sc-lb.open{display:block}
.sc-lb img{display:block;width:max(100vw,1100px);max-width:none;height:auto;margin:auto}
.sc-lb-x{position:fixed;top:14px;inset-inline-start:14px;z-index:201;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(5,14,26,.7);color:#fff;font-size:26px;line-height:1;cursor:pointer}

.ai-robot{max-width:980px}
.ai-robot{position:relative}
.ai-robot::before{content:"";position:absolute;inset:8% 4%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(34,211,238,.16),transparent 72%)}
.ai-stage{position:relative;z-index:1;animation:aiFloat 6s ease-in-out infinite;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%);mask-composite:intersect}
.ai-stage img,.ai-stage svg{display:block;width:100%;height:auto}
.ai-stage svg{position:absolute;inset:0}
.ai-p{animation:aiPulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes aiPulse{0%,100%{opacity:.25}50%{opacity:.95}}
@keyframes aiFloat{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.ai-stage,.ai-p{animation:none}}

/* משחק הזיכרון (דף הבית) */
.mg{text-align:center;align-items:center}
.mg h2{margin:0}
.mg-bar{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:6px 0 8px}
.mg-pill{background:rgba(34,211,238,.08);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px}
.mg-pill b{color:var(--teal)}
.mg-grid{width:100%;max-width:780px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;perspective:1000px}
.mg-card:nth-child(17){grid-column:2}
@media(min-width:700px){.mg-grid{grid-template-columns:repeat(6,1fr);gap:10px}.mg-card:nth-child(17){grid-column:auto}}
.mg-card{position:relative;aspect-ratio:1/1.05;border:0;padding:0;background:none;color:#fff;font-family:inherit;cursor:pointer;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.7,.2,1);-webkit-tap-highlight-color:transparent}
.mg-card.flip{transform:rotateY(180deg)}
.mg-face{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px;overflow:hidden}
.mg-back{background:linear-gradient(160deg,#0b2a44,#06182a);border:1.5px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.mg-back::after{content:"";position:absolute;inset:6px;border-radius:9px;border:1px solid rgba(34,211,238,.14)}
.mg-back img{width:82%;height:auto}
.mg-card:not(.flip):hover .mg-back{border-color:var(--teal);box-shadow:0 0 22px rgba(34,211,238,.28)}
.mg-front{transform:rotateY(180deg);background:linear-gradient(160deg,#0e3a57,#082338);border:1.5px solid rgba(34,211,238,.5)}
.mg-front svg{width:32%;height:auto;color:var(--teal)}
.mg-nm{font-weight:700;font-size:12.5px;line-height:1.2}
.mg-card.done .mg-front{border-color:var(--teal);box-shadow:0 0 24px rgba(34,211,238,.45);animation:mgPop .5s}
@keyframes mgPop{50%{filter:brightness(1.4)}}
.mg-card.bad .mg-front{border-color:#ff6b7a}
.mg-toast{min-height:56px;width:100%;max-width:520px;margin-top:10px;background:rgba(34,211,238,.07);border:1px solid var(--line);border-radius:14px;padding:10px 14px;color:var(--mut)}
.mg-toast b{display:block;color:#fff;font-size:17px}
.mg-toast a{color:var(--teal);font-size:14px}
.mg-win{position:fixed;inset:0;background:rgba(3,10,18,.88);display:none;align-items:center;justify-content:center;padding:20px;z-index:60}
.mg-win.on{display:flex}
.mg-box{background:linear-gradient(160deg,#0b2a44,#06182a);border:1px solid var(--teal);border-radius:20px;padding:26px 22px;max-width:420px;box-shadow:0 0 50px rgba(34,211,238,.25);display:flex;flex-direction:column;gap:10px}
.mg-box h2{font-size:28px}
.mg-box p{color:var(--mut);margin:0 0 6px}
.mg-box .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.mg-cf{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:70}
@media(prefers-reduced-motion:reduce){.mg-card{transition:none}.mg-card.done .mg-front{animation:none}}

/* קלאפר (עמוד הפקות וידאו) */
.clp{align-items:center;overflow-x:clip}
.clp-stage{position:relative;width:min(100%,520px);aspect-ratio:560/430;direction:ltr;margin:6px auto 0}
.clp-body{position:absolute;left:0;right:0;top:12%;bottom:0;filter:drop-shadow(0 18px 26px rgba(0,0,0,.5))}
.clp-board{position:absolute;left:0;right:0;top:15%;bottom:0;background:linear-gradient(160deg,#10304a,#08192a);border:3px solid #cfeaf3;border-radius:6px 6px 14px 14px;overflow:hidden}
.clp-stripes,.clp-arm{background:repeating-linear-gradient(115deg,#eaf7fb 0 34px,#0b1f33 34px 68px)}
.clp-stripes{position:absolute;left:0;right:0;top:0;height:15%;border-bottom:3px solid #cfeaf3}
.clp-rows{position:absolute;left:0;right:0;top:15%;bottom:0;display:grid;grid-template-rows:1.2fr 1fr 1fr}
.clp-row{display:grid;border-bottom:2px solid #cfeaf3;color:#cfeaf3}
.clp-row:last-child{border-bottom:0}
.clp-row.r1{grid-template-columns:1fr}.clp-row.r2{grid-template-columns:1fr 1fr 1fr}.clp-row.r3{grid-template-columns:1fr 1fr}
.clp-cell{position:relative;padding:6px 12px;border-left:2px solid #cfeaf3;display:flex;flex-direction:column;justify-content:space-between}
.clp-cell:first-child{border-left:0}
.clp-cell span{font-size:clamp(10px,2.4vw,12px);letter-spacing:.14em}
.clp-cell b{white-space:nowrap;font-weight:700;font-size:clamp(14px,3.6vw,21px);letter-spacing:.04em;color:#fff}
.clp-logo img{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;height:82%;width:auto}
.clp-arm{position:absolute;left:0;right:0;top:0;height:15%;transform-origin:0% 100%;transform:rotate(-26deg);z-index:3;border:3px solid #cfeaf3;border-radius:6px 6px 2px 2px}
.clp-hinge{position:absolute;left:-2px;top:15%;width:22px;height:22px;margin:-11px 0 0 8px;border-radius:50%;background:#cfeaf3;z-index:4;box-shadow:inset 0 0 0 5px #0b1f33}
.clp-flash{position:absolute;inset:-6%;background:radial-gradient(circle,rgba(255,255,255,.85),rgba(34,211,238,.25) 40%,transparent 65%);opacity:0;pointer-events:none;z-index:5}
.clp-action{position:absolute;left:0;right:0;top:57%;text-align:center;font-weight:800;font-size:clamp(44px,13vw,84px);letter-spacing:.08em;color:var(--teal);text-shadow:0 0 28px rgba(34,211,238,.7);opacity:0;z-index:6;pointer-events:none}
.clp-stage.go .clp-arm{animation:clpSlam 5.4s cubic-bezier(.2,.7,.3,1) both}
.clp-stage.go .clp-body{animation:clpShake 5.4s linear both}
.clp-stage.go .clp-flash{animation:clpFlash 5.4s linear both}
.clp-stage.go .clp-action{animation:clpAct 5.4s cubic-bezier(.2,.8,.2,1) both}
.clp-stage.go .clp-rows{animation:clpDim 5.4s linear both}
@keyframes clpSlam{0%,14%{transform:rotate(-26deg)}17%{transform:rotate(0);animation-timing-function:ease-out}19.5%{transform:rotate(-5deg)}22%,100%{transform:rotate(0)}}
@keyframes clpShake{0%,16.5%{transform:translate(0,0)}17.5%{transform:translate(2px,6px) rotate(.4deg)}20%{transform:translate(-2px,-2px) rotate(-.3deg)}23%,100%{transform:translate(0,0)}}
@keyframes clpFlash{0%,16.8%{opacity:0}17.5%{opacity:1}28%,100%{opacity:0}}
@keyframes clpAct{0%,19%{opacity:0;transform:scale(1.5)}23%{opacity:1;transform:scale(.96)}26%,84%{opacity:1;transform:scale(1)}94%,100%{opacity:0;transform:scale(1.04)}}
@keyframes clpDim{0%,19%{opacity:1}24%,84%{opacity:.12}94%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.clp-arm{transform:rotate(0)!important;animation:none!important}.clp-action{opacity:1!important;animation:none!important}.clp-rows{opacity:.2}}

/* מצלמה עם צמצם (עמוד צילום) */
.cam{align-items:center}
.cam-svg{width:min(100%,560px);height:auto;display:block;margin:6px auto 0;filter:drop-shadow(0 22px 30px rgba(0,0,0,.5))}

/* בורר שפה */
.lang{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(5,14,26,.55);flex:none}
.lang button{font:inherit;font-size:12px;font-weight:700;color:var(--mut);background:transparent;border:0;border-radius:999px;padding:6px 8px;min-width:30px;cursor:pointer;line-height:1}
.lang button[aria-current]{background:var(--teal);color:#04202a}
.lang button:focus-visible{outline:2px solid var(--teal);outline-offset:1px}

/* גרסאות שמאל-לימין (אנגלית ורוסית) */
html[dir=ltr] .menu nav{right:auto;left:16px}
html[dir=ltr] .hero-photo{left:auto;right:0;-webkit-mask-image:linear-gradient(to left,#000 55%,transparent 100%);mask-image:linear-gradient(to left,#000 55%,transparent 100%);clip-path:polygon(0 0,100% 0,100% 100%,36% 100%,0 58%)}
html[dir=ltr] .hero-actions{right:16px;left:16px}
@media(min-width:900px){html[dir=ltr] .hero-actions{left:16px;right:auto}}
html[dir=ltr] .sc-prev{right:auto;left:-12px}html[dir=ltr] .sc-next{left:auto;right:-12px}
html[dir=ltr] .lb-prev{right:auto;left:14px}html[dir=ltr] .lb-next{left:auto;right:14px}html[dir=ltr] .lb-close{left:auto;right:14px}
html[dir=ltr] .ph-bar i{float:left}
html[lang=ru] body,html[lang=ru] button,html[lang=ru] input{font-family:'Heebo',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
html[lang=ru] .hero h1{font-size:clamp(30px,8.2vw,36px)}
@media(min-width:900px){html[lang=ru] .hero h1{font-size:56px}}
html[dir=ltr] .hero-photo{width:min(62vw,270px)}
@media(min-width:900px){html[dir=ltr] .hero-photo{width:480px}}
html[dir=ltr],html[dir=ltr] body{overflow-x:clip}

/* בורר שפות: דגל + שם */
.lang{gap:3px;padding:4px}
.lang button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:5px 6px;min-width:46px;border-radius:12px;line-height:1}
.lang button svg{width:30px;height:21px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.28);display:block}
.lang button[aria-current] svg{box-shadow:0 0 0 2px #04202a}
@media(min-width:760px){.lang button{flex-direction:row;gap:7px;font-size:14px;padding:7px 12px}.lang button svg{width:26px;height:18px}}
@media(max-width:480px){.lang{gap:1px;padding:3px}.lang button{min-width:40px;padding:4px 4px;font-size:10px}.lang button svg{width:26px;height:18px}header.top .btn-sm{padding-inline:12px;font-size:13px;gap:6px}header.top .btn-sm svg,header.top .btn-sm .ico{display:none}}
/* לוגו בפוטר: גדול וחד */
.foot img{height:120px;opacity:1}
@media(min-width:760px){.foot img{height:150px}}
/* לוגו בהדר: מונוגרמת DG בלבד, גדולה וחדה */
.top .logo img{height:50px;width:auto}
.topbar.stuck .logo img{height:42px}
.top .logo{flex:none}
@media(max-width:400px){.top{gap:4px;padding-inline:10px}.top .logo img{height:38px}.lang button{min-width:34px;padding:4px 3px}.lang button svg{width:22px;height:15px}header.top .btn-sm{padding-inline:9px;font-size:12px}.menu summary{width:36px}}
/* אודות: הדמות מציצה מאחורי הכתף ומנופפת */
.about-photo-wrap{position:relative;width:100%;max-width:340px;align-self:flex-start;margin-top:6px}
.about-photo-wrap .about-photo{display:block;margin:0;max-width:none}
.about .intro .about-photo-wrap{grid-column:2;grid-row:1/5;max-width:360px;margin:0;align-self:center}
@media(min-width:900px){.about-photo-wrap{max-width:380px}.about .intro .about-photo-wrap{max-width:360px}}
.peek-clip{position:absolute;inset:0;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 69%,88% 69%,87% 63%,85.5% 57.6%,85% 54%,83% 49.5%,79.6% 46%,74% 43%,67% 39.6%,60% 38.4%,60% 0)}
.peek{position:absolute;left:56%;top:12.3%;width:34%;transform-origin:50% 87%;transform:translateY(170%) rotate(8deg);animation:pkclimb 5.6s linear both paused}
.peek-in .peek{animation-play-state:running}
.peek .pk{display:block}
.peek .pk.b{position:absolute;inset:0}
.peek .pk.a{animation:pkA 5.6s linear both paused}
.peek .pk.b{animation:pkB 5.6s linear both paused}
.peek-in .peek .pk{animation-play-state:running}
.peek svg{display:block;width:100%;height:auto;overflow:visible}
.peek .wv{transform-origin:101px 90px;animation:pkwave 1.1s ease-in-out infinite both;animation-delay:4.4s;animation-play-state:paused}
.peek-in .peek .wv{animation-play-state:running}
@keyframes pkclimb{0%,6%{transform:translateY(170%) rotate(8deg);animation-timing-function:cubic-bezier(.3,.9,.4,1)}20%{transform:translateY(66%) rotate(8deg)}22%{transform:translateY(68%) rotate(5deg)}26%{transform:translateY(66%) rotate(11deg)}30%{transform:translateY(67%) rotate(6deg);animation-timing-function:ease-in-out}46%{transform:translateY(36%) rotate(11deg)}52%{transform:translateY(34%) rotate(5deg)}60%{transform:translateY(16%) rotate(9deg);animation-timing-function:ease-in}68%{transform:translateY(-7%) rotate(8deg);animation-timing-function:ease-out}74%,100%{transform:translateY(0) rotate(8deg)}}
@keyframes pkA{0%,59%{opacity:1}62%,100%{opacity:0}}
@keyframes pkB{0%,59%{opacity:0}62%,100%{opacity:1}}
@keyframes pkwave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(14deg)}}
@media(prefers-reduced-motion:reduce){.peek,.peek .pk{animation:none!important}.peek{transform:rotate(8deg)}.peek .pk.a{opacity:0}.peek .pk.b{opacity:1}.peek .wv{animation:none}}
/* אודות: נוגעים בדמות והיא כועסת ועפה */
.peek .pk.c{position:absolute;inset:0;opacity:0}
.peek-done .peek{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.peek-mad .peek-clip,.peek-fly .peek-clip{clip-path:none}
.peek-mad .peek .pk.a,.peek-mad .peek .pk.b{animation:none;opacity:0}
.peek-mad .peek .pk.c{opacity:1;animation:pkshake .08s linear infinite alternate}
.peek-mad .peek .wgL,.peek-mad .peek .wgR{transform-origin:40px 84px}
.peek-fly .peek{animation:pkaway 1.5s cubic-bezier(.5,0,.9,.6) forwards}
.peek-fly .peek .wgL,.peek-fly .peek .wgR{animation:pkflap .12s ease-in-out infinite alternate}
.peek-gone .peek-clip{display:none}
@keyframes pkshake{from{transform:translate(-2px,0) rotate(-3deg)}to{transform:translate(2px,-1px) rotate(3deg)}}
@keyframes pkflap{from{transform:rotate(-34deg)}to{transform:rotate(22deg)}}
@keyframes pkaway{0%{transform:translateY(0) rotate(8deg)}100%{transform:translate(30%,-900%) rotate(20deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.peek-fly .peek{animation:pkaway .6s linear forwards}}
html,body{overflow-x:clip}
/* בלי ריבוע בלחיצה על הלוגו ובקרי ההדר */
.logo,.logo:focus,.logo:focus-visible,.logo:active,.logo img,.lang button,.menu summary{-webkit-tap-highlight-color:transparent;outline:none}
.logo,.logo img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.logo:focus-visible{outline:none;box-shadow:none}

/* hero outline button: solid fill so the photo behind it doesn't show through */
.hero-actions .btn-out{background:#07192b}
.hero-actions .btn-out:hover{background:linear-gradient(rgba(34,211,238,.1),rgba(34,211,238,.1)),#07192b}