/* ===== itemp — עיצוב האתר הציבורי (RTL) ===== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-b);font-size:var(--fs);line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-h);line-height:1.12;margin:0;letter-spacing:-.02em;text-wrap:balance}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:4px}
.ic{flex:none;vertical-align:middle}
.wrap{width:min(var(--container),100% - 40px);margin-inline:auto}
.wrap--narrow{width:min(820px,100% - 40px)}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--primary);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{inset-inline-start:8px}
.empty{color:var(--muted);text-align:center;padding:40px 0}

/* כפתורים */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:2px solid var(--primary);background:var(--primary);color:#fff;font-family:var(--font-h);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--primary)}
.btn--sm{padding:8px 18px;font-size:.92rem}
.btn--lg{padding:15px 30px;font-size:1.06rem}
.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.btn--accent:hover{box-shadow:0 10px 28px -10px var(--accent)}
.btn--ghost{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.btn--ghost:hover{border-color:#fff;box-shadow:none}
.btn--line{background:transparent;color:var(--primary)}
.more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-h);font-weight:700;color:var(--primary);white-space:nowrap}
.more .ic{transition:transform .2s}
.more:hover .ic{transform:translateX(-4px)}
.tag{display:inline-block;font-size:.78rem;font-weight:600;padding:3px 11px;border-radius:999px;background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary)}

/* ראש האתר */
.hdr{background:var(--ink);color:#fff;z-index:50;top:0;border-bottom:1px solid rgba(255,255,255,.08)}
.hdr.is-sticky{position:sticky}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.logo__txt{font-family:var(--font-h);font-weight:900;font-size:1.700rem;letter-spacing:-.04em;direction:ltr;display:inline-flex;align-items:baseline}
.logo__txt i{width:9px;height:9px;border-radius:50%;background:var(--accent);margin-inline-start:3px;display:inline-block}
.nav{display:flex;align-items:center;gap:28px}
.nav a:not(.btn){font-weight:600;font-size:.98rem;opacity:.78;position:relative;padding:6px 0;transition:opacity .2s}
.nav a:not(.btn):hover,.nav a.is-on{opacity:1}
.nav a.is-on::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--accent);border-radius:2px}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:.25s}

/* פתיח */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:clamp(64px,10vw,130px) 0 clamp(64px,9vw,120px)}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 80% at 30% 20%,#000 20%,transparent 75%)}
.hero::after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:var(--primary);filter:blur(150px);opacity:.42;inset-inline-end:-140px;top:-200px;pointer-events:none}
.hero__in{position:relative;z-index:1}
.hero__in.has-img{display:grid;grid-template-columns:1.150fr 1fr;gap:56px;align-items:center}
.hero__badge{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;padding:7px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;margin-bottom:26px;background:rgba(255,255,255,.04)}
.hero__badge i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}
.hero h1{font-size:clamp(2.500rem,7vw,5.400rem);font-weight:900;max-width:16ch;letter-spacing:-.035em;line-height:1.02}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero__sub{font-size:clamp(1.050rem,1.600vw,1.300rem);opacity:.76;max-width:56ch;margin:26px 0 34px}
.hero__btns{display:flex;flex-wrap:wrap;gap:14px}
.hero__pts{list-style:none;padding:0;margin:38px 0 0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.95rem;opacity:.85}
.hero__pts li{display:flex;align-items:center;gap:8px}
.hero__pts .ic{color:var(--accent)}
.hero__img img{border-radius:calc(var(--radius) + 6px);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1)}

/* נתונים */
.stats{background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.1);padding:44px 0}
.stats__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px}
.stat b{display:block;font-family:var(--font-h);font-size:clamp(2.200rem,4vw,3.200rem);font-weight:900;line-height:1;color:var(--accent);direction:ltr;text-align:right}
.stat>span{opacity:.72;font-size:.95rem}

