/* ===================================================================
   AI HERO — גרסה בהירה וטכנולוגית.
   נטענת אחרי planner.css ודורסת את ה-hero הכהה.
   מוגבלת ל-body.page-ai-light כדי ש-matarot.html יישאר כהה.
   =================================================================== */

.page-ai-light .ai-hero {
  background:
    radial-gradient(1100px 520px at 50% -12%, rgba(46,164,160,0.12), transparent 62%),
    radial-gradient(900px 460px at 88% 8%, rgba(96,165,250,0.14), transparent 60%),
    linear-gradient(168deg, #FFFFFF 0%, #F4FAFE 46%, #E9F3FB 100%);
  color: var(--ink);
  border-bottom: 1px solid rgba(27,123,184,0.14);
  box-shadow: 0 30px 70px -40px rgba(27,123,184,0.35);
}

/* רשת דקה + מטריצת נקודות בצמתים — הבסיס ה"טכנולוגי" */
.page-ai-light .ai-hero-grid {
  background-image:
    linear-gradient(rgba(27,123,184,0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27,123,184,0.09) 1px, transparent 1px),
    radial-gradient(circle, rgba(46,164,160,0.30) 1.15px, transparent 1.3px);
  background-size: 44px 44px, 44px 44px, 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 88% 74% at 50% 26%, #000 30%, rgba(0,0,0,.35) 68%, transparent 88%);
          mask-image: radial-gradient(ellipse 88% 74% at 50% 26%, #000 30%, rgba(0,0,0,.35) 68%, transparent 88%);
}

/* סריקת אור אלכסונית עדינה */
.page-ai-light .ai-hero-grid::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(112deg, transparent 34%, rgba(96,165,250,0.13) 50%, transparent 66%);
}

/* זוהר רך — בלי הזהב, שנקרא עכור על רקע בהיר */
.page-ai-light .ai-hero-glow { opacity: .38; filter: blur(80px); }
.page-ai-light .ai-glow-1 { background: radial-gradient(circle, rgba(46,164,160,0.45), transparent 70%); }
.page-ai-light .ai-glow-2 { background: radial-gradient(circle, rgba(96,165,250,0.45), transparent 70%); }

/* חלקיקים כהים במקום לבנים */
.page-ai-light .ai-hero-dots {
  opacity: .42;
  background-image: radial-gradient(rgba(27,123,184,0.55) 1px, transparent 1.4px);
}

/* ---------- טיפוגרפיה ---------- */
.page-ai-light .ai-kicker {
  color: var(--teal-2);
  background: rgba(46,164,160,0.10);
  border-color: rgba(46,164,160,0.34);
}
.page-ai-light .ai-hero-title {
  background: linear-gradient(180deg, #0A1628 24%, #1B7BB8 100%);
  -webkit-background-clip: text; background-clip: text;
}
.page-ai-light .ai-hero-sub { color: var(--ink-2); }
.page-ai-light .ai-search-note { color: var(--muted); }

/* ---------- שורת החיפוש ---------- */
.page-ai-light .ai-search {
  background: #fff;
  border-color: rgba(27,123,184,0.26);
  box-shadow: 0 20px 46px -22px rgba(27,123,184,0.40), 0 0 0 4px rgba(46,164,160,0.07);
}
.page-ai-light .ai-search:focus-within {
  border-color: rgba(46,164,160,0.65);
  box-shadow: 0 22px 50px -20px rgba(27,123,184,0.45), 0 0 0 5px rgba(46,164,160,0.18);
}
.page-ai-light .ai-search input { color: var(--ink); }
.page-ai-light .ai-search input::placeholder { color: var(--muted); }
.page-ai-light .ai-search-btn { color: #fff; }

/* ---------- תשובת ה-AI ---------- */
.page-ai-light .ai-answer {
  background: rgba(255,255,255,0.92);
  border-color: rgba(27,123,184,0.18);
  box-shadow: 0 18px 44px -22px rgba(27,123,184,0.38);
}
.page-ai-light .ai-answer-head { color: var(--teal-2); }
.page-ai-light .ai-answer-avatar { background: var(--navy); }
.page-ai-light .ai-answer-body { color: var(--ink-2); }

/* ---------- אריחי המחשבונים ---------- */
.page-ai-light .ai-tile {
  color: var(--ink);
  background: #fff;
  border-color: rgba(27,123,184,0.24);
  box-shadow: 0 10px 24px -14px rgba(10,22,40,0.22);
}
.page-ai-light .ai-tile:hover {
  border-color: rgba(46,164,160,0.55);
  background: #fff;
  box-shadow: 0 18px 40px -16px rgba(46,164,160,0.42);
}
.page-ai-light .ai-tile-sub { color: var(--muted); }
.page-ai-light .ai-tile-feature {
  background: linear-gradient(135deg, rgba(46,164,160,0.16), rgba(96,165,250,0.12));
  border-color: rgba(46,164,160,0.42);
}

/* ---------- משגר ההשוואה ---------- */
.page-ai-light .ai-launcher {
  background: #fff;
  border-color: rgba(27,123,184,0.24);
  box-shadow: 0 12px 30px -16px rgba(10,22,40,0.22);
}
.page-ai-light .ai-launcher-label { color: var(--teal-2); }
.page-ai-light .ai-launcher-vs { color: var(--muted); }
.page-ai-light .ai-launcher-select {
  color: var(--ink);
  background-color: rgba(27,123,184,0.05);
  border-color: rgba(27,123,184,0.20);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231B7BB8' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
.page-ai-light .ai-launcher-btn { color: #fff; }