/* עמוד הפתיחה (הכתובת הראשית): מכובד, רגוע, מסביר. כותרות בפרנק-רוהל (אופי של ספר), גוף בהיבו. */
:root{
  --bg:#ffffff; --bg-2:#f6f7fb; --surface:#ffffff; --surface-2:#eef2f8; --ink:#0b0b0f; --ink-2:#3b4659; --muted:#5b6476; --line:#e6e9f0;
  --blue:#2f5bff; --blue-2:#5b7cff; --blue-soft:#eef2ff; --blue-ink:#1f3fd1; --gold:#b8892e;
  --shadow:0 1px 2px rgba(15,23,41,.05),0 12px 32px -14px rgba(15,23,41,.18);
  --serif:'Frank Ruhl Libre',Georgia,serif; --sans:Heebo,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0b0b0f; --bg-2:#101017; --surface:#15151c; --surface-2:#1e1e28; --ink:#f2f2f7; --ink-2:#cfcfda; --muted:#9a9aab; --line:#262632;
  --blue:#7ea2ff; --blue-2:#9bb7ff; --blue-soft:#161d3d; --blue-ink:#b8caff; --gold:#d9b46a;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 40px -18px rgba(0,0,0,.7);
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65;font-size:17.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}
h1,h2,h3{line-height:1.18;margin:0}
.serif{font-family:var(--serif);font-weight:900;letter-spacing:-.005em}
h2{font-size:clamp(1.85rem,4.2vw,2.75rem)}
h3{font-size:1.2rem;font-weight:800;margin-bottom:6px}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fi{width:30px;height:30px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:14px}
main{overflow-x:clip}
main>section{max-width:1120px;margin:0 auto;padding:88px 20px}
.small{font-size:.95rem;text-align:center;margin-top:24px}
.kicker{color:var(--blue);font-weight:700;font-size:.95rem;letter-spacing:.04em;margin:0 0 10px}
.sec-head{text-align:center;max-width:720px;margin:0 auto 48px}
.sec-head .sub{color:var(--ink-2);font-size:1.12rem;margin:14px 0 0}

.lg-dark{display:none}
@media (prefers-color-scheme: dark){.lg-light{display:none}.lg-dark{display:block}}

/* כפתורים */
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:14px;background:var(--blue);color:#fff;
  text-decoration:none;border:0;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 24px -12px rgba(47,91,255,.8);transition:transform .15s,filter .2s,box-shadow .2s}
.btn:hover{filter:brightness(1.06);box-shadow:0 14px 30px -12px rgba(47,91,255,.9)}.btn:active{transform:scale(.98)}
.btn.sm{min-height:44px;padding:8px 18px;font-size:.95rem}
.btn.lg{min-height:58px;padding:15px 30px;font-size:1.1rem;border-radius:16px}
.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.light{background:#fff;color:#1f3fd1;box-shadow:0 12px 30px -12px rgba(0,0,0,.4)}
@media (prefers-color-scheme: dark){.btn{color:#0b0b0f}.btn.ghost{color:var(--ink)}}

/* סרגל עליון */
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(20px,calc((100% - 1120px)/2));
  background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-bottom-color:var(--line)}
.brand img{height:26px;width:auto}
.links{display:flex;gap:28px}
.links a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.97rem}
.links a:hover{color:var(--blue)}

/* פתיחה */
.hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding-top:72px!important;padding-bottom:96px!important}
.hero::before{content:"";position:absolute;inset:-80px -40vw 0;z-index:-1;
  background:radial-gradient(600px 420px at 22% 38%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 70%),
             radial-gradient(700px 500px at 85% 10%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 70%)}
.hero-star{position:absolute;width:520px;height:520px;left:-120px;top:20px;z-index:-1;fill:none;stroke:var(--blue);stroke-width:.35;opacity:.18}
.eyebrow{display:inline-block;color:var(--blue-ink);background:var(--blue-soft);font-weight:700;font-size:.92rem;padding:6px 14px;border-radius:999px;margin:0 0 22px}
.hero h1{font-family:var(--serif);font-size:clamp(2.4rem,5.6vw,4.1rem);font-weight:900;letter-spacing:-.01em;line-height:1.1}
.hero h1 em{font-style:normal;color:var(--blue)}
.lead{font-size:1.2rem;color:var(--ink-2);margin:22px 0 0;max-width:34em}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:26px 0 0;color:var(--muted);font-weight:500;font-size:.98rem}
.trust li{display:flex;align-items:center;gap:6px}.trust .ic{color:var(--blue)}

