*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow-x:hidden}

.page{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 38%, rgba(38,86,180,.13), transparent 39%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.045), transparent 24%),
    linear-gradient(180deg,#020611 0%,#02050d 47%,#000 100%);
}

.soft-glow{
  position:absolute;
  z-index:0;
  left:50%;
  top:42%;
  width:720px;
  height:560px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(58,113,230,.10),transparent 61%);
  filter:blur(22px);
  pointer-events:none;
}

.hero{
  position:relative;
  z-index:5;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:118px 24px 0;
}

.logo{
  width:268px;
  height:auto;
  display:block;
  margin:0 0 76px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.22)) drop-shadow(0 0 24px rgba(91,135,255,.13));
  animation:logoPulse 5.8s ease-in-out infinite;
}

@keyframes logoPulse{
  0%,100%{filter:drop-shadow(0 0 7px rgba(255,255,255,.20)) drop-shadow(0 0 20px rgba(91,135,255,.11))}
  50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.32)) drop-shadow(0 0 30px rgba(91,135,255,.17))}
}

.eyebrow{
  margin:0 0 44px;
  font-size:16px;
  font-weight:500;
  letter-spacing:.255em;
  color:#84b7ff;
  text-shadow:0 0 18px rgba(63,125,255,.32);
}

h1{
  margin:0;
  font-size:86px;
  line-height:1;
  letter-spacing:-.038em;
  font-weight:800;
  color:#fff;
  text-shadow:0 0 34px rgba(255,255,255,.10);
}

.second-line{white-space:nowrap}

.israeli{
  background:linear-gradient(100deg,#f7fbff 0%,#d7e5ff 27%,#3376ff 52%,#dce9ff 77%,#fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.desc{
  margin:34px 0 0;
  font-size:18px;
  line-height:1.75;
  color:rgba(222,228,244,.76);
}

.mobile-br{display:none}

.form{
  position:relative;
  z-index:20;
  margin-top:34px;
  width:650px;
  max-width:calc(100vw - 48px);
  display:grid;
  grid-template-columns:1fr 245px;
  gap:0;
  background:#030713;
  border:1px solid rgba(112,142,205,.38);
  border-radius:7px;
  overflow:hidden;
  box-shadow:0 0 28px rgba(45,93,200,.08);
}

input,button{
  position:relative;
  z-index:21;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  outline:0;
  height:72px;
  font:inherit;
  border-radius:0;
}

input{
  background:#030713;
  color:#fff;
  padding:0 32px;
  font-size:18px;
}

input::placeholder{color:rgba(215,223,242,.44)}

button{
  cursor:pointer;
  background:#030713;
  color:#fff;
  font-size:17px;
  font-weight:600;
  border-left:1px solid rgba(63,124,255,.58);
  box-shadow:inset 0 0 0 1px rgba(66,126,255,.20),0 0 18px rgba(55,112,255,.12);
  transition:box-shadow .22s ease;
}

button:hover{box-shadow:inset 0 0 0 1px rgba(87,147,255,.42),0 0 28px rgba(55,112,255,.22)}

.success{display:none;margin:16px 0 0;color:#8fbbff;font-size:14px;letter-spacing:.06em}
.success.show{display:block}

.tech-map{
  position:absolute;
  z-index:2;
  right:9%;
  top:8%;
  width:190px;
  opacity:.78;
  filter:drop-shadow(0 0 22px rgba(44,106,255,.34));
  pointer-events:none;
}

.skyline{
  position:absolute;
  z-index:1;
  left:50%;
  bottom:76px;
  transform:translateX(-50%);
  width:100%;
  min-width:1200px;
  height:305px;
  object-fit:cover;
  object-position:center bottom;
  opacity:1;
  filter:brightness(1.35) contrast(1.12);
  mask-image:linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,.80) 56%, transparent 100%);
  pointer-events:none;
}

