/* =========================================================
   AMBER · עגלות חץ — אתר תדמית
   Design system
   ========================================================= */

:root{
  /* --- Palette: asphalt + triple safety system --- */
  --asphalt:      #101318;   /* base night-asphalt */
  --asphalt-2:    #171B22;   /* raised panels */
  --asphalt-3:    #1F242D;   /* cards / inputs */
  --line:         rgba(255,255,255,.09);
  --line-strong:  rgba(255,255,255,.16);

  --amber:        #FFB020;   /* LED amber — the signature */
  --amber-soft:   #FFC85C;
  --amber-glow:   rgba(255,176,32,.55);
  --orange:       #FF7A1A;   /* hazard stripe / safety orange */
  --sign-blue:    #0A5CD6;   /* mandatory-direction blue sign */
  --sign-blue-2:  #0847A8;

  --ink:          #EEF1F5;   /* primary text on dark */
  --ink-dim:      #A7B0BD;   /* secondary text */
  --ink-faint:    #6C7684;

  --radius:       18px;
  --radius-sm:    12px;
  --maxw:         1200px;

  --shadow:       0 24px 60px -20px rgba(0,0,0,.65);
  --ease:         cubic-bezier(.22,.61,.36,1);
}

/* --- Reset --- */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family:"Assistant",system-ui,"Segoe UI",Arial,sans-serif;
  background:var(--asphalt);
  color:var(--ink);
  line-height:1.7;
  font-size:17px;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
h1,h2,h3,h4{
  font-family:"Rubik",sans-serif;
  font-weight:800;
  line-height:1.08;
  margin:0;
  letter-spacing:-.01em;
}

/* --- Utility --- */
.wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:24px; }
.eyebrow{
  font-family:"IBM Plex Mono",monospace;
  font-size:.74rem;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--amber);
  display:inline-flex;
  align-items:center;
  gap:.6em;
  direction:ltr;
}
.eyebrow::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:var(--amber);
  box-shadow:0 0 10px var(--amber-glow);
  animation:pulse-dot 1.6s var(--ease) infinite;
}
@keyframes pulse-dot{ 0%,100%{opacity:1} 50%{opacity:.25} }

.section{ padding:112px 0; position:relative; }
.section-head{ max-width:660px; margin-bottom:56px; }
.section-head h2{
  font-size:clamp(2rem,4.4vw,3.1rem);
  margin:18px 0 16px;
}
.section-head p{ color:var(--ink-dim); font-size:1.08rem; margin:0; }

/* Hazard stripe ribbon (structural motif) */
.hazard{
  height:14px;
  background:repeating-linear-gradient(
    -45deg,
    var(--orange) 0 22px,
    #14161b 22px 44px
  );
  opacity:.92;
}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; gap:.55em;
  padding:15px 28px;
  border-radius:999px;
  font-weight:700;
  font-size:1rem;
  border:1px solid transparent;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s;
  white-space:nowrap;
}
.btn:focus-visible{ outline:3px solid var(--amber); outline-offset:3px; }
.btn-primary{
  background:linear-gradient(180deg,var(--amber-soft),var(--amber));
  color:#241700;
  box-shadow:0 12px 30px -10px var(--amber-glow);
}
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 18px 40px -12px var(--amber-glow); }
.btn-ghost{
  background:transparent;
  color:var(--ink);
  border-color:var(--line-strong);
}
.btn-ghost:hover{ border-color:var(--amber); color:var(--amber); transform:translateY(-2px); }

/* =========================================================
   HEADER / NAV
   ========================================================= */