.phone{border-radius:38px;padding:9px;background:#0d0d12;box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 40px 70px -30px rgba(15,23,41,.55),0 12px 24px -12px rgba(15,23,41,.3)}
.phone img{border-radius:30px;width:100%;height:auto}
.hero-visual{position:relative;height:620px}
.hero-visual .phone{position:absolute;width:290px}
.hero-visual .front{left:50%;top:0;transform:translateX(-62%) rotate(-3deg);z-index:2}
.hero-visual .back{left:50%;top:60px;transform:translateX(-6%) rotate(5deg);opacity:.95;filter:saturate(.9)}
.toast{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow);font-size:.92rem}
.toast .ic{width:22px;height:22px;color:var(--blue);background:var(--blue-soft);padding:8px;box-sizing:content-box;border-radius:12px}
.toast b{display:block;font-size:.98rem}.toast span{color:var(--muted);line-height:1.35}.toast span b{color:var(--ink)}
.toast.t1{top:120px;right:-6px}
.toast.t2{bottom:70px;left:-10px}
@media (prefers-reduced-motion: no-preference){
  .toast{animation:float 6s ease-in-out infinite}.toast.t2{animation-delay:-3s}
  @keyframes float{50%{transform:translateY(-8px)}}
}

/* מכתב */
.letter{max-width:760px!important;text-align:center;padding-top:40px!important}
.letter h2{margin-bottom:22px}
.letter p{font-size:1.15rem;color:var(--ink-2);margin:0 0 16px}
.letter .sign{font-family:var(--serif);font-size:1.25rem;color:var(--ink);margin-top:26px}
.letter::after{content:"";display:block;width:56px;height:2px;background:var(--blue);margin:40px auto 0;border-radius:2px;opacity:.6}

/* יום אחד */
.day-grid{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start}
.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;top:10px;bottom:10px;right:9px;width:2px;background:linear-gradient(var(--blue),color-mix(in srgb,var(--blue) 10%,transparent))}
.moment{position:relative;padding:0 44px 64px 0;min-height:200px}
.moment::before{content:"";position:absolute;right:0;top:8px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:3px solid var(--blue);box-sizing:border-box;transition:background .3s,transform .3s}
.moment.on::before{background:var(--blue);transform:scale(1.15)}
.moment time{display:block;font-family:var(--serif);font-weight:900;font-size:2.3rem;color:var(--blue);line-height:1;margin-bottom:10px}
.moment h3{font-size:1.45rem}
.moment p{color:var(--ink-2);margin:6px 0 0;font-size:1.08rem;max-width:34em}
.moment .mini{display:none}
.sticky-phone{position:sticky;top:110px}
.sticky-phone .phone{width:320px}
.sticky-phone img{transition:opacity .35s}
.sticky-phone img.fade{opacity:0}

/* מספרים */
.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:36px 12px!important;box-shadow:var(--shadow);margin:0 auto!important;max-width:1080px!important}
.numbers div{text-align:center;padding:4px 10px}
.numbers div+div{border-right:1px solid var(--line)}
.numbers b{display:block;font-family:var(--serif);font-size:3rem;font-weight:900;color:var(--blue);line-height:1.05}
.numbers span{color:var(--muted);font-weight:500}

/* מה יש בפנים */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fgrid article{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s}
.fgrid article:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--blue) 30%,var(--line))}
.fgrid p{color:var(--ink-2);margin:0;font-size:1rem}