/* מקטעים */
.sec{padding:clamp(60px,8vw,108px) 0}
.sec--alt{background:color-mix(in srgb,var(--text) 4.500%,var(--bg))}
.sec--tight{padding:56px 0}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px}
.shead h2{font-size:clamp(1.900rem,4vw,3rem);font-weight:900}
.shead p{color:var(--muted);margin:10px 0 0;font-size:1.080rem;max-width:56ch}
.grid{display:grid;gap:22px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

/* כרטיס שירות */
.scard{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:var(--radius);padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s}
.scard:hover{transform:translateY(-5px);box-shadow:0 24px 44px -28px rgba(0,0,0,.3);border-color:var(--primary)}
.scard__ic{width:54px;height:54px;border-radius:calc(var(--radius) * .8);display:grid;place-items:center;background:var(--ink);color:var(--accent);margin-bottom:20px}
.scard h3{font-size:1.300rem;font-weight:800;margin-bottom:8px}
.scard p{color:var(--muted);margin:0}
.scard__price{margin-top:16px;font-family:var(--font-h);font-weight:700;color:var(--primary)}
.steps__n{font-family:var(--font-h);font-weight:900;font-size:.9rem;color:var(--primary);direction:ltr;display:inline-block;margin-bottom:14px;letter-spacing:.08em}

/* שורת שירות מלאה */
.srow{display:grid;grid-template-columns:1fr 1.700fr;gap:40px;padding:44px 0;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.srow:first-of-type{border-top:0;padding-top:0}
.srow__head h2{font-size:1.900rem;font-weight:900}
.srow__lead{font-size:1.150rem;font-weight:600}
.checks{list-style:none;padding:0;margin:18px 0 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px 20px}
.checks li,.plan li{display:flex;gap:9px;align-items:flex-start}
.checks .ic,.plan li .ic{color:var(--primary);margin-top:5px}

/* תיק עבודות */
.pgrid{display:grid;grid-template-columns:repeat(var(--pcols),1fr);gap:26px}
.pcard{display:block;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);transition:transform .28s,box-shadow .28s}
.pcard:hover{transform:translateY(-6px);box-shadow:0 30px 54px -30px rgba(0,0,0,.38)}
.pcard__img{aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 45%,var(--ink)));display:grid;place-items:center}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pcard:hover .pcard__img img{transform:scale(1.05)}
.pcard__ph{font-family:var(--font-h);font-weight:900;font-size:5rem;color:rgba(255,255,255,.9)}
.pcard__body{padding:22px 24px 26px}
.pcard__body h3{font-size:1.250rem;font-weight:800;margin:12px 0 6px}
.pcard__body p{color:var(--muted);margin:0;font-size:.96rem}
.pcard.is-hidden{display:none}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.filters button{padding:9px 20px;border-radius:999px;border:1.500px solid color-mix(in srgb,var(--text) 18%,transparent);background:transparent;font-weight:600;cursor:pointer;transition:.2s}
.filters button:hover{border-color:var(--text)}
.filters button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}

/* עמוד פרויקט */
.proj__cover img{width:100%;border-radius:var(--radius);margin-bottom:48px}
.proj{display:grid;grid-template-columns:1.800fr 1fr;gap:56px;align-items:start}
.proj__meta{background:var(--surface);border-radius:var(--radius);padding:28px;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);position:sticky;top:96px}
.proj__meta dl{margin:0 0 20px}
.proj__meta dt{font-size:.8rem;color:var(--muted);font-weight:600;margin-top:16px}
.proj__meta dt:first-child{margin-top:0}
.proj__meta dd{margin:3px 0 0;font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:56px}
.gallery img{width:100%;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:grid;place-items:center;z-index:200;padding:24px;cursor:zoom-out}
.lightbox img{max-width:100%;max-height:92vh;border-radius:8px}

/* תהליך */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0}
.steps li{padding:30px 26px 6px 26px;border-inline-start:1px solid color-mix(in srgb,var(--text) 14%,transparent);position:relative}
.steps li::before{content:"";position:absolute;inset-inline-start:-5px;top:36px;width:9px;height:9px;border-radius:50%;background:var(--primary)}
.steps h3{font-size:1.250rem;font-weight:800;margin-bottom:8px}
.steps p{color:var(--muted)}