.site-header{
  position:sticky; top:0; z-index:60;
  background:rgba(16,19,24,.72);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  transition:background .3s;
}
.nav{
  display:flex; align-items:center; justify-content:space-between;
  height:76px;
}
.brand{ display:flex; align-items:center; gap:12px; }
.brand-mark{
  width:40px;height:40px;border-radius:11px;
  background:linear-gradient(160deg,var(--asphalt-3),#0c0e12);
  border:1px solid var(--line-strong);
  display:grid; place-items:center;
  position:relative;
}
.brand-mark::after{ /* mini arrow made of dots */
  content:"";
  width:18px;height:18px;
  background:
    radial-gradient(circle,var(--amber) 42%,transparent 46%) 0 6px/6px 6px no-repeat,
    radial-gradient(circle,var(--amber) 42%,transparent 46%) 6px 6px/6px 6px no-repeat,
    radial-gradient(circle,var(--amber) 42%,transparent 46%) 12px 6px/6px 6px no-repeat,
    radial-gradient(circle,var(--amber) 42%,transparent 46%) 6px 0/6px 6px no-repeat,
    radial-gradient(circle,var(--amber) 42%,transparent 46%) 6px 12px/6px 6px no-repeat;
  filter:drop-shadow(0 0 4px var(--amber-glow));
  transform:scaleX(-1);
}
.brand-name{ font-family:"Rubik",sans-serif; font-weight:800; font-size:1.3rem; letter-spacing:.02em; }
.brand-name span{ color:var(--amber); }
.brand-sub{ display:block; font-size:.62rem; letter-spacing:.24em; color:var(--ink-faint);
  font-family:"IBM Plex Mono",monospace; text-transform:uppercase; margin-top:-2px; direction:ltr; }

.nav-links{ display:flex; align-items:center; gap:6px; list-style:none; margin:0; padding:0; }
.nav-links a{
  padding:9px 15px; border-radius:9px; color:var(--ink-dim);
  font-weight:600; font-size:.98rem; transition:color .2s, background .2s;
}
.nav-links a:hover{ color:var(--ink); background:var(--asphalt-3); }
.nav-cta{ display:flex; align-items:center; gap:14px; }
.nav-phone{ color:var(--ink); font-weight:700; font-family:"IBM Plex Mono",monospace;
  font-size:.95rem; direction:ltr; display:flex; align-items:center; gap:7px; }
.nav-phone svg{ width:16px;height:16px;fill:var(--amber); }

.nav-toggle{
  display:none; background:none; border:1px solid var(--line-strong);
  border-radius:10px; width:46px;height:46px; padding:0; place-items:center;
}
.nav-toggle span{ display:block; width:20px;height:2px;background:var(--ink); position:relative; }
.nav-toggle span::before,.nav-toggle span::after{
  content:""; position:absolute; left:0; width:20px;height:2px;background:var(--ink);
  transition:transform .3s var(--ease), top .3s;
}
.nav-toggle span::before{ top:-6px; } .nav-toggle span::after{ top:6px; }

/* =========================================================
   HERO
   ========================================================= */
.hero{ position:relative; overflow:hidden; padding:60px 0 100px; }
.hero::before{ /* ambient amber wash */
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(700px 500px at 78% 30%, rgba(255,176,32,.16), transparent 60%),
    radial-gradient(600px 500px at 10% 90%, rgba(10,92,214,.14), transparent 60%);
  pointer-events:none;
}
.hero-grid{
  position:relative;
  display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;
}
.hero-copy .eyebrow{ margin-bottom:22px; }
.hero-copy h1{
  font-size:clamp(2.5rem,6vw,4.6rem);
  font-weight:900;
  line-height:1.02;
  margin-bottom:22px;
}
.hero-copy h1 .hl{ color:var(--amber); }
.hero-copy .lead{ font-size:1.22rem; color:var(--ink-dim); max-width:30ch; margin:0 0 34px; }
.hero-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:40px; }
.hero-trust{ display:flex; gap:34px; flex-wrap:wrap; }
.hero-trust .t-num{ font-family:"IBM Plex Mono",monospace; font-size:1.9rem; font-weight:600;
  color:var(--ink); line-height:1; direction:ltr; }
.hero-trust .t-num b{ color:var(--amber); }
.hero-trust .t-lab{ font-size:.86rem; color:var(--ink-faint); margin-top:6px; }

/* =========================================================
   LED ARROW BOARD (signature)
   ========================================================= */
.board-stage{ display:flex; flex-direction:column; align-items:center; gap:20px; }
.board{
  --hz:14px;
  width:min(100%,430px);
  padding:var(--hz);
  border-radius:16px;
  background:repeating-linear-gradient(45deg,var(--orange) 0 20px,#111318 20px 40px);
  box-shadow:var(--shadow), 0 0 0 1px rgba(0,0,0,.4);
  position:relative;
}
.board-screen{
  background:radial-gradient(120% 120% at 50% 0%, #14161b, #0a0b0e);
  border-radius:8px;
  padding:22px 18px;
  border:1px solid rgba(0,0,0,.6);
  box-shadow:inset 0 2px 14px rgba(0,0,0,.7);
}
.led-matrix{
  display:grid;
  gap:clamp(4px,1.6vw,9px);
  justify-content:center;
}
.led{
  width:100%; aspect-ratio:1; border-radius:50%;
  background:#20242c;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  transition:background .25s, box-shadow .25s;
}
.led.on{
  background:radial-gradient(circle at 38% 34%, var(--amber-soft), var(--amber) 55%, #b06d00 100%);
  box-shadow:0 0 8px 1px var(--amber-glow), inset 0 0 3px rgba(255,255,255,.5);
  animation:chase 1.5s linear infinite;
  animation-delay:var(--d,0s);
}
@keyframes chase{
  0%,72%,100%{ filter:brightness(1); }
  84%{ filter:brightness(1.85) saturate(1.2); box-shadow:0 0 16px 3px var(--amber-glow); }
}
.board.flash .led.on{ animation:blink .55s steps(1) infinite; }
@keyframes blink{ 0%,50%{opacity:1} 51%,100%{opacity:.12} }

/* blue mandatory sign strip under the matrix */
.board-sign{
  margin-top:16px; display:flex; align-items:center; gap:14px;
  padding:12px 14px; border-radius:8px;
  background:linear-gradient(180deg,#15181e,#0d0f13);
  border:1px solid var(--line);
}
.sign-disc{
  width:46px;height:46px;border-radius:50%;
  background:var(--sign-blue);
  border:3px solid #fff;
  display:grid; place-items:center; flex:none;
  box-shadow:0 4px 14px rgba(10,92,214,.5);
}
.sign-disc svg{ width:24px;height:24px;fill:#fff; }
.board-sign .s-txt b{ display:block; font-family:"Rubik",sans-serif; font-size:.95rem; }
.board-sign .s-txt small{ color:var(--ink-faint); font-size:.78rem; }

/* controller */
.board-ctrl{ display:flex; gap:8px; background:var(--asphalt-2);
  padding:6px; border-radius:999px; border:1px solid var(--line); }
.board-ctrl button{
  border:none; background:transparent; color:var(--ink-dim);
  padding:9px 16px; border-radius:999px; font-weight:700; font-size:.9rem;
  display:flex; align-items:center; gap:6px; transition:all .2s;
}
.board-ctrl button.active{ background:var(--amber); color:#241700; }
.board-ctrl button:hover:not(.active){ color:var(--ink); }
.board-ctrl button:focus-visible{ outline:2px solid var(--amber); outline-offset:2px; }

/* =========================================================
   MARQUEE (clients / keywords)
   ========================================================= */
.marquee{ border-block:1px solid var(--line); background:var(--asphalt-2); overflow:hidden; }
.marquee-track{
  display:flex; gap:56px; padding:20px 0; width:max-content;
  animation:scroll-x 26s linear infinite;
}
.marquee-track span{ font-family:"IBM Plex Mono",monospace; color:var(--ink-faint);
  font-size:.9rem; letter-spacing:.12em; text-transform:uppercase; display:flex; align-items:center; gap:56px; }
.marquee-track span::after{ content:"◆"; color:var(--amber); font-size:.6rem; }
@keyframes scroll-x{ to{ transform:translateX(50%); } }

/* =========================================================
   ADVANTAGES
   ========================================================= */
.adv-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.adv-card{
  background:var(--asphalt-2);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:30px 26px;
  transition:transform .35s var(--ease), border-color .35s, box-shadow .35s;
  position:relative; overflow:hidden;
}
.adv-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,var(--amber),transparent);
  transform:scaleX(0); transform-origin:right; transition:transform .4s var(--ease);
}
.adv-card:hover{ transform:translateY(-6px); border-color:var(--line-strong);
  box-shadow:0 20px 44px -24px rgba(0,0,0,.8); }
.adv-card:hover::before{ transform:scaleX(1); }
.adv-icon{
  width:52px;height:52px;border-radius:14px; margin-bottom:20px;
  display:grid; place-items:center;
  background:radial-gradient(circle at 40% 35%, rgba(255,176,32,.22), rgba(255,176,32,.06));
  border:1px solid rgba(255,176,32,.25);
}
.adv-icon svg{ width:26px;height:26px;fill:none;stroke:var(--amber);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round; }
.adv-card h3{ font-size:1.24rem; margin-bottom:10px; }
.adv-card p{ color:var(--ink-dim); font-size:.98rem; margin:0; }
.adv-num{ position:absolute; top:22px; left:24px; font-family:"IBM Plex Mono",monospace;
  color:var(--ink-faint); font-size:.8rem; direction:ltr; }

/* =========================================================
   SPEC / INSTRUMENT PANEL
   ========================================================= */
.spec{ background:var(--asphalt-2); border-block:1px solid var(--line); }
.spec-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.spec-list{ display:grid; grid-template-columns:1fr 1fr; gap:1px;
  background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.spec-item{ background:var(--asphalt); padding:24px 22px; }
.spec-item .k{ font-family:"IBM Plex Mono",monospace; font-size:.72rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink-faint); direction:ltr; }
.spec-item .v{ font-family:"Rubik",sans-serif; font-size:1.9rem; font-weight:800; margin-top:8px;
  direction:ltr; }
.spec-item .v small{ font-size:.9rem; color:var(--amber); font-weight:600; }
.spec-copy h2{ font-size:clamp(1.9rem,4vw,2.8rem); margin:14px 0 16px; }
.spec-copy p{ color:var(--ink-dim); margin:0 0 26px; }
.spec-feats{ list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.spec-feats li{ display:flex; gap:12px; align-items:flex-start; color:var(--ink); }
.spec-feats svg{ width:22px;height:22px;flex:none;fill:none;stroke:var(--amber);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;margin-top:3px; }

/* =========================================================
   MODELS
   ========================================================= */
.models-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.model{
  background:var(--asphalt-2); border:1px solid var(--line);
  border-radius:var(--radius); overflow:hidden;
  transition:transform .35s var(--ease), border-color .35s;
}
.model:hover{ transform:translateY(-6px); border-color:var(--amber); }
.model-top{
  height:180px; position:relative;
  background:
    repeating-linear-gradient(45deg, rgba(255,122,26,.14) 0 16px, transparent 16px 32px),
    radial-gradient(120% 120% at 50% 120%, var(--asphalt-3), var(--asphalt));
  display:grid; place-items:center;
  border-bottom:1px solid var(--line);
}
.model-mini{ display:grid; gap:5px; padding:14px;
  background:#0b0d10; border-radius:10px; box-shadow:inset 0 0 12px rgba(0,0,0,.7); }
.model-mini .r{ display:flex; gap:5px; justify-content:center; }
.model-mini i{ width:10px;height:10px;border-radius:50%;background:#23272f; }
.model-mini i.on{ background:radial-gradient(circle at 40% 35%,var(--amber-soft),var(--amber));
  box-shadow:0 0 6px var(--amber-glow); }
.model-body{ padding:24px 24px 28px; }
.model-tag{ font-family:"IBM Plex Mono",monospace; font-size:.72rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--amber); direction:ltr; }
.model-body h3{ font-size:1.35rem; margin:10px 0 12px; }
.model-body p{ color:var(--ink-dim); font-size:.96rem; margin:0 0 18px; }
.model-specs{ list-style:none; padding:0; margin:0 0 20px; display:grid; gap:9px; }
.model-specs li{ display:flex; justify-content:space-between; font-size:.92rem;
  padding-bottom:9px; border-bottom:1px dashed var(--line); color:var(--ink-dim); }
.model-specs li b{ color:var(--ink); font-family:"IBM Plex Mono",monospace; direction:ltr; }
.model-link{ color:var(--amber); font-weight:700; display:inline-flex; align-items:center; gap:6px; }
.model-link svg{ width:16px;height:16px;fill:var(--amber);transition:transform .2s; }
.model:hover .model-link svg{ transform:translateX(-4px); }

/* =========================================================
   PROCESS
   ========================================================= */
.process{ background:var(--asphalt-2); border-block:1px solid var(--line); }
.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.step{ padding:8px 26px 8px 0; position:relative; }
.step:not(:first-child){ border-inline-start:1px solid var(--line); padding-inline-start:26px; }
.step-n{ font-family:"IBM Plex Mono",monospace; font-size:2.6rem; font-weight:600;
  color:transparent; -webkit-text-stroke:1.5px var(--amber); direction:ltr; line-height:1; }
.step h3{ font-size:1.2rem; margin:16px 0 10px; }
.step p{ color:var(--ink-dim); font-size:.95rem; margin:0; }

/* =========================================================
   FIELD (real photo band)
   ========================================================= */
.field{ position:relative; padding:0; }
.field-inner{
  position:relative; border-radius:var(--radius); overflow:hidden;
  min-height:420px; display:flex; align-items:flex-end;
}
.field-inner img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.field-inner::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(10,12,15,.15), rgba(10,12,15,.9)); }
.field-txt{ position:relative; z-index:2; padding:44px; max-width:560px; }
.field-txt h2{ font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:14px; }
.field-txt p{ color:var(--ink-dim); margin:0; }

/* =========================================================
   STATS
   ========================================================= */
.stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.stat{ text-align:center; padding:34px 18px; border-radius:var(--radius);
  background:var(--asphalt-2); border:1px solid var(--line); }
.stat .n{ font-family:"Rubik",sans-serif; font-weight:900;
  font-size:clamp(2.4rem,5vw,3.4rem); color:var(--amber); line-height:1; direction:ltr; }
.stat .l{ color:var(--ink-dim); margin-top:10px; font-size:.98rem; }

/* =========================================================
   TESTIMONIALS
   ========================================================= */
.quotes{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.quote{ background:var(--asphalt-2); border:1px solid var(--line);
  border-radius:var(--radius); padding:30px 28px; position:relative; }
.quote .mark{ font-family:"Rubik",sans-serif; font-size:3rem; color:var(--amber);
  line-height:.5; opacity:.5; }
.quote p{ color:var(--ink); font-size:1.02rem; margin:16px 0 22px; }
.quote .who{ display:flex; align-items:center; gap:12px; }
.quote .who .av{ width:44px;height:44px;border-radius:50%;flex:none;
  background:linear-gradient(160deg,var(--asphalt-3),#0c0e12);
  border:1px solid var(--line-strong); display:grid; place-items:center;
  font-family:"Rubik",sans-serif; font-weight:800; color:var(--amber); }
.quote .who b{ display:block; font-size:.98rem; }
.quote .who small{ color:var(--ink-faint); font-size:.85rem; }

/* =========================================================
   FAQ
   ========================================================= */
.faq-wrap{ max-width:820px; margin-inline:auto; }
.faq-item{ border:1px solid var(--line); border-radius:var(--radius-sm);
  background:var(--asphalt-2); margin-bottom:12px; overflow:hidden; transition:border-color .3s; }
.faq-item[open]{ border-color:var(--line-strong); }
.faq-item summary{
  list-style:none; cursor:pointer; padding:22px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  font-family:"Rubik",sans-serif; font-weight:700; font-size:1.08rem;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary:focus-visible{ outline:2px solid var(--amber); outline-offset:-4px; border-radius:8px; }
.faq-plus{ width:26px;height:26px;flex:none;position:relative; }
.faq-plus::before,.faq-plus::after{ content:""; position:absolute; inset:50% 4px auto 4px;
  height:2px; background:var(--amber); transition:transform .3s var(--ease); }
.faq-plus::after{ transform:rotate(90deg); }
.faq-item[open] .faq-plus::after{ transform:rotate(0); }
.faq-body{ padding:0 24px 24px; color:var(--ink-dim); }

/* =========================================================
   CONTACT
   ========================================================= */
.contact{ background:var(--asphalt-2); border-top:1px solid var(--line); }
.contact-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:start; }
.contact-info h2{ font-size:clamp(1.9rem,4vw,2.8rem); margin:14px 0 16px; }
.contact-info p{ color:var(--ink-dim); margin:0 0 30px; }
.contact-line{ display:flex; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid var(--line); }
.contact-line .ci{ width:44px;height:44px;border-radius:12px;flex:none; display:grid;place-items:center;
  background:rgba(255,176,32,.1); border:1px solid rgba(255,176,32,.22); }
.contact-line .ci svg{ width:20px;height:20px;fill:none;stroke:var(--amber);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round; }
.contact-line b{ display:block; font-size:.78rem; color:var(--ink-faint); font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; font-family:"IBM Plex Mono",monospace; }
.contact-line a,.contact-line span{ font-size:1.1rem; color:var(--ink); font-weight:700; direction:ltr; display:block; }

.form{ background:var(--asphalt); border:1px solid var(--line); border-radius:var(--radius);
  padding:32px; box-shadow:var(--shadow); }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field-group{ margin-bottom:16px; }
.field-group label{ display:block; font-size:.86rem; color:var(--ink-dim); margin-bottom:8px; font-weight:600; }
.field-group input,.field-group textarea,.field-group select{
  width:100%; padding:14px 16px; border-radius:12px;
  background:var(--asphalt-3); border:1px solid var(--line-strong); color:var(--ink);
  font-family:inherit; font-size:1rem; transition:border-color .2s, box-shadow .2s;
}
.field-group textarea{ resize:vertical; min-height:110px; }
.field-group input:focus,.field-group textarea:focus,.field-group select:focus{
  outline:none; border-color:var(--amber); box-shadow:0 0 0 3px rgba(255,176,32,.15); }
.form .btn-primary{ width:100%; justify-content:center; margin-top:8px; }
.form-note{ text-align:center; color:var(--ink-faint); font-size:.82rem; margin-top:14px; }
.form-success{ display:none; text-align:center; padding:20px; border-radius:12px;
  background:rgba(255,176,32,.1); border:1px solid rgba(255,176,32,.3); color:var(--amber);
  font-weight:700; margin-top:16px; }
.form-success.show{ display:block; animation:pop .4s var(--ease); }
@keyframes pop{ from{ transform:scale(.96); opacity:0 } to{ transform:scale(1); opacity:1 } }

/* =========================================================
   FOOTER
   ========================================================= */
.footer{ background:var(--asphalt); padding-top:0; }
.footer-main{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding:64px 0 40px; }
.footer .brand{ margin-bottom:18px; }
.footer-about{ color:var(--ink-dim); font-size:.95rem; max-width:34ch; }
.footer-col h4{ font-family:"IBM Plex Mono",monospace; font-size:.74rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink-faint); margin-bottom:18px; direction:ltr; }
.footer-col ul{ list-style:none; padding:0; margin:0; display:grid; gap:11px; }
.footer-col a{ color:var(--ink-dim); font-size:.96rem; transition:color .2s; }
.footer-col a:hover{ color:var(--amber); }
.footer-bottom{ border-top:1px solid var(--line); padding:24px 0;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.footer-bottom p{ margin:0; color:var(--ink-faint); font-size:.88rem; }
.footer-bottom .demo-badge{ font-family:"IBM Plex Mono",monospace; font-size:.72rem;
  color:var(--amber); border:1px solid rgba(255,176,32,.3); padding:5px 12px; border-radius:999px;
  letter-spacing:.1em; direction:ltr; }

/* =========================================================
   REVEAL ANIMATION
   ========================================================= */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
.reveal.in{ opacity:1; transform:none; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1000px){
  .hero-grid{ grid-template-columns:1fr; gap:48px; }
  .board-stage{ order:-1; }
  .adv-grid{ grid-template-columns:repeat(2,1fr); }
  .spec-grid,.contact-grid{ grid-template-columns:1fr; gap:40px; }
  .models-grid,.quotes{ grid-template-columns:1fr 1fr; }
  .steps{ grid-template-columns:1fr 1fr; gap:34px 26px; }
  .step:not(:first-child){ border-inline-start:none; padding-inline-start:0; }
  .stats-grid{ grid-template-columns:1fr 1fr; }
  .footer-main{ grid-template-columns:1fr 1fr; gap:32px; }
}
@media (max-width:720px){
  body{ font-size:16px; }
  .section{ padding:76px 0; }
  .nav-links,.nav-phone{ display:none; }
  .nav-toggle{ display:grid; }
  .site-header.open .nav-links{
    display:flex; position:absolute; top:76px; inset-inline:0;
    flex-direction:column; align-items:stretch; gap:2px;
    background:var(--asphalt-2); border-bottom:1px solid var(--line); padding:14px;
  }
  .site-header.open .nav-links a{ padding:14px; }
  .site-header.open .nav-toggle span{ background:transparent; }
  .site-header.open .nav-toggle span::before{ top:0; transform:rotate(45deg); }
  .site-header.open .nav-toggle span::after{ top:0; transform:rotate(-45deg); }
  .adv-grid,.models-grid,.quotes,.stats-grid,.footer-main{ grid-template-columns:1fr; }
  .steps{ grid-template-columns:1fr; gap:28px; }
  .form-row{ grid-template-columns:1fr; }
  .field-txt{ padding:28px 22px; }
  .hero-trust{ gap:24px; }
  .footer-bottom{ flex-direction:column; text-align:center; }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important;
     transition-duration:.001ms !important; scroll-behavior:auto !important; }
  .reveal{ opacity:1; transform:none; }
  .led.on{ animation:none; }
}

/* Anchor offset for sticky header */
section[id]{ scroll-margin-top:92px; }

/* =========================================================
   WHATSAPP FLOATING BUTTON
   ========================================================= */
.wa-float{
  position:fixed;
  inset-block-end:24px;
  inset-inline-start:24px;
  z-index:80;
  width:60px; height:60px;
  border-radius:50%;
  display:grid; place-items:center;
  background:#25D366;
  box-shadow:0 10px 26px -6px rgba(37,211,102,.6), 0 4px 12px rgba(0,0,0,.4);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.wa-float svg{ width:34px; height:34px; fill:#fff; position:relative; z-index:2; }
.wa-float:hover{ transform:scale(1.08); box-shadow:0 14px 32px -6px rgba(37,211,102,.75); }
.wa-float:focus-visible{ outline:3px solid #fff; outline-offset:3px; }
.wa-pulse{
  position:absolute; inset:0; border-radius:50%;
  background:#25D366; z-index:1;
  animation:wa-ring 2.2s var(--ease) infinite;
}
@keyframes wa-ring{
  0%{ transform:scale(1); opacity:.6; }
  70%,100%{ transform:scale(1.9); opacity:0; }
}
@media (max-width:720px){
  .wa-float{ width:56px; height:56px; inset-block-end:18px; inset-inline-start:18px; }
  .wa-float svg{ width:31px; height:31px; }
}
@media (prefers-reduced-motion:reduce){
  .wa-pulse{ animation:none; opacity:0; }
}

/* =========================================================
   HEBREW LABEL FIXES (override mono/LTR label styling)
   ========================================================= */
.eyebrow{ direction:rtl; }
.brand-sub,
.footer-col h4,
.spec-item .k,
.model-tag,
.contact-line b,
.demo-badge,
.model-specs li b{
  font-family:"Assistant",sans-serif;
  direction:rtl;
  text-transform:none;
  letter-spacing:.01em;
}
.model-tag{ letter-spacing:.05em; font-weight:700; }
.footer-col h4{ letter-spacing:.04em; }
.t-num{ font-family:"Rubik",sans-serif; font-weight:800; }

/* text-only stat (e.g. "כל הצפון") */
.stat .n.n-text{ font-size:clamp(1.7rem,3.6vw,2.5rem); letter-spacing:-.01em; direction:rtl; }

/* =========================================================
   PROJECTS GALLERY
   ========================================================= */
.gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:220px;
  grid-auto-flow:dense;
  gap:14px;
}
.gal-item{
  position:relative; margin:0;
  border-radius:var(--radius-sm); overflow:hidden;
  border:1px solid var(--line);
}
.gal-item img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.gal-item::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(9,11,14,.9));
  transition:opacity .3s;
}
.gal-item figcaption{
  position:absolute; inset-inline:0; bottom:0; z-index:2;
  padding:14px 16px; font-weight:700; font-size:.96rem; color:#fff;
}
.gal-item.gal-tall{ grid-row:span 2; }
.gal-item:hover img{ transform:scale(1.06); }

@media (max-width:1000px){
  .gallery{ grid-template-columns:repeat(2,1fr); grid-auto-rows:200px; }
}
@media (max-width:720px){
  .gallery{ grid-template-columns:1fr 1fr; grid-auto-rows:148px; gap:10px; }
}