/* ליווי אישי */
.personal{max-width:none!important;padding:0 20px!important}
.personal-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:center;
  background:linear-gradient(140deg,#13205e,#0b0f2a 70%);color:#fff;border-radius:36px;padding:64px;position:relative;overflow:hidden}
.personal-in::before{content:"";position:absolute;width:520px;height:520px;left:-160px;bottom:-200px;background:radial-gradient(circle,rgba(125,151,255,.28),transparent 65%)}
.personal-in>*{position:relative}
.personal h2{font-size:clamp(1.7rem,3.6vw,2.4rem);margin-bottom:16px}
.personal p{color:#d4daf5;font-size:1.1rem;margin:0}
.kicker.light{color:#9fb3ff}
.plist{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.plist li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 18px;color:#d4daf5;font-size:.98rem;line-height:1.5}
.plist b{display:block;color:#fff;font-size:1.05rem;margin-bottom:2px}
.personal .note{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600}
.personal .phone{width:280px;justify-self:center}

/* למי */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wgrid div{background:var(--bg-2);border-radius:22px;padding:26px;border-right:4px solid var(--blue)}
.wgrid b{display:block;font-size:1.15rem;margin-bottom:6px}
.wgrid span{color:var(--ink-2)}

/* נוחות */
.ease{text-align:center;padding-top:0!important}
.ease h2{margin-bottom:36px}
.egrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.egrid div{display:flex;flex-direction:column;align-items:center;padding:22px 14px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.egrid .fi{margin-bottom:12px}
.egrid b{font-size:1.1rem}.egrid span{color:var(--muted);font-size:.95rem}

/* פרטיות */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pgrid div{background:var(--blue-soft);border-radius:22px;padding:28px}
.pgrid b{display:block;font-size:1.18rem;margin-bottom:6px;color:var(--blue-ink)}
.pgrid span{color:var(--ink-2)}

/* התקנה */
.install{text-align:center;background:var(--bg-2);max-width:none!important;padding-left:max(20px,calc((100% - 1080px)/2))!important;padding-right:max(20px,calc((100% - 1080px)/2))!important}
#installBtn{margin:-16px 0 32px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:start}
.step{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px}
.step.mine{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue) inset}
.step.mine h3::after{content:" · המכשיר שלך";font-size:.85rem;color:var(--blue);font-weight:700}
.step ol{margin:0;padding-inline-start:20px;color:var(--ink-2)}
.step li{margin:7px 0}
.k{display:inline-block;min-width:1.6em;text-align:center;background:var(--surface-2);border-radius:6px;padding:0 4px;font-weight:700}

/* שאלות */
.faq{max-width:800px!important}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:12px;transition:border-color .2s}
.faq details[open]{border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}
.faq summary{cursor:pointer;padding:20px 22px;font-weight:700;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue);font-size:1.5rem;line-height:1;font-weight:500}
.faq details[open] summary::after{content:"−"}
.faq p{margin:0;padding:0 22px 20px;color:var(--ink-2)}

/* סיום */
.final{position:relative;overflow:hidden;text-align:center;background:linear-gradient(135deg,#2f5bff,#1f3fd1 60%,#1a2fa8);color:#fff;border-radius:36px;padding:80px 24px!important;margin:24px auto 88px!important;max-width:1080px!important}
.final-star{position:absolute;width:420px;height:420px;right:-90px;top:-110px;fill:none;stroke:#fff;stroke-width:.4;opacity:.22}
.final h2{color:#fff;margin-bottom:12px;position:relative}
.final p{color:#dfe6ff;font-size:1.15rem;margin:0 0 30px;position:relative}
.final .btn{position:relative}
@media (max-width:1120px){.final{margin:24px 20px 88px!important}}

.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:36px max(20px,calc((100% - 1120px)/2)) 48px;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}
.foot-brand{display:flex;flex-direction:column;gap:8px}
.foot-brand img{height:22px;width:auto}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--blue)}

/* הופעה רכה בגלילה */
@media (prefers-reduced-motion: no-preference){
  .js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
  .js .reveal.in{opacity:1;transform:none}
}

/* טאבלט */
@media (max-width:980px){
  .links{display:none}
  .hero{grid-template-columns:1fr;text-align:center;gap:40px}
  .lead{margin-inline:auto}
  .cta,.trust{justify-content:center}
  .hero-visual{height:540px;max-width:480px;width:100%;margin:0 auto}
  .hero-visual .phone{width:250px}
  .day-grid{grid-template-columns:1fr}
  .sticky-phone{display:none}
  .moment .mini{display:block;width:220px;margin-top:22px}
  .personal-in{grid-template-columns:1fr;padding:44px 28px}
  .personal .phone{width:240px}
  .fgrid,.wgrid{grid-template-columns:1fr 1fr}
  .egrid{grid-template-columns:1fr 1fr}
}
/* טלפון */
@media (max-width:640px){
  body{font-size:16.5px}
  main>section{padding:64px 16px}
  .nav{padding:10px 16px}
  .hero{padding-top:40px!important}
  .hero-star{width:340px;height:340px;left:-140px}
  .hero-visual{height:470px}
  .hero-visual .phone{width:200px}
  .hero-visual .front{transform:translateX(-78%) rotate(-3deg)}
  .hero-visual .back{transform:translateX(-18%) rotate(5deg)}
  .toast{font-size:.85rem;padding:10px 12px}
  .toast.t1{right:0;top:90px}.toast.t2{left:0;bottom:40px}
  .cta .btn{width:100%}
  .numbers{grid-template-columns:1fr 1fr;row-gap:24px;margin:0 16px!important}
  .numbers div:nth-child(3){border-right:0}
  .fgrid,.wgrid,.pgrid,.steps,.plist{grid-template-columns:1fr}
  .personal{padding:0 16px!important}
  .personal-in{padding:36px 22px;border-radius:28px}
  .moment{padding-right:36px}
  .moment time{font-size:2rem}
  .final{margin:16px 16px 64px!important;padding:56px 20px!important}
  .foot{flex-direction:column;align-items:flex-start}
}
@media (max-width:360px){.nav .btn{padding:8px 12px;font-size:.88rem}.brand img{height:22px}}

/* סרטון */
.video{padding-top:24px!important}
.video-in{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:center;background:var(--bg-2);border-radius:36px;padding:48px 56px}
.video-text p:last-child{color:var(--ink-2);font-size:1.12rem;margin:14px 0 0}
.phone.vid{width:300px;justify-self:center}
.phone.vid video{display:block;width:100%;height:auto;border-radius:30px;background:#0b0b0f}
@media (max-width:980px){.video-in{grid-template-columns:1fr;text-align:center;padding:36px 22px}.phone.vid{width:260px}}
@media (max-width:640px){.video{padding-top:8px!important}}

/* שותפות בזיכוי הרבים */
.partners{max-width:none!important;padding:24px 20px 88px!important}
.partners-in{position:relative;overflow:hidden;max-width:1120px;margin:0 auto;border-radius:36px;padding:72px 56px;color:#fff;
  background:radial-gradient(900px 500px at 85% 0%,rgba(125,151,255,.35),transparent 60%),linear-gradient(150deg,#1f3fd1,#13205e 55%,#0b0f2a)}
.partners-star{position:absolute;width:560px;height:560px;left:-160px;bottom:-200px;fill:none;stroke:#fff;stroke-width:.35;opacity:.16}
.partners .sec-head{position:relative;margin-bottom:40px}
.partners .sec-head h2{color:#fff}
.partners .sec-head .sub{color:#d4daf5}
.ways{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ways div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px}
.ways .fi{stroke:#b8c7ff}
.ways b{display:block;font-size:1.15rem;margin-bottom:6px}
.ways span{color:#d4daf5;font-size:.98rem;line-height:1.55}
.partners-cta{position:relative;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-top:40px}
.mailcopy{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:12px 20px;border-radius:16px;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.mailcopy small{background:rgba(255,255,255,.15);border-radius:8px;padding:3px 10px;font-size:.85rem}
.mailcopy.done small{background:#fff;color:#1f3fd1}
.pnote{position:relative;text-align:center;color:#b8c3ea;margin:16px 0 0;font-size:.95rem}
@media (max-width:980px){.ways{grid-template-columns:1fr 1fr}.partners-in{padding:48px 24px}}
@media (max-width:640px){.ways{grid-template-columns:1fr}.partners{padding:8px 16px 64px!important}.partners-in{border-radius:28px;padding:40px 20px}.partners-cta .btn,.mailcopy{width:100%;justify-content:center}.mailcopy span{font-size:.9rem}}
.skip{position:absolute;right:12px;top:-60px;z-index:30;background:var(--blue);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
@media (prefers-color-scheme: dark){.skip{color:#0b0b0f}}