:root{--navy:#0b1f3a;--teal:#12858f;--gold:#c99b3f;--cream:#f4f0e6;--ink:#182332;--muted:#657184;--card:#fffdf8;--line:#e6dfd2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.site-header{height:72px;background:var(--navy);display:flex;align-items:center;padding:0 max(20px,calc((100% - 1180px)/2));gap:34px;position:sticky;top:0;z-index:5;box-shadow:0 4px 20px #0b1f3a25}.brand{color:#fff;text-decoration:none;font-size:1.35rem;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand b{color:#f6e3b4}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:1.4rem}nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap}nav a{color:#e8eff5;text-decoration:none;padding:8px 11px;border-radius:8px;font-size:.92rem}nav a:hover,nav a.active{background:#ffffff18;color:#f6e3b4}.nav-admin{border:1px solid #ffffff3b}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:1.5rem}.wrap{max-width:1180px;margin:auto;padding:0 20px}.hero{background:linear-gradient(135deg,#0b1f3a 5%,#12858f 100%);color:#fff;padding:75px 0 88px;position:relative;overflow:hidden}.hero:after{content:'חי';position:absolute;right:8%;bottom:-55px;color:#ffffff12;font-size:16rem;font-weight:800}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.eyebrow{color:#f6e3b4;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700}.hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.03;margin:14px 0 20px;max-width:750px}.hero p{font-size:1.15rem;color:#e4f2f3;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer;background:var(--gold);color:var(--navy)}.button.secondary{background:#ffffff18;color:white;border:1px solid #ffffff55}.hero-card{background:#ffffff12;border:1px solid #ffffff30;border-radius:18px;padding:24px;backdrop-filter:blur(5px)}.hero-card strong{display:block;font-size:1.4rem;color:#f6e3b4}.section{padding:56px 0}.section h2{font-size:2rem;color:var(--navy);margin:0 0 8px}.section-intro{color:var(--muted);margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 5px 18px #0b1f3a08}.card h3{color:var(--navy);margin:7px 0}.card p{color:#536072;margin:0}.icon{font-size:1.8rem}.tag{display:inline-block;background:#e7f3f2;color:#08717a;padding:4px 9px;border-radius:99px;font-size:.76rem;font-weight:700;margin-right:5px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.search{flex:1;min-width:230px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff}.select{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.video-link{color:var(--teal);font-weight:700;text-decoration:none}.radio-live{background:linear-gradient(120deg,#0b1f3a,#174571);color:white;border-radius:18px;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e67a62;margin-right:7px}.empty{padding:30px;text-align:center;border:1px dashed #c9c0b1;border-radius:12px;color:var(--muted)}.admin{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}.status{font-size:.8rem;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px max(20px,calc((100% - 1180px)/2));background:var(--navy);color:#cbd8e2;font-size:.86rem}footer span:first-child{color:#f6e3b4;font-weight:700}@media(max-width:800px){.site-header{justify-content:space-between}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy);padding:12px 20px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{padding:55px 0}.radio-live{display:block}.radio-live .button{margin-top:18px}}.hebrew{font-family:serif;font-size:1.45rem;line-height:2.1;color:#0b1f3a;padding:8px 0}
.device-preview{display:flex;gap:18px;align-items:end;justify-content:center;margin-top:28px;flex-wrap:wrap}.device{background:#0b1f3a;color:#f6e3b4;border:8px solid #1e3555;border-radius:16px;padding:18px;box-shadow:0 12px 30px #0b1f3a33;display:flex;align-items:center;justify-content:center;text-align:center}.desktop{width:360px;height:210px}.tablet{width:190px;height:250px}.phone{width:112px;height:220px;border-radius:22px;padding:12px}
.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:10px;background:#fff;box-shadow:0 2px 8px #0002}

/* Stark UX pass: resilient navigation, focus states, and responsive reading layout */
:root {
  --content-gutter: clamp(16px, 4vw, 32px);
  --focus-ring: 0 0 0 3px var(--cream), 0 0 0 5px var(--gold);
}

html { scroll-behavior: smooth; }
body { min-width: 320px; overflow-x: hidden; }
.site-header {
  min-height: 72px;
  height: auto;
  padding-left: max(var(--content-gutter), env(safe-area-inset-left));
  padding-right: max(var(--content-gutter), env(safe-area-inset-right));
  padding-top: env(safe-area-inset-top);
}

:where(a, button, input, select, textarea):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
nav a:focus-visible,
.menu-toggle:focus-visible,
.button:focus-visible,
.video-link:focus-visible { position: relative; z-index: 1; }
.menu-toggle { min-width: 44px; min-height: 44px; padding: 8px; border-radius: 8px; }

.cards { align-items: stretch; }
.card { min-width: 0; height: 100%; overflow-wrap: anywhere; }
.card h3 { line-height: 1.25; }
.card p { line-height: 1.6; }
.readable { max-width: 78ch; }
.search, .select { min-height: 46px; color: var(--ink); }

@media (min-width: 801px) and (max-width: 1080px) {
  .site-header { gap: 18px; }
  nav { gap: 2px; }
  nav a { padding-left: 8px; padding-right: 8px; }
  .wrap { padding-left: var(--content-gutter); padding-right: var(--content-gutter); }
  .hero-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1081px) {
  .section > .wrap { padding-left: 28px; padding-right: 28px; }
  .card { padding: 24px; }
}

@media (max-width: 800px) {
  .site-header { min-height: calc(72px + env(safe-area-inset-top)); }
  nav {
    top: calc(72px + env(safe-area-inset-top));
    padding: 12px max(var(--content-gutter), env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom)) max(var(--content-gutter), env(safe-area-inset-right));
    max-height: calc(100dvh - 72px - env(safe-area-inset-top));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  nav a { min-height: 44px; display: flex; align-items: center; }
  .wrap { padding-left: var(--content-gutter); padding-right: var(--content-gutter); }
  .hero { padding-top: 48px; padding-bottom: 60px; }
  .hero h1 { font-size: clamp(2.15rem, 10vw, 3.4rem); }
  .hero-card, .radio-live, .admin { padding: 22px; }
  .section { padding-top: 44px; padding-bottom: 44px; }
  .section h2 { font-size: clamp(1.65rem, 7vw, 2rem); }
  .toolbar { align-items: stretch; }
  .search, .select { width: 100%; min-width: 0; }
  .button { min-height: 46px; }
  footer {
    padding-left: max(var(--content-gutter), env(safe-area-inset-left));
    padding-right: max(var(--content-gutter), env(safe-area-inset-right));
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}