/* home-hero.css · ההירו של משפחת עמוד הבית: הקנבס, הכותרת והכפתור (18.10.2026)
   העתק מדויק של 7 כללים מהבלוק של עמוד הבית (index.html), שזהים בייט בייט גם ב-amud-shelach וב-mvp.
   עמוד הבית שומר את הבלוק שלו ולא טוען את הקובץ. מה שנשאר מקומי בכל עמוד הוא הווריאנט שלו:
   הגובה של .hl-hero, הריווח והעמודות של .hl-hero .wrap, .hl-h1 ו-.hl-sub.
   נטען אחרי style.css ולפני ה-<style> של העמוד. */

.hl-hero{position:relative;overflow:hidden;
    background:
      radial-gradient(700px 420px at 88% -10%, rgba(226,52,89,.07), transparent 60%),
      radial-gradient(640px 480px at -6% 106%, rgba(232,196,120,.13), transparent 58%),
      linear-gradient(158deg,#fdfbfd 0%,#f8f3f0 62%,#f5eee7 100%)}

/* אריג הקנבס: שני כיווני חוט דקים, ומעליהם גרעין נייר. שתי שכבות שקטות
     שנותנות לחלק העליון משטח, במקום רקע שטוח. */
.hl-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:
      repeating-linear-gradient(90deg, rgba(96,36,104,.030) 0 1px, transparent 1px 4px),
      repeating-linear-gradient(0deg,  rgba(96,36,104,.026) 0 1px, transparent 1px 4px);
    mix-blend-mode:multiply;opacity:.9}

.hl-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    mix-blend-mode:multiply;opacity:.30}

.hl-h1 .hl{color:var(--pink)}

.hl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px}

.btn{display:inline-flex;align-items:center;min-height:50px;padding:14px 30px;border-radius:100px;
    background:var(--ink);color:#fdfbfd;font-size:15px;font-weight:700;text-decoration:none;
    transition:transform .3s var(--ez),background .3s var(--ez)}

.btn:hover{background:#2c2136;transform:translateY(-2px)}