/* המלצות */
.tcard{margin:0;background:var(--surface);border-radius:var(--radius);padding:30px;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);display:flex;flex-direction:column}
.tcard__stars{color:#f5a623;letter-spacing:2px;margin-bottom:12px}
.tcard__stars span{color:color-mix(in srgb,var(--text) 16%,transparent)}
.tcard blockquote{margin:0 0 22px;font-size:1.060rem;flex:1}
.tcard figcaption{display:flex;align-items:center;gap:12px}
.tcard figcaption img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.tcard figcaption b{display:block}
.tcard figcaption span{font-size:.88rem;color:var(--muted)}

/* חבילות */
.plans{align-items:stretch}
.plan{background:var(--surface);border-radius:var(--radius);padding:34px 30px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);display:flex;flex-direction:column}
.plan.is-hot{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 34px 60px -34px rgba(0,0,0,.6)}
.plan h3{font-size:1.350rem;font-weight:800}
.plan__desc{color:var(--muted);margin:6px 0 0}
.plan.is-hot .plan__desc{color:rgba(255,255,255,.7)}
.plan__price{font-family:var(--font-h);font-weight:900;font-size:2.500rem;margin:20px 0}
.plan__price small{font-size:.95rem;font-weight:500;opacity:.65;margin-inline-start:6px}
.plan ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px;flex:1}
.plan.is-hot li .ic{color:var(--accent)}

/* לקוחות */
.clients__t{text-align:center;font-size:1rem;color:var(--muted);font-weight:600;letter-spacing:0;margin-bottom:26px}
.clients{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 52px}
.clients img{max-height:44px;width:auto;filter:grayscale(1);opacity:.6;transition:.25s}
.clients a:hover img{filter:none;opacity:1}
.clients span{font-family:var(--font-h);font-weight:800;font-size:1.200rem;opacity:.5}

/* שאלות נפוצות */
.faq details{border-bottom:1px solid color-mix(in srgb,var(--text) 14%,transparent)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-family:var(--font-h);font-weight:700;font-size:1.150rem;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.600rem;font-weight:400;color:var(--primary);transition:transform .25s;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 0 24px;color:var(--muted);max-width:66ch}

