/* Heebo and Assistant, self-hosted (SIL OFL 1.1, licenses/): the Hebrew and Latin subsets of Google Fonts' variable files. */
@font-face{font-family:"Assistant";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/assistant-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:"Assistant";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/assistant-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:400 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:400 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}

/* The base the page was published with. */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: four calm folds. Navy hero with the real creatives fanned out; a white "need" fold with one big number; the counter shown as a live screen; a short list of everything else. Deliberately one light look with navy bands. */
:root{
  --navy:#0c1a42; --navy-2:#16275c; --coral:#f0644a; --teal:#17b8a0;
  --paper:#ffffff; --mist:#eef2fa; --ink:#0c1a42; --ink-muted:#5a6483; --line:#dbe1ee;
  --on-navy:#eef1f9; --on-navy-muted:#a8b3d3;
  --f-display:"Heebo","Arial Hebrew","Segoe UI",Arial,sans-serif;
  --f-body:"Assistant","Heebo","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:1.25rem;line-height:1.6;direction:rtl}
.wrap{max-width:1080px;margin-inline:auto;padding-inline:24px}
h1,h2{font-family:var(--f-display);font-weight:900;line-height:1.05;margin:0;text-wrap:balance}
h2{font-size:clamp(2rem,4.6vw,3rem)}
p{margin:0}
a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:10px}
.fold{padding-block:clamp(36px,4.5vw,56px);overflow-x:clip}
.eyebrow{font-family:var(--f-display);font-weight:700;font-size:1.1rem;letter-spacing:.03em;color:var(--coral);margin-bottom:10px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:1.2rem;text-decoration:none;padding:16px 28px;border-radius:12px;border:2px solid transparent;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn-coral{background:var(--coral);color:#fff;box-shadow:0 10px 30px -10px rgba(240,100,74,.8)}
.btn-white{background:#fff;color:var(--navy)}
.btn-navy{background:var(--navy);color:#fff}

/* 1. hero */
.hero{background:var(--navy);color:var(--on-navy);overflow:hidden;background-image:radial-gradient(50rem 30rem at 85% 20%,rgba(23,184,160,.18),transparent 60%),radial-gradient(40rem 30rem at 10% 90%,rgba(240,100,74,.16),transparent 60%)}
.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding-block:clamp(32px,4.5vw,56px)}
.hero .copy{min-width:0}
.hero h1{font-size:clamp(3rem,8vw,5.2rem)}
.hero .tag{font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,2.6vw,1.65rem);margin-top:18px}
.hero .tag .a{color:var(--coral)} .hero .tag .b{color:var(--teal)}
.hero .sub{color:var(--on-navy-muted);margin-top:18px;max-width:34ch}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.fan{position:relative;height:clamp(360px,42vw,500px);min-width:0}
.fan img{position:absolute;top:50%;left:50%;border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);max-width:100%;height:auto;transition:transform .35s ease}
.fan .c1{width:38%;transform:translate(-128%,-47%) rotate(-7deg);z-index:0}
.fan .c3{width:36%;transform:translate(35%,-47%) rotate(7deg);z-index:1}
.fan .c2{width:40%;transform:translate(-50%,-50%);z-index:2}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .fan:hover .c1{transform:translate(-138%,-49%) rotate(-9deg)}
  .fan:hover .c3{transform:translate(38%,-49%) rotate(9deg)}
}
.pick{font-family:var(--f-display);font-weight:700;font-size:1.1rem;color:var(--on-navy-muted);margin-top:28px}
.hero .ctas{margin-top:12px}
.hero .ctas .btn{min-width:150px}

/* 2. need */
.need .wrap{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.big{font-family:var(--f-display);font-weight:900;color:var(--coral);font-size:clamp(4.5rem,13vw,9rem);line-height:.9;letter-spacing:-.02em}
.big small{display:block;font-size:.3em;letter-spacing:0;color:var(--ink);margin-top:10px}
.need p{font-size:clamp(1.25rem,2.4vw,1.5rem);max-width:30ch;color:var(--ink-muted)}
.need p b{color:var(--ink)}

/* 3. counter */
.gen{background:var(--mist)}
.counter .wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center}
.counter .copy{min-width:0}
.counter p{color:var(--ink-muted);margin-top:18px;max-width:34ch}
.counter .btn{margin-top:32px}
.cv{position:relative;display:block;padding-bottom:18%;min-width:0;text-decoration:none}
.cv .screen{width:82%}
.screen{display:block;text-decoration:none;min-width:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -30px rgba(12,26,66,.45),0 0 0 1px var(--line);transition:transform .25s}
.phone{position:absolute;left:-2%;bottom:0;width:40%;height:auto;max-width:100%;filter:drop-shadow(0 24px 30px rgba(12,26,66,.35));transition:transform .25s}
.cv:hover .screen{transform:translateY(-4px)}
.cv:hover .phone{transform:translateY(-8px) rotate(-1deg)}
.screen .chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f4f6fb;border-bottom:1px solid var(--line);direction:ltr}
.screen .chrome i{width:10px;height:10px;border-radius:50%;background:#d4d9e6}
.screen .chrome span{margin-inline-start:10px;font-family:var(--f-display);font-size:.9rem;color:var(--ink-muted);background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px 10px}
.screen img{display:block;width:100%;height:auto}

/* 4. generator */
.gen .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.gen .copy{min-width:0}
.gen p{color:var(--ink-muted);margin-top:18px;max-width:34ch}
.gen .btn{margin-top:32px}
.phone.ad{width:34%;left:0;border-radius:14px;border:6px solid #fff;filter:none;box-shadow:0 28px 50px -18px rgba(12,26,66,.5);transform:rotate(-3deg)}
.cv:hover .phone.ad{transform:translateY(-8px) rotate(-4deg)}

/* 5. more */
.more{border-top:1px solid var(--line)}
.more h2{font-size:clamp(1.7rem,3.4vw,2.2rem)}
.list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px;margin-top:16px}
.list a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-family:var(--f-display);font-weight:700;font-size:1.25rem;min-width:0}
.list a:hover{color:var(--coral)}
.list a span{font-weight:400;font-size:.95rem;color:var(--ink-muted);direction:ltr;white-space:nowrap}

/* contact */
.contact{background:var(--navy);color:var(--on-navy)}
.contact .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-block:32px}
.contact p{font-family:var(--f-display);font-weight:700;font-size:1.4rem}
.contact .row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.num{font-family:var(--f-display);font-weight:900;font-size:1.8rem;direction:ltr;unicode-bidi:isolate;user-select:all;font-variant-numeric:tabular-nums}
.copy-btn,.wa{font-family:var(--f-display);font-size:1.05rem;padding:9px 16px;border-radius:8px;border:1px solid #33478a;background:transparent;color:var(--on-navy);cursor:pointer;text-decoration:none}
.wa{background:var(--teal);border-color:var(--teal);color:#06231e;font-weight:700}
footer{background:var(--navy);color:var(--on-navy-muted);font-size:1.05rem;border-top:1px solid #22336e}
footer .wrap{padding-block:22px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
footer a{color:var(--on-navy)}

@media (max-width:820px){
  .hero .wrap,.counter .wrap,.gen .wrap{grid-template-columns:1fr;gap:40px}
  .fan{height:clamp(300px,90vw,420px);order:-1}
  .need .wrap{grid-template-columns:1fr;gap:20px}
  .list{grid-template-columns:1fr}
  .hero .ctas .btn{flex:1 1 200px}
}