.footerline{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:50px;
  transform:translateX(-50%);
  margin:0;
  width:max-content;
  max-width:calc(100vw - 36px);
  font-size:17px;
  letter-spacing:.20em;
  color:rgba(242,246,255,.86);
  text-shadow:0 0 22px rgba(72,133,255,.34);
  white-space:nowrap;
}

.footerline span{
  color:#2f80ff;
  margin:0 26px;
  text-shadow:0 0 16px rgba(48,127,255,.72);
}

@media(max-width:760px){
  .page{
    background:
      radial-gradient(circle at 50% 38%, rgba(38,86,180,.095), transparent 38%),
      linear-gradient(180deg,#020611 0%,#02050d 47%,#000 100%);
  }

  .soft-glow{
    top:39%;
    width:430px;
    height:420px;
    opacity:.55;
    filter:blur(18px);
  }

  .hero{
    padding:50px 22px 0;
  }

  .logo{
    width:148px;
    margin-bottom:58px;
  }

  .eyebrow{
    font-size:10.6px;
    letter-spacing:.19em;
    line-height:1.55;
    margin-bottom:31px;
  }

  h1{
    font-size:37px;
    line-height:1.13;
    letter-spacing:-.018em;
    max-width:360px;
  }

  .second-line{white-space:normal}

  .desc{
    margin-top:28px;
    font-size:14.6px;
    line-height:1.65;
    max-width:342px;
  }

  .mobile-br{display:none}

  .form{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:30px;
    width:100%;
    max-width:360px;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }

  input,button{
    width:100%;
    height:52px;
    border-radius:6px;
    background:#030713;
  }

  input{
    border:1px solid rgba(112,142,205,.50);
    padding:0 20px;
    font-size:15px;
  }

  button{
    border:1px solid rgba(63,124,255,.75);
    font-size:15px;
    border-left:1px solid rgba(63,124,255,.75);
    box-shadow:0 0 13px rgba(55,112,255,.18), inset 0 0 0 1px rgba(58,117,255,.16);
  }

  .tech-map{
    width:92px;
    right:6px;
    top:88px;
    opacity:.72;
  }

  .skyline{
    bottom:85px;
    height:245px;
    min-width:760px;
    opacity:1;
    filter:brightness(1.45) contrast(1.18);
    mask-image:linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,.90) 52%, transparent 100%);
  }

  .footerline{
    bottom:50px;
    font-size:10.5px;
    letter-spacing:.075em;
  }

  .footerline span{margin:0 8px}
}

@media(max-width:390px){
  .hero{padding-top:48px}
  .logo{width:140px;margin-bottom:54px}
  h1{font-size:35px}
  .desc{font-size:14px}
  .form{max-width:348px}
  input,button{height:51px}
  .skyline{height:235px;bottom:82px}
}

.hidden-field{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;}


/* CLEAN BACKGROUND + PREMIUM MOTION PATCH */
.page{
  background:
    radial-gradient(circle at 50% 36%, rgba(42,92,190,.105), transparent 34%),
    linear-gradient(180deg,#020611 0%,#02050d 48%,#000000 100%) !important;
}

.center-glow,
.soft-glow,
.bg-glow{
  display:none !important;
}

.motion-glow{
  position:absolute;
  z-index:0;
  left:var(--mx,50%);
  top:var(--my,40%);
  width:520px;
  height:520px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(54,112,235,.115), rgba(54,112,235,.035) 28%, transparent 64%);
  filter:blur(24px);
  opacity:.78;
  pointer-events:none;
  transition:left .16s ease-out, top .16s ease-out, opacity .25s ease;
}

.hero{
  isolation:isolate;
}

.form{
  background:#030713 !important;
  box-shadow:0 0 26px rgba(45,93,200,.07) !important;
  position:relative !important;
  z-index:30 !important;
  isolation:isolate !important;
}

.form::before,
.form::after{
  content:none !important;
  display:none !important;
}

.form input,
.form button{
  background:#030713 !important;
  position:relative !important;
  z-index:31 !important;
}

.tech-map{
  transition:transform .18s ease-out, filter .25s ease, opacity .25s ease;
  will-change:transform;
}

.tech-map:hover{
  opacity:.9 !important;
  filter:drop-shadow(0 0 26px rgba(55,120,255,.48)) !important;
}

.logo{
  transition:transform .25s ease, filter .25s ease;
}

.logo:hover{
  transform:translateY(-1px) scale(1.012);
}

button{
  overflow:hidden;
  position:relative;
}

button::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(circle at var(--bx,50%) var(--by,50%), rgba(90,150,255,.24), transparent 44%);
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}

button:hover::before{
  opacity:1;
}

.skyline{
  animation:skylineDrift 24s ease-in-out infinite alternate;
  will-change:transform;
}

@keyframes skylineDrift{
  from{transform:translateX(-50%) translateY(0px) scale(1);}
  to{transform:translateX(-50%) translateY(-4px) scale(1.012);}
}

@media(max-width:760px){
  .motion-glow{
    width:360px;
    height:360px;
    opacity:.58;
    filter:blur(22px);
  }

  .form{
    background:transparent !important;
    box-shadow:none !important;
    isolation:isolate !important;
  }

  .form input,
  .form button{
    background:#030713 !important;
  }

  .tech-map{
    opacity:.64 !important;
  }
}


/* V2 PREMIUM INTERACTIVE MAP PARTICLES */
.particle-field{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  overflow:hidden;
}

.particle{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:999px;
  background:#5b9cff;
  box-shadow:0 0 12px rgba(91,156,255,.75), 0 0 26px rgba(47,123,255,.35);
  opacity:0;
  transform:translate(-50%,-50%) scale(.7);
  animation:particleBurst 900ms ease-out forwards;
}

@keyframes particleBurst{
  0%{
    opacity:0;
    transform:translate(-50%,-50%) scale(.4);
  }
  16%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.15);
  }
}

.tech-map{
  cursor:pointer;
  transform-origin:center;
}

.tech-map.map-active{
  opacity:.98 !important;
  filter:drop-shadow(0 0 34px rgba(70,135,255,.62)) !important;
  animation:mapDisrupt 900ms ease-in-out;
}

@keyframes mapDisrupt{
  0%{transform:translate(var(--mapX,0px), var(--mapY,0px)) scale(1); opacity:.7}
  18%{transform:translate(calc(var(--mapX,0px) - 2px), calc(var(--mapY,0px) + 1px)) scale(1.035); opacity:1}
  35%{transform:translate(calc(var(--mapX,0px) + 2px), calc(var(--mapY,0px) - 1px)) scale(.985); opacity:.84}
  55%{transform:translate(var(--mapX,0px), var(--mapY,0px)) scale(1.02); opacity:1}
  100%{transform:translate(var(--mapX,0px), var(--mapY,0px)) scale(1); opacity:.72}
}

.tech-map.map-active::after{
  content:"";
}

.page.map-energy .motion-glow{
  opacity:1 !important;
  background:radial-gradient(circle, rgba(64,126,255,.19), rgba(54,112,235,.065) 30%, transparent 66%) !important;
}

.page.map-energy .israeli{
  filter:drop-shadow(0 0 12px rgba(57,123,255,.18));
}

@media(max-width:760px){
  .particle{
    width:3px;
    height:3px;
  }

  .tech-map{
    cursor:default;
  }
}


/* V3 FIX: enable real interaction on tech map */
.tech-map{
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:12 !important;
}

.particle-field{
  z-index:40 !important;
}

.particle{
  width:5px !important;
  height:5px !important;
  background:#79adff !important;
  box-shadow:0 0 14px rgba(121,173,255,.9), 0 0 32px rgba(47,123,255,.55) !important;
}

.tech-map.map-active{
  transform:scale(1.08) !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 42px rgba(70,135,255,.85)) !important;
}

@media(max-width:760px){
  .tech-map{
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:12 !important;
  }

  .particle{
    width:4px !important;
    height:4px !important;
  }
}