/* קריאה לפעולה + טופס */
.cta{background:var(--ink);color:#fff;padding:clamp(60px,8vw,104px) 0;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:var(--primary);filter:blur(150px);opacity:.34;inset-inline-start:-160px;bottom:-240px}
.cta__in{display:grid;grid-template-columns:1fr 1.150fr;gap:56px;align-items:start;position:relative}
.cta h2{font-size:clamp(2rem,4.500vw,3.300rem);font-weight:900}
.cta__txt p{opacity:.76;font-size:1.150rem;margin-top:16px}
.cta__info{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.cta__info li{display:flex;gap:10px;align-items:center}
.cta__info .ic{color:var(--accent)}
.cta__form{background:var(--surface);color:var(--text);border-radius:calc(var(--radius) + 4px);padding:clamp(22px,3vw,36px)}
.lform{display:grid;gap:16px}
.lform__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.lform label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.lform input,.lform select,.lform textarea{width:100%;padding:13px 15px;border-radius:calc(var(--radius) * .7);border:1.500px solid color-mix(in srgb,var(--text) 16%,transparent);background:var(--bg);font-weight:400;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.lform input:focus,.lform select:focus,.lform textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent)}
.lform textarea{resize:vertical;min-height:120px}
.lform .btn{justify-self:start}
.lform__note{font-size:.82rem;color:var(--muted);margin:0}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.alert{padding:16px 20px;border-radius:calc(var(--radius) * .7);font-weight:600}
.alert--ok{background:#e4f7ec;color:#0c6b3b;border:1px solid #b3e3c8;font-size:1.100rem}
.alert--err{background:#fdecec;color:#a51d1d;border:1px solid #f3bcbc}

/* עמודים פנימיים */
.phero{background:var(--ink);color:#fff;padding:clamp(52px,7vw,92px) 0;position:relative;overflow:hidden}
.phero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--primary);filter:blur(140px);opacity:.36;inset-inline-end:-120px;top:-220px}
.phero .wrap{position:relative;z-index:1}
.phero h1{font-size:clamp(2.200rem,5.500vw,4rem);font-weight:900;max-width:20ch}
.phero__lead{font-size:1.200rem;opacity:.76;max-width:60ch;margin:18px 0 0}
.phero--404{padding:120px 0;text-align:center}
.phero--404 h1,.phero--404 .phero__lead{margin-inline:auto}
.phero--404 .btn{margin-top:28px}
.kicker{font-family:var(--font-h);font-weight:700;font-size:.88rem;color:var(--accent);margin-bottom:14px;letter-spacing:.04em}
.prose{font-size:1.080rem;max-width:72ch}
.prose h2{font-size:1.700rem;margin:1.600em 0 .5em}
.prose h3{font-size:1.300rem;margin:1.400em 0 .4em}
.prose a{color:var(--primary);text-decoration:underline}
.prose ul,.prose ol{padding-inline-start:1.300em}
.prose img{border-radius:var(--radius);margin:1.200em 0}
.about.has-img{display:grid;grid-template-columns:1.200fr 1fr;gap:56px;align-items:start}
.about__img img{border-radius:var(--radius);width:100%}
.member__img{aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--ink);display:grid;place-items:center;margin-bottom:16px}
.member__img img{width:100%;height:100%;object-fit:cover}
.member__img span{font-family:var(--font-h);font-size:3.500rem;font-weight:900;color:var(--accent)}
.member h3{font-size:1.150rem;font-weight:800}
.member__role{color:var(--primary);font-weight:600;font-size:.92rem;margin:2px 0 8px}
.member p{color:var(--muted);font-size:.94rem}
.contact{display:grid;grid-template-columns:1.500fr 1fr;gap:56px;align-items:start}
.contact__form{background:var(--surface);border-radius:var(--radius);padding:clamp(22px,3vw,38px);border:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.contact__info ul{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.contact__info li{display:flex;gap:14px;align-items:flex-start}
.contact__info .ic{color:var(--primary);margin-top:3px}
.contact__info b{display:block;font-size:.84rem;color:var(--muted);font-weight:600}
.contact__info a,.contact__info span{font-weight:600;font-size:1.080rem}
.contact__info a:hover{color:var(--primary)}
.contact__map{margin-top:28px;border-radius:var(--radius);overflow:hidden}
.contact__map iframe{width:100%;min-height:260px;border:0;display:block}

/* תחתית */
.ftr{background:var(--ink);color:#fff;padding:64px 0 0;border-top:1px solid rgba(255,255,255,.1)}
.ftr__grid{display:grid;grid-template-columns:1.600fr 1fr 1fr;gap:48px;padding-bottom:48px}
.ftr h3{font-size:.86rem;font-weight:700;opacity:.55;margin-bottom:16px;letter-spacing:.04em}
.ftr__about{opacity:.68;max-width:40ch;margin:16px 0 20px}
.ftr__links{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ftr__links a,.ftr__social a{opacity:.8;transition:.2s}
.ftr__links a:hover,.ftr__social a:hover{opacity:1;color:var(--accent)}
.ftr__social{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.92rem}
.ftr__bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;font-size:.86rem;opacity:.55}

/* צפים */
.fab{position:fixed;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;z-index:60;box-shadow:0 12px 28px -10px rgba(0,0,0,.5);transition:transform .2s}
.fab:hover{transform:scale(1.08)}
.fab--wa{inset-inline-start:22px;background:#25d366;color:#fff}
.fab--top{inset-inline-end:22px;background:var(--surface);color:var(--text);width:46px;height:46px}
.cookie{position:fixed;bottom:16px;inset-inline:16px;margin-inline:auto;max-width:620px;background:var(--surface);color:var(--text);border-radius:var(--radius);padding:14px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);z-index:70;font-size:.92rem}
[hidden]{display:none!important}

/* אנימציות */
.anim .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.anim .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .anim .reveal{opacity:1;transform:none;transition:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}

/* רספונסיבי */
@media (max-width:980px){
  .grid--3,.pgrid{grid-template-columns:repeat(2,1fr)}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .hero__in.has-img,.cta__in,.contact,.proj,.about.has-img,.srow{grid-template-columns:1fr;gap:32px}
  .proj__meta{position:static}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .ftr__grid>div:first-child{grid-column:1/-1}
}
@media (max-width:820px){
  .burger{display:block}
  .nav{position:absolute;top:100%;inset-inline:0;background:var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 22px;border-bottom:1px solid rgba(255,255,255,.1);display:none}
  .nav.is-open{display:flex}
  .nav a:not(.btn){padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:1.080rem}
  .nav a.is-on::after{display:none}
  .nav a.is-on{color:var(--accent)}
  .nav__cta{margin-top:16px}
  .hdr{position:sticky}
  .burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .shead{flex-direction:column;align-items:flex-start;margin-bottom:30px}
}
@media (max-width:620px){
  .grid--3,.pgrid,.gallery,.checks,.ftr__grid{grid-template-columns:1fr}
  .hero__btns .btn{flex:1 1 100%}
  .lform .btn{justify-self:stretch}
  .steps li{padding-bottom:0}
}

/* =====================================================================
   שכבת צבע — מעברי צבע, הילות וכרטיסים צבעוניים.
   הכול נגזר משלושת צבעי המותג (ראשי / משני / שלישי) שבהגדרות > עיצוב.
   ===================================================================== */
:root{
  --grad:linear-gradient(120deg,var(--primary),var(--third));
  --grad-cool:linear-gradient(120deg,var(--accent),var(--primary));
  --grad-all:linear-gradient(110deg,var(--accent),var(--primary) 50%,var(--third));
  --line:color-mix(in srgb,var(--text) 12%,transparent);
}
body.glow::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(60vw 50vh at 105% -5%,color-mix(in srgb,var(--primary) 34%,transparent),transparent 70%),
  radial-gradient(55vw 55vh at -10% 45%,color-mix(in srgb,var(--third) 20%,transparent),transparent 70%),
  radial-gradient(60vw 50vh at 90% 105%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}

/* ראש האתר שקוף עם טשטוש */
.hdr{background:color-mix(in srgb,var(--ink) 72%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
.logo__txt i{background:var(--grad-cool);width:10px;height:10px}
.nav a.is-on::after{background:var(--grad-all);height:3px}

/* כפתורים במעבר צבע */
.btn{background:var(--grad) border-box;border-color:transparent;box-shadow:0 10px 30px -12px var(--primary)}
.btn:hover{box-shadow:0 16px 36px -10px var(--third)}
.btn--accent{background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--primary))) border-box;color:#06121a;box-shadow:0 10px 30px -10px var(--accent)}
.btn--accent:hover{box-shadow:0 16px 40px -8px var(--accent)}
.btn--ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.26);box-shadow:none}
.btn--ghost:hover{background:rgba(255,255,255,.12);box-shadow:none}
.btn--line{background:transparent;border-color:var(--primary);color:var(--text);box-shadow:none}
.btn--line:hover{background:color-mix(in srgb,var(--primary) 18%,transparent)}
.more{color:var(--accent)}
.is-light .more{color:var(--primary)}
.tag{background:color-mix(in srgb,var(--primary) 22%,transparent);color:color-mix(in srgb,var(--primary) 45%,var(--text))}

/* פתיח */
.hero,.phero,.cta{background:
  radial-gradient(70% 90% at 100% 0,color-mix(in srgb,var(--primary) 62%,transparent),transparent 62%),
  radial-gradient(60% 80% at 0 100%,color-mix(in srgb,var(--third) 40%,transparent),transparent 62%),
  radial-gradient(45% 60% at 55% 110%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 65%),
  var(--ink)}
.hero::after,.phero::after,.cta::before{display:none}
.hero h1 em,.phero h1{background:var(--grad-all);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero h1{background-image:linear-gradient(110deg,#fff 30%,var(--accent))}
.hero h1 em{background-image:linear-gradient(110deg,var(--accent),color-mix(in srgb,var(--third) 70%,#fff))}
.hero__badge{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.stats{background:color-mix(in srgb,var(--ink) 55%,transparent);border-block:1px solid var(--line)}
.stat b{background:var(--grad-all);-webkit-background-clip:text;background-clip:text;color:transparent}

/* כותרות מקטע */
.shead h2{position:relative;padding-bottom:16px}
.shead h2::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:72px;height:5px;border-radius:99px;background:var(--grad-all)}
.sec--alt{background:color-mix(in srgb,var(--primary) 9%,transparent);border-block:1px solid var(--line)}

/* כרטיסים — כל כרטיס מקבל גוון אחר */
.scard,.pcard,.tcard,.plan,.proj__meta,.contact__form,.cta__form{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 92%,var(--primary)),var(--surface));border-color:var(--line)}
.scard{--hue:var(--primary);position:relative;overflow:hidden}
.grid>.scard:nth-child(3n+2),.steps li:nth-child(3n+2){--hue:var(--third)}
.grid>.scard:nth-child(3n),.steps li:nth-child(3n){--hue:var(--accent)}
.scard::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,var(--hue),transparent)}
.scard::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--hue);filter:blur(70px);opacity:.22;inset-inline-end:-60px;top:-70px;transition:opacity .3s;pointer-events:none}
.scard:hover{border-color:var(--hue);box-shadow:0 26px 50px -28px var(--hue)}
.scard:hover::after{opacity:.42}
.scard__ic{background:linear-gradient(135deg,var(--hue),color-mix(in srgb,var(--hue) 45%,var(--ink)));color:#fff;box-shadow:0 12px 24px -10px var(--hue)}
.srow .scard__ic{--hue:var(--primary)}
.srow:nth-of-type(3n+2) .scard__ic{--hue:var(--third)}
.srow:nth-of-type(3n) .scard__ic{--hue:var(--accent)}
.scard__price,.member__role,.prose a,.steps__n{color:var(--accent)}
.is-light .scard__price,.is-light .member__role,.is-light .prose a,.is-light .steps__n{color:var(--primary)}
.checks .ic,.plan li .ic,.contact__info .ic,.cta__info .ic,.hero__pts .ic{color:var(--accent)}
.pcard:hover{box-shadow:0 30px 60px -30px var(--primary);border-color:color-mix(in srgb,var(--primary) 60%,transparent)}
.pcard__img{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,var(--third)))}
.filters button{border-color:var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent)}
.filters button:hover{border-color:var(--accent)}
.filters button.is-on{background:var(--grad);border-color:transparent;color:#fff}

/* תהליך */
.steps li{--hue:var(--primary);border-inline-start:2px solid color-mix(in srgb,var(--hue) 55%,transparent)}
.steps li::before{background:var(--hue);width:12px;height:12px;inset-inline-start:-7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--hue) 25%,transparent)}
.steps .steps__n{color:var(--hue);font-size:1.600rem;letter-spacing:0}

/* חבילות, שאלות, טפסים */
.plan.is-hot{background:var(--grad);border-color:transparent;box-shadow:0 34px 70px -30px var(--third)}
.plan.is-hot .btn{background:#fff;color:#14122e;box-shadow:none}
.faq summary::after{color:var(--accent)}
.faq details[open] summary{color:var(--accent)}
.is-light .faq summary::after,.is-light .faq details[open] summary{color:var(--primary)}
.lform input,.lform select,.lform textarea{background:color-mix(in srgb,var(--text) 6%,transparent);border-color:var(--line)}
.lform select option{background:var(--surface);color:var(--text)}
.lform input:focus,.lform select:focus,.lform textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.cta__form{box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.clients img{filter:grayscale(1) brightness(1.8)}
.is-light .clients img{filter:grayscale(1)}
.member__img{background:var(--grad)}
.member__img span{color:#fff}

/* תחתית */
.ftr{background:var(--ink);position:relative}
.ftr::before{content:"";position:absolute;inset-inline:0;top:-1px;height:3px;background:var(--grad-all)}
.fab--top{background:var(--grad);color:#fff}
.kicker{color:var(--accent)}