/* Covers · האתר הראשי */
:root{
  --night:#0F241C; --night-2:#133026; --line:#23463A; --line-soft:#3C6252;
  --linen:#EEF2EE; --mist:#C6D6CD; --faint:#8FAA9C;
  --paper:#D6D9D7; --paper-2:#E7E9E8; --paper-line:#B4BAB6; --ink:#10241C; --ink-2:#3F564B; --brand:#1D6847;
  --mint:#6FCB98; --mint-ink:#0B1F17; --blue:#7FA8F0; --amber:#F2B544; --coral:#FF7A6B; --empty:#3A5A4D;
  --display:'Karantina','Arial Narrow',sans-serif;
  --body:'IBM Plex Sans Hebrew','Assistant',Arial,sans-serif;
  --logo:'Bricolage Grotesque',Arial,sans-serif;
  --wrap:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--night);color:var(--linen);font-family:var(--body);font-size:17px;line-height:1.6}
h1,h2,h3,p,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
a{color:var(--mint)}
a:hover{color:#A6E5C2}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.light :focus-visible{outline-color:var(--brand)}
button{font:inherit;cursor:pointer}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
.display{font-family:var(--display);font-weight:700;line-height:.85;letter-spacing:-.5px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* סרגל עליון */
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-block:22px}
.logo{display:block;line-height:0}
.logo svg{width:128px;height:36px;direction:ltr}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;font-size:16px}
.nav a{color:var(--mist);text-decoration:none}
.nav a:hover{color:var(--linen)}
.nav .pill{color:var(--night);background:var(--linen);font-weight:700;padding:10px 20px;border-radius:999px}
.nav .pill:hover{color:var(--night);background:#fff}

/* כפתורים */
.btn{display:inline-block;text-decoration:none;font-weight:700;font-size:18px;padding:16px 28px;border-radius:999px;border:0;line-height:1.3}
.btn-mint{background:var(--mint);color:var(--mint-ink)}
.btn-mint:hover{background:#86D7AA;color:var(--mint-ink)}
.btn-ink{background:var(--ink);color:var(--linen);width:100%}
.btn-ink:hover{background:#1A3A2D}
.btn-ghost{background:transparent;color:var(--linen);border:1px solid var(--line-soft);font-weight:600}
.btn-ghost:hover{color:var(--linen);border-color:var(--mint)}
.link-plain{color:var(--linen);text-decoration:none;font-weight:600;font-size:18px;padding:16px 8px}

/* גיבור */
.hero{padding-top:48px}
.hero h1{font-size:clamp(72px,12vw,184px);line-height:.8;max-width:11ch}
.hero-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-top:32px}
.hero-row p{font-size:21px;line-height:1.55;color:var(--mist);max-width:36ch}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.plan{margin-top:56px;border:1px solid var(--line);border-bottom:0;border-radius:36px 36px 0 0;padding:40px 40px 56px;background:var(--night-2)}
.plan-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;color:var(--faint);font-size:14px}
.plan-top span{border:1px dashed var(--line-soft);border-radius:10px;padding:8px 24px}
.plan-top span:first-child{padding-inline:40px}
.tables{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 12px;justify-items:center}
.tables svg{display:block;width:100%;max-width:68px;height:auto}
.plan-foot{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px}
.legend{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--mist)}
.legend span{display:flex;align-items:center;gap:8px}
.legend i{width:12px;height:12px;border-radius:50%;display:inline-block}
.alert-line{font-size:16px;color:#FFB3A9;max-width:44ch}

/* אזורים בהירים */
.light{background:var(--paper);color:var(--ink)}
.light .muted{color:var(--ink-2)}

/* ערב אחד */
.evening-head{padding-block:112px 40px}
.evening-head h2{font-size:clamp(56px,7vw,104px);max-width:14ch}
.evening-head p{margin-top:24px;font-size:20px;max-width:52ch}
.moments{padding-bottom:112px}
.moment{border-top:1px solid var(--paper-line);padding-block:48px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px 56px}
.moment time{flex:0 0 220px;font-family:var(--display);font-weight:300;font-size:112px;line-height:.8;direction:ltr;text-align:right}
.moment time.alert{color:#C2321F}
.moment .text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:12px;max-width:54ch}
.moment h3{font-size:28px;line-height:1.25}
.moment p{font-size:18px}
.moment .who{font-size:15px;font-weight:600;color:var(--brand)}
.mini{flex:0 1 300px;background:var(--night-2);border-radius:22px;padding:20px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 6px;justify-items:center}
.mini svg{width:100%;max-width:38px;height:auto;display:block}

/* אזורים כהים עם שתי עמודות */
.split{padding-block:120px;display:flex;flex-wrap:wrap;gap:40px 80px;align-items:flex-start}
.split h2{flex:1 1 420px;font-size:clamp(56px,6.5vw,96px)}
.split .prose{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:20px;font-size:19px;color:var(--mist);max-width:52ch}
.ruled{border-top:1px solid var(--line)}

/* לנסות בעצמך */
.try{padding-block:112px;display:flex;flex-wrap:wrap;gap:40px 80px;align-items:center}
.try .text{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.try h2{font-size:clamp(56px,6.5vw,96px)}
.try p{font-size:19px;color:var(--mist);max-width:46ch}
.tablet-peek{flex:1 1 420px;min-width:0;display:block;background:#1C221F;border-radius:30px;padding:14px;text-decoration:none;box-shadow:0 0 0 1px #2C3A33}
.tablet-peek:hover{box-shadow:0 0 0 2px var(--mint)}
.tablet-peek > span{display:flex;flex-direction:column;gap:14px;background:#0C110E;border-radius:20px;padding:20px;color:var(--linen)}
.peek-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.peek-row b{font-family:var(--display);font-size:40px;line-height:.9}
.chip-amber{background:var(--amber);color:#1A1204;border-radius:12px;padding:10px 18px;font-weight:700;font-size:15px}
.chip-coral{background:#3A1A16;border:1px solid #7A2E25;border-radius:14px;padding:12px 14px;color:#FFB3A9;font-weight:700;font-size:15px}

/* איך מתחילים + טופס */
.start{padding-block:112px;display:flex;flex-wrap:wrap;gap:56px 80px;align-items:flex-start}
.start .text{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:32px}
.start h2{font-size:clamp(64px,8vw,128px);line-height:.82}
.start .text > p{font-size:19px;max-width:44ch}
.steps li{border-top:1px solid var(--paper-line);padding-block:18px;display:flex;gap:20px}
.steps li:last-child{border-bottom:1px solid var(--paper-line)}
.steps b{flex:0 0 150px;font-size:18px}
.form{flex:1 1 400px;min-width:0;background:var(--paper-2);border-radius:32px;padding:36px;display:flex;flex-direction:column;gap:18px}
.form label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:15px}
.form input,.form select{border:1px solid var(--paper-line);border-radius:14px;padding:14px 16px;font:inherit;font-weight:400;color:var(--ink);background:#F2F5F3;width:100%}
.form input[type=tel]{direction:ltr;text-align:right}
.form .btn{margin-top:6px}
.form .note{font-size:14px;color:var(--ink-2);text-align:center}

.foot{padding-block:40px 56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:15px;color:var(--faint)}

@media (max-width:720px){
  .plan{padding:24px 16px 36px;border-radius:24px 24px 0 0}
  .tables{gap:14px 6px}
  .moment time{flex-basis:100%;font-size:88px}
  .mini{flex-basis:100%}
  .steps li{flex-direction:column;gap:4px}
  .steps b{flex-basis:auto}
  .form{padding:24px;border-radius:24px}
}