/* ============================================================
   SiloV · ערכת נושא בהירה (לבן + לבנדר), 3.9.2026
   נטענת אחרי site.css ודורסת רק את מה שקשור לצבע ולעומק.
   המבנה, הטיפוגרפיה והתנועה נשארים מ site.css.
   להסרה: מוחקים את שורת ה link בעמודים, והאתר חוזר להיות כהה.
   ============================================================ */

:root{
  --bg:#FFFFFF;
  --surface:#F7F4FF;        /* לבנדר בהיר מאוד למשטחים */
  --surface2:#FFFFFF;
  --bg-raise:var(--surface);
  --ink:#1E1A33;
  --dim:#4A4566;            /* 8.6:1 על לבן */
  --ink-dim:var(--dim);
  --brand:#7C4DEE;          /* 5.06:1 עם לבן, בסיס כפתור */
  --glow:#6D3FE0;           /* טקסט סגול על לבן, קריא */
  --brand-glow:var(--glow);
  --deep:#5B2ED6;
  --brand-deep:var(--deep);
  --lav:#A78BFA;
  --lav-050:#F7F4FF;
  --lav-100:#EFE9FE;
  --lav-200:#DDD2FB;
  --line:#E8E1FA;
  --line-strong:#DDD2FB;
  --err:#C2410C;
}

/* בלי גרעין ובלי זוהר סמן על רקע לבן */
body::after{display:none}
.cursor-glow{display:none}
::selection{background:rgba(124,77,238,.18)}

.grad{background:linear-gradient(115deg, var(--deep), var(--brand) 45%, #A35EF6 70%, var(--deep)); background-size:220% 100%; -webkit-background-clip:text; background-clip:text}
.lede{font-weight:400}
.label{color:var(--glow)}
.rule{background:var(--lav-200)}

/* אורות רקע: עדינים הרבה יותר על לבן */
.halo{background:radial-gradient(closest-side, rgba(167,139,250,.22), rgba(167,139,250,.06) 55%, transparent 100%)}
.orb{background:radial-gradient(closest-side, rgba(167,139,250,.14), transparent 70%)}

/* header */
.site-header{background:rgba(255,255,255,.84); border-bottom-color:var(--line)}
.logo-mark{display:inline-flex; align-items:center; gap:10px; color:var(--ink); min-height:44px}
.logo-mark .lm-mark{display:block; flex:0 0 auto}
.logo-mark .lm-word{font-weight:800; letter-spacing:-.025em; direction:ltr; line-height:1}
.logo-mark .lm-v{color:#7C4DEE}
.site-footer .logo-mark .lm-mark{width:28px; height:28px}
.site-footer .logo-mark{font-size:1.15rem}
.site-nav{color:var(--dim)}
.site-nav a:hover{color:var(--brand)}
@media (max-width:860px){
  .site-nav{background:rgba(255,255,255,.98)}
  .site-nav a{color:var(--ink)}
}

/* כפתורים */
.cta, .btn.primary{
  background:linear-gradient(120deg, var(--brand), var(--deep)); color:#fff;
  box-shadow:0 10px 30px rgba(124,77,238,.22);
}
.cta:hover, .btn.primary:hover{box-shadow:0 14px 36px rgba(124,77,238,.3)}
.btn.ghost{background:#fff; color:var(--ink); border-color:var(--lav-200)}
.btn.ghost:hover{border-color:var(--brand); color:var(--brand)}
.link{color:var(--ink); border-bottom-color:var(--lav-200)}
.link:hover{color:var(--brand); border-color:var(--brand)}
.nav-toggle span{background:var(--ink)}

/* מקטעים וכרטיסים */
.sec{border-top-color:var(--line)}
.sec:nth-of-type(even){background:var(--lav-050)}
.card{
  background:#fff; border-color:var(--line);
  box-shadow:0 1px 2px rgba(30,26,51,.04), 0 12px 32px rgba(76,46,150,.06);
}
.card:hover{border-color:var(--lav-200); box-shadow:0 2px 4px rgba(30,26,51,.05), 0 24px 48px rgba(76,46,150,.1)}
.card.flag{border-color:var(--lav-200); box-shadow:0 2px 4px rgba(30,26,51,.05), 0 24px 56px rgba(124,77,238,.14)}
.spot::before{background:radial-gradient(420px circle at var(--mx) var(--my), rgba(167,139,250,.12), transparent 60%)}
.spot::after{background:radial-gradient(320px circle at var(--mx) var(--my), rgba(124,77,238,.45), transparent 70%)}
.sheen::before{background:linear-gradient(180deg, transparent 40%, rgba(124,77,238,.05) 50%, transparent 60%)}
.icon{background:var(--lav-100); border-color:var(--lav-200); color:var(--brand)}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(124,77,238,.3)} 70%{box-shadow:0 0 0 14px rgba(124,77,238,0)} 100%{box-shadow:0 0 0 0 rgba(124,77,238,0)}}
.tag{color:var(--deep); background:var(--lav-100); border-color:var(--lav-200)}
.card p{color:var(--dim)}
.outcome{color:var(--ink); border-top-color:var(--line)}
.outcome svg{color:var(--brand)}

/* פגישת המיפוי */
.steps::before{background:linear-gradient(180deg, var(--brand), rgba(124,77,238,.15))}
.step::before{background:var(--brand); box-shadow:0 0 0 4px var(--lav-100)}
.step .t{color:var(--glow)}
.step p{color:var(--dim)}

/* לוגואים: קבצים בגרסת דיו כהה (assets/logos-light) */
.logo-set img{opacity:1}
.logo-set img:hover{opacity:.85}

/* כרטיס החברה */
.person{background:#fff; border-color:var(--line); box-shadow:0 1px 2px rgba(30,26,51,.04), 0 12px 32px rgba(76,46,150,.06)}
.person-photo, .avatar{border-color:var(--lav-200)}
.avatar{background:var(--lav-050)}
.person .role{color:var(--dim)}
.facts{display:flex; flex-wrap:wrap; gap:10px 28px; margin:0; padding:0; list-style:none}
.facts li{display:flex; align-items:center; gap:8px; font-size:.9375rem; color:var(--ink); font-weight:500}
.facts li::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--brand); flex:0 0 auto}

.person-fig{margin:0; flex:0 0 auto; display:flex; flex-direction:column; gap:10px; align-items:center}
.person-fig figcaption, .portrait-fig figcaption{font-size:.85rem; color:var(--dim); text-align:center}
.portrait-fig{margin:0; display:flex; flex-direction:column; gap:12px; align-items:flex-start}
.portrait-fig figcaption{align-self:center; width:min(340px, 80%)}

/* רקע ההירו: שלושה כתמי לבנדר מטושטשים שנודדים לאט */
.hero-bg{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0}
.hb{position:absolute; border-radius:50%; filter:blur(48px); opacity:.55; will-change:transform}
.hb1{width:min(560px,70vw); aspect-ratio:1; top:-18%; inset-inline-start:-8%; background:radial-gradient(closest-side, rgba(167,139,250,.55), transparent 72%); animation:hbA 26s ease-in-out infinite alternate}
.hb2{width:min(460px,60vw); aspect-ratio:1; bottom:-22%; inset-inline-end:8%; background:radial-gradient(closest-side, rgba(124,77,238,.35), transparent 72%); animation:hbB 32s ease-in-out infinite alternate}
.hb3{width:min(320px,45vw); aspect-ratio:1; top:30%; inset-inline-end:38%; background:radial-gradient(closest-side, rgba(221,210,251,.8), transparent 72%); animation:hbC 22s ease-in-out infinite alternate}
@keyframes hbA{from{transform:translate(0,0) scale(1)} to{transform:translate(-6%,10%) scale(1.08)}}
@keyframes hbB{from{transform:translate(0,0) scale(1)} to{transform:translate(8%,-8%) scale(1.1)}}
@keyframes hbC{from{transform:translate(0,0)} to{transform:translate(-10%,6%)}}
.hero .halo{opacity:.7}
@media (prefers-reduced-motion:reduce){ .hb{animation:none} }

/* טופס בהירו */
.hero{align-items:center}
.hero-grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); gap:clamp(32px,5vw,72px); align-items:center}
.hero-copy{max-width:none}
.hero-form{position:relative; z-index:2}
.hero-form .lead-form, .hero-form .form-done{padding:clamp(20px,2.4vw,30px)}
.form-head{display:flex; flex-direction:column; gap:6px; margin-bottom:2px}
.form-title{font-size:clamp(1.3rem,1.8vw,1.55rem); letter-spacing:-.015em}
.form-note{color:var(--dim); font-size:.95rem; line-height:1.55}
.hero-form .field input{height:48px}
.hero-form .pill span{min-height:40px; padding:8px 14px; font-size:.9rem}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr; gap:36px}
  .hero{min-height:0}
  .hero-copy{max-width:none}
}
/* קפיצה לטופס מקישור עוגן: ההדר הדביק גובהו כ-72px, בלעדיו כותרת הטופס נחתכת מאחוריו */
.hero-form{scroll-margin-top:88px}
/* מובייל: השדה הראשון חייב להיכנס למסך הראשון (כ-640px באייפון עם סרגלי הדפדפן).
   לפני השינוי הוא ישב ב-691px ואף מבקר מהקמפיין לא נגע בטופס. הקישור המשני
   ושורת האמון מתקפלים: שניהם חוזרים בגוף הדף ובהערת הטופס עצמה. */
@media (max-width:500px){
  .hero{padding-block:40px 48px}
  .hero-grid{gap:18px}
  .hero-copy{gap:14px}
  .hero-copy > .label{margin-bottom:0}
  .hero .lede{font-size:1rem; line-height:1.5}
  .cta-row{gap:0}
  .cta-row .link, .hero-trust{display:none}
  .form-note{font-size:.88rem}
}

/* טופס */
.bullet{color:var(--dim)}
.bullet svg{color:var(--brand)}
.lead-form, .form-done{
  background:#fff; border-color:var(--lav-200);
  box-shadow:0 2px 4px rgba(30,26,51,.04), 0 30px 70px rgba(76,46,150,.1);
}
.field label, .field .fl{color:var(--dim)}
.field .req{color:var(--brand)}
.field input{background:#fff; border-color:var(--lav-200); color:var(--ink)}
.field input::placeholder{color:#8F89A8}
.field input:focus{border-color:var(--brand); box-shadow:0 0 0 3px rgba(124,77,238,.18)}
.pill span{background:#fff; border-color:var(--lav-200); color:var(--dim)}
.pill input:hover + span{border-color:var(--brand); color:var(--ink)}
.pill input:checked + span{border-color:var(--brand); color:var(--deep); background:var(--lav-100)}
.pill input:focus-visible + span{outline-color:var(--brand)}
.consent{color:var(--dim)}
.consent a, .form-legal a{color:var(--glow)}
.form-legal{color:var(--dim); opacity:.85}
.form-done p{color:var(--dim)}
.fd-tick{box-shadow:0 10px 26px rgba(124,77,238,.3)}

/* אודות */
.portrait{border-color:var(--line); box-shadow:0 24px 60px rgba(76,46,150,.14)}
.portrait-ph{background:var(--lav-050)}
.list{border-top-color:var(--line)}
.list-row{border-bottom-color:var(--line)}
.list-row p{color:var(--dim)}
.faq details{background:#fff; border-color:var(--line)}
.faq summary::after{color:var(--brand)}
.faq details p{color:var(--dim)}

/* footer */
.site-footer{background:var(--lav-050); border-top-color:var(--line)}
.footer-bar{color:var(--dim)}
.footer-links a{color:var(--dim)}
.footer-links a:hover{color:var(--brand)}

/* אין קנבס רקע בערכה הבהירה */
.dust-bg{display:none}

/* שורת האמון מתחת ל-CTA בהירו (קופי פגישת האסטרטגיה) */
.hero-trust{
  margin-top:14px;
  font-size:.86rem;
  line-height:1.5;
  color:var(--dim);
  font-weight:400;
}
/* שורת קהל היעד בהירו: אותו סגנון label, בלי המרווח הגדול שמתאים לאנגלית */
.hero-copy > .label{
  display:block;
  margin-bottom:14px;
  letter-spacing:.08em;
  text-transform:none;
}

/* מקטע "המצב היום": משפט האזהרה מודגש מול שתי פסקאות ה-lede שסביבו */
.reality-warn{
  font-size:var(--lede);
  line-height:1.6;
  font-weight:600;
  color:var(--ink);
  margin:0;
}

/* כותרת ההירו יושבת בעמודה צרה לצד הטופס. בגודל --h1 המלא היא נשברת
   ל-5 שורות ומפרידה את AI מ"סוכן קולי"; הסולם המוקטן, יחד עם ה-br
   המכוונים, מחזיק שלוש שורות שלמות בדסקטופ ובמובייל כאחד.
   חל רק כאן — .hero-grid קיים רק בדף הנחיתה. */
.hero-grid .hero-copy h1{
  font-size:clamp(1.7rem, 3.5vw, 3.2rem);
}
/* "סוכן קולי AI" הוא מונח אחד — אסור ש-AI ייפול לשורה משלו בשום רוחב */
.hero-grid .hero-copy h1 .grad{white-space:nowrap}