/* ============================================================
   מגביר v2 — מערכת עיצוב כהה פרימיום (כל האתר)
   ============================================================ */
:root{
  --bg:#081226;
  --bg2:#0c1a36;
  --panel:rgba(146,180,255,.055);
  --panel2:rgba(146,180,255,.085);
  --line:rgba(146,180,255,.13);
  --line2:rgba(146,180,255,.22);
  --ink:#eaf0fb;
  --ink-soft:#dbe4f7;
  --ink-dim:#aebfdd;
  --blue:#3b82f6;
  --blue2:#60a5fa;
  --emerald:#10b981;
  --emerald2:#34d399;
  --violet:#8b5cf6;
  --grad:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);
  --grad2:linear-gradient(135deg,#60a5fa 0%,#8b5cf6 100%);
  --radius:20px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:'Heebo',sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
::selection{background:rgba(59,130,246,.35)}
img{max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}

/* רקע כללי — זוהר עדין */
.orbs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.orbs i{position:absolute;border-radius:50%;filter:blur(130px)}
.orbs .o1{width:640px;height:640px;background:radial-gradient(circle,rgba(37,99,235,.32),transparent 70%);top:-260px;inset-inline-start:-160px}
.orbs .o2{width:560px;height:560px;background:radial-gradient(circle,rgba(5,150,105,.2),transparent 70%);bottom:-240px;inset-inline-end:-140px}

/* ===== אנימציות גילוי ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .glowpulse,.marq-inner{animation:none !important}
}

/* ===== ניווט ===== */
header{position:sticky;top:0;background:rgba(8,18,38,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{font-weight:900;font-size:1.5rem;color:#fff;display:flex;align-items:center;gap:.55rem}
.logo span{color:var(--emerald)}
.logo svg{display:block}
.nav-links{display:flex;gap:1.5rem;font-size:.95rem;font-weight:500;color:var(--ink-soft)}
.nav-links a{transition:color .18s}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}
.nav-toggle{display:none;background:none;border:1.5px solid var(--line2);color:#fff;border-radius:10px;width:42px;height:42px;font-size:1.25rem;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}

.btn{display:inline-block;background:var(--grad);color:#fff;font-weight:700;padding:.75rem 1.6rem;border-radius:999px;border:none;font-size:1rem;cursor:pointer;box-shadow:0 10px 30px -12px rgba(16,185,129,.6);transition:transform .18s,box-shadow .18s,filter .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(16,185,129,.7);filter:brightness(1.08)}
.btn-lg{padding:1rem 2.3rem;font-size:1.1rem}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid var(--line2);box-shadow:none}
.btn-ghost:hover{border-color:rgba(255,255,255,.5);box-shadow:none;filter:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--blue2);outline-offset:2px;border-radius:6px}
.skip-link{position:absolute;top:-48px;inset-inline-start:12px;background:#fff;color:#05070d;font-weight:700;padding:.6rem 1.1rem;border-radius:10px;z-index:100;transition:top .15s}
.skip-link:focus{top:10px}

/* ===== Hero ===== */
.hero{position:relative;padding:96px 0 88px;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:var(--emerald2);border:1px solid rgba(52,211,153,.35);background:rgba(16,185,129,.08);border-radius:999px;padding:.4rem 1.1rem;margin-bottom:1.4rem}
h1{font-size:3.4rem;font-weight:900;line-height:1.12;letter-spacing:-1px;color:#fff}
h1 em,.gr{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.25rem;color:var(--ink-soft);margin:1.3rem 0 2rem;max-width:38rem}
.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}
.hero-note{font-size:.9rem;color:var(--ink-dim);margin-top:.9rem}
.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}
.hero-visual{position:relative}
.hero-visual::before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle,rgba(59,130,246,.22),transparent 65%);filter:blur(40px);z-index:-1}
.glowframe{border-radius:calc(var(--radius) + 4px);padding:1.5px;background:linear-gradient(140deg,rgba(59,130,246,.9),rgba(139,92,246,.4) 40%,rgba(16,185,129,.9));box-shadow:0 45px 120px -38px rgba(29,78,216,.6)}
.glowframe img{display:block;width:100%;height:auto;border-radius:var(--radius)}
@keyframes glowpulse{0%,100%{opacity:.55}50%{opacity:.95}}
.glowframe{position:relative}
.glowframe::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:inherit;filter:blur(18px);opacity:.6;z-index:-1;animation:glowpulse 5s ease-in-out infinite}

/* ===== גלגל השירותים — הגרפיקה שמגדירה את העסק ===== */
.hub{position:relative;width:min(640px,100%);aspect-ratio:1;margin:0 auto}
.hub .hub-bg{position:absolute;inset:0;width:100%;height:100%}
.ringA,.ringB{transform-box:view-box;transform-origin:50% 50%}
@keyframes hubspin{to{transform:rotate(360deg)}}
.ringA{animation:hubspin 44s linear infinite}
.ringB{animation:hubspin 64s linear infinite reverse}
.hub-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37%;aspect-ratio:1;border-radius:50%;background:url(/art/hubcore.png) center/118% no-repeat,radial-gradient(circle at 35% 30%,rgba(59,130,246,.42),rgba(8,18,38,.94) 72%);border:1.5px solid rgba(96,165,250,.4);text-shadow:0 2px 14px rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;box-shadow:0 0 80px -12px rgba(59,130,246,.6),inset 0 0 44px rgba(59,130,246,.16);text-align:center}
.hub-core b{font-size:1.9rem;font-weight:900;color:#fff}
.hub-core b i{font-style:normal;color:var(--emerald2)}
.hub-core span{font-size:.82rem;color:var(--ink-soft);padding:0 14px;line-height:1.4}
@keyframes nodefloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
.hub-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.6rem;background:rgba(8,18,38,.9);border:1px solid var(--line2);border-radius:999px;padding:.7rem 1.25rem;font-size:1.05rem;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 16px 38px -14px rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:nodefloat 5.5s ease-in-out infinite}
.hub-node em{font-style:normal;font-size:1.35rem}
.hub-node{cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.hub-node:hover{border-color:#60a5fa;background:rgba(12,26,54,.97);box-shadow:0 16px 44px -12px rgba(37,99,235,.65)}
.hub-core{cursor:pointer;transition:box-shadow .2s,border-color .2s}
a.hub-core:hover{border-color:#93c5fd;box-shadow:0 0 100px -8px rgba(59,130,246,.8),inset 0 0 44px rgba(59,130,246,.22)}
.hub-node.h2{animation-delay:1.1s}.hub-node.h3{animation-delay:2.2s}
.hub-node.h4{animation-delay:3.3s}.hub-node.h5{animation-delay:4.4s}
@media(prefers-reduced-motion:reduce){.ringA,.ringB,.hub-node{animation:none}}
@media(max-width:920px){.hub-node{font-size:.86rem;padding:.5rem .9rem}.hub-node em{font-size:1.1rem}.hub-core b{font-size:1.4rem}}

/* ===== מספרי אמון ===== */
.stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:2.2rem}
.stat{flex:1 1 150px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;text-align:center}
.stat b{display:block;font-size:1.9rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:.85rem;color:var(--ink-soft)}

/* ===== אמנות רקע לעמודים — קווית, בצבעי הטמפלט ===== */
.hero-art{position:absolute;inset:0;pointer-events:none;opacity:.55;overflow:hidden}
.hero-art svg{position:absolute;inset-inline-end:-4%;top:-8%;width:56%;min-width:460px;height:auto}
@keyframes artfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.hero-art svg{animation:artfloat 10s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hero-art svg{animation:none}}
@media(max-width:920px){.hero-art{opacity:.22}.hero-art svg{width:110%;min-width:0}}

/* ===== סקשנים ===== */
main section{padding:84px 0;scroll-margin-top:80px}
.sec-title{font-size:2.3rem;font-weight:900;text-align:center;letter-spacing:-.5px;color:#fff;margin-bottom:.6rem;position:relative}
.sec-title::after{content:"";display:block;width:0;height:4px;border-radius:99px;background:var(--grad);margin:.7rem auto 0;transition:width .8s cubic-bezier(.2,.7,.2,1) .15s}
.sec-title.in::after{width:64px}
@media(prefers-reduced-motion:reduce){.sec-title::after{width:64px;transition:none}}
.sec-sub{text-align:center;color:var(--ink-soft);max-width:42rem;margin:0 auto 2.8rem;font-size:1.08rem}
.band{background:var(--bg2);border-block:1px solid var(--line)}

/* ===== בנטו-גריד שירותים ===== */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.b-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;overflow:hidden;transition:transform .2s,border-color .2s,background .2s;display:block}
.b-card:hover{transform:translateY(-4px);border-color:rgba(96,165,250,.5);background:var(--panel2)}
.b-card::after{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at var(--mx,80%) -20%,rgba(59,130,246,.14),transparent 70%);pointer-events:none}
.b-lg{grid-column:span 3}
.b-md{grid-column:span 2}
.b-sm{grid-column:span 3}
.b-card .ico{width:52px;height:52px;border-radius:15px;background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}
.b-card h3{font-size:1.25rem;color:#fff;margin-bottom:.45rem}
.b-card p{color:var(--ink-soft);font-size:.97rem}
.b-card .more{display:inline-block;margin-top:1rem;font-weight:700;font-size:.92rem;color:var(--blue2)}
.b-card:hover .more{text-decoration:underline}

/* ===== כרטיסים כלליים ===== */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cards.cols-2{grid-template-columns:1fr 1fr}
.cards.cols-4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-4px);border-color:var(--line2)}
.card .ico{width:48px;height:48px;border-radius:14px;background:rgba(16,185,129,.1);border:1px solid rgba(52,211,153,.28);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.9rem}
.card h3{font-size:1.1rem;color:#fff;margin-bottom:.4rem}
.card p{color:var(--ink-soft);font-size:.95rem}
.card ul{list-style:none;display:grid;gap:.55rem;margin-top:.7rem}
.card li{display:flex;gap:.55rem;align-items:baseline;font-size:.93rem;color:var(--ink-soft)}
.card li::before{content:"✓";color:var(--emerald2);font-weight:900;flex-shrink:0}
.card.hl{border:1.5px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box}

/* ===== ציר תהליך ===== */
.tl{position:relative;max-width:880px;margin:0 auto;padding:10px 0 4px}
.tl-line{position:absolute;top:0;bottom:0;inset-inline-start:calc(50% - 1.5px);width:3px;background:var(--line);border-radius:99px;overflow:hidden}
.tl-line i{position:absolute;inset:0;background:var(--grad);transform:scaleY(0);transform-origin:top}
.tl-item{position:relative;width:calc(50% - 44px);margin-bottom:26px}
.tl-item.alt{margin-inline-start:auto}
.tl-item:last-child{margin-bottom:0}
.tl-node{position:absolute;top:16px;inset-inline-end:-64px;width:42px;height:42px;border-radius:50%;background:var(--bg2);border:2.5px solid rgba(96,165,250,.4);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:1;opacity:0;transform:scale(.55);transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s,border-color .3s,box-shadow .3s}
.tl-item.alt .tl-node{inset-inline-end:auto;inset-inline-start:-64px}
.tl-item.in .tl-node{opacity:1;transform:scale(1);border-color:#60a5fa;box-shadow:0 0 0 6px rgba(59,130,246,.16),0 10px 24px -10px rgba(29,78,216,.6)}
.tl-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;transition:transform .18s,border-color .18s}
.tl-card:hover{transform:translateY(-3px);border-color:var(--line2)}
.tl-tag{display:inline-block;font-size:.72rem;font-weight:800;color:var(--blue2);background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.3);border-radius:999px;padding:.14rem .7rem;margin-bottom:.5rem}
.tl-card h3{font-size:1.05rem;color:#fff;margin-bottom:.3rem}
.tl-card p{color:var(--ink-soft);font-size:.95rem}
@media(prefers-reduced-motion:reduce){
  .tl-line i{transform:scaleY(1) !important}
  .tl-node{opacity:1;transform:none;transition:none}
}

/* ===== FAQ ===== */
details.exp{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:10px}
details.exp summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:16px 18px;font-weight:700;color:#fff}
details.exp summary::-webkit-details-marker{display:none}
details.exp summary::after{content:"›";font-size:1.3rem;color:var(--ink-soft);transform:rotate(90deg);transition:transform .2s}
details.exp[open] summary::after{transform:rotate(-90deg)}
details.exp .exp-body{padding:0 18px 16px;color:var(--ink-soft);font-size:.95rem}
.faq-wrap{max-width:46rem;margin:0 auto}

/* ===== CTA ===== */
.cta-band{position:relative;text-align:center;padding:90px 0;overflow:hidden;border-top:1px solid var(--line)}
.cta-band::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.16),transparent 70%);filter:blur(60px);top:-260px;right:50%;transform:translateX(50%)}
.cta-band .wrap{position:relative;z-index:1}
.cta-band h2{font-size:2.2rem;font-weight:900;color:#fff;margin-bottom:.7rem;letter-spacing:-.5px}
.cta-band p{color:var(--ink-soft);max-width:36rem;margin:0 auto 1.7rem;font-size:1.08rem}

/* ===== טופס ===== */
form{max-width:540px;margin:0 auto;background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;gap:14px}
form label{font-weight:700;font-size:.92rem;display:grid;gap:.35rem;color:var(--ink)}
input,select,textarea{font-family:inherit;font-size:1rem;padding:.75rem .9rem;border:1.5px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.05);color:var(--ink);width:100%;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--ink-dim)}
select{color:var(--ink)}
select option{background:#0a0e18;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.form-note{font-size:.8rem;color:var(--ink-dim);font-weight:400}
.form-note a{color:var(--blue2);text-decoration:underline}
.contact-alt{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:2rem}
.contact-alt a{display:flex;align-items:center;gap:.5rem;background:var(--panel);border:1px solid var(--line2);border-radius:999px;padding:.6rem 1.2rem;font-weight:700;color:#fff;transition:background .18s,border-color .18s}
.contact-alt a:hover{background:var(--panel2);border-color:rgba(255,255,255,.4)}

/* ===== עמוד שירות ===== */
.page-hero{position:relative;padding:82px 0 72px;overflow:hidden}
.page-hero .wrap{position:relative;z-index:1;max-width:54rem;text-align:center}
.page-hero h1{font-size:2.7rem}
.page-hero p.lead{font-size:1.18rem;color:var(--ink-soft);margin:1.1rem auto 1.8rem;max-width:40rem}
.crumb{font-size:.85rem;color:var(--ink-dim);margin-bottom:1.1rem}
.crumb a{text-decoration:underline}
.check-strip{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin-top:1.8rem}
.check-strip span{display:flex;align-items:center;gap:.45rem;font-size:.92rem;font-weight:500;color:var(--ink-soft)}
.check-strip span::before{content:"✓";color:var(--emerald2);font-weight:900}
.fineprint{font-size:.85rem;color:var(--ink-dim);text-align:center;max-width:44rem;margin:1.8rem auto 0}

/* ===== חבילות (בלי מחירים) ===== */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.tier{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.tier:hover{transform:translateY(-4px);border-color:var(--line2)}
.tier.hot{border:1.5px solid transparent;position:relative;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box}
.tier .flag{position:absolute;top:-14px;right:50%;transform:translateX(50%);background:var(--grad);color:#fff;font-size:.75rem;font-weight:700;padding:.22rem .95rem;border-radius:999px;white-space:nowrap}
.tier h3{font-size:1.25rem;color:#fff;margin-bottom:.3rem}
.tier .tsub{color:var(--ink-soft);font-size:.92rem;margin-bottom:1rem}
.tier ul{list-style:none;display:grid;gap:.6rem;margin-bottom:1.5rem;flex:1}
.tier li{display:flex;gap:.55rem;align-items:baseline;font-size:.93rem;color:var(--ink-soft)}
.tier li::before{content:"✓";color:var(--emerald2);font-weight:900;flex-shrink:0}
.tier .btn,.tier .btn-ghost{text-align:center}

/* ===== פוטר ===== */
footer{background:var(--bg2);color:var(--ink-soft);border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px;padding:52px 0 30px}
.footer-grid h4{color:#fff;font-size:.95rem;margin-bottom:.8rem}
.footer-grid ul{list-style:none;display:grid;gap:.5rem;font-size:.92rem}
footer a:hover{color:#fff}
.footer-brand p{font-size:.92rem;margin-top:.6rem;color:var(--ink-dim);max-width:22rem}
.footer-bottom{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-dim);flex-wrap:wrap;gap:8px}
.legal-links{display:flex;gap:1.1rem;flex-wrap:wrap}

/* ===== רספונסיב ===== */
@media(max-width:920px){
  .nav-toggle{display:flex}
  .nav-links{display:none;position:absolute;top:68px;inset-inline:0;background:rgba(8,18,38,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-direction:column;gap:0;padding:6px 22px 14px;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:1.05rem}
  .nav-links a:last-child{border-bottom:none}
  h1{font-size:2.3rem}
  .page-hero h1{font-size:2.1rem}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .bento{grid-template-columns:1fr}
  .b-lg,.b-md,.b-sm{grid-column:auto}
  .cards,.cards.cols-2,.cards.cols-4,.tiers{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:26px;padding:38px 0 24px}
  main section{padding:60px 0}
  .tl-line{inset-inline-start:19px}
  .tl-item,.tl-item.alt{width:auto;margin-inline-start:56px}
  .tl-node,.tl-item.alt .tl-node{inset-inline-end:auto;inset-inline-start:-56px}
  .nav .btn{white-space:nowrap;padding:.55rem 1rem;font-size:.88rem;box-shadow:0 6px 18px -10px rgba(16,185,129,.6)}
  .nav{gap:10px}
  .logo{font-size:1.3rem}
}

/* ---- legal pages (privacy/terms/accessibility) ---- */
.legal-body{max-width:54rem;line-height:1.8}
.legal-body h2{font-size:1.15rem;font-weight:800;margin:1.9rem 0 .55rem;color:var(--ink)}
.legal-body p,.legal-body li{color:var(--ink-soft);font-size:1rem;margin-bottom:.6rem}
.legal-body ul,.legal-body ol{padding-right:1.3rem;margin-bottom:.8rem}
.legal-body strong{color:var(--ink)}
.legal-body a{color:var(--blue2);text-decoration:underline}
.legal-body .note{background:var(--panel2);border-right:4px solid var(--blue);border-radius:10px;padding:14px 16px;margin:1rem 0}

/* ---- hero punch lines (מחליף את פסקת העיתון) ---- */
.lead-punch{margin:1.5rem 0 2.2rem;display:flex;flex-direction:column;gap:.9rem;max-width:38rem}
.lead-punch p{font-size:1.28rem;line-height:1.5;color:var(--ink-soft);margin:0;padding-inline-start:2.3rem;position:relative}
.lead-punch p i{font-style:normal;font-size:1.3rem;position:absolute;inset-inline-start:0;top:.1rem}
.lead-punch b{color:#fff;font-weight:800}
.lp-hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
@media(max-width:920px){.lead-punch p{font-size:1.12rem;padding-inline-start:2rem}}

/* ---- hub nodes: שם אנושי + מונח קטן ---- */
.hub-node{flex-direction:row;line-height:1.15}
.hub-node small{display:block;font-size:.78rem;font-weight:500;color:var(--ink-dim);margin-top:1px}
.hub-node .nlbl{display:flex;flex-direction:column;align-items:flex-start}


/* ---- קריאות: שאנשים ירצו לקרוא הכול (הנחיית מאור 15.08) ---- */
.card p,.b-card p{font-size:1.05rem;line-height:1.7;color:#d3ddf2}
.sec-sub{font-size:1.18rem;color:#c6d3ec}
.page-hero p.lead{font-size:1.24rem;color:#d3ddf2}
.tl-card p{font-size:1rem;color:#c6d3ec}
.exp-body{font-size:1.02rem;color:#c6d3ec}
.footer-brand p,footer li a{color:#b7c5e2}

/* ============================================================
   DESIGN LIFT 15.08 — לפי עקרונות Dark-OLED+Glassmorphism
   (מתוך מאגר העיצוב): קונטרסט גבוה, זכוכית שכבתית, אקסנטים זוהרים.
   ============================================================ */
/* טקסט גוף: כמעט-לבן, גדול — אין יותר "אפור עיתון" */
.card p,.b-card p,.tl-card p,.exp-body,.step p{color:#dfe8fa !important;font-size:1.07rem;line-height:1.75}
.sec-sub{color:#d3ddf2 !important;font-size:1.2rem}
.page-hero p.lead,.hero p.lead{color:#e2eafb !important}

/* שורה ראשונה של כל כרטיס — לבנה ומודגשת: העין נתפסת מיד */
.b-card p::first-line,.card p::first-line{color:#ffffff;font-weight:700}

/* כרטיסים: זכוכית שכבתית + עומק + חיים בריחוף */
.card,.b-card{background:linear-gradient(160deg,rgba(146,180,255,.10),rgba(146,180,255,.04));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(146,180,255,.22);transition:transform .22s,border-color .22s,box-shadow .22s}
.card:hover,.b-card:hover{transform:translateY(-5px);border-color:rgba(96,165,250,.55);box-shadow:0 26px 60px -22px rgba(37,99,235,.5)}

/* אייקוני הכרטיסים: צ'יפ גרדיאנט זוהר במקום ריבוע שטוח */
.card .ico,.b-card .ico{background:var(--grad);box-shadow:0 10px 26px -10px rgba(16,185,129,.65);font-size:1.6rem;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}

/* כותרות סקשן: גדולות יותר, נוכחות */
.sec-title{font-size:2.55rem}
h3{color:#fff}
.b-card h3,.card h3{font-size:1.35rem}

/* קישורי "איך זה עובד" — כפתוריים, לא סתם טקסט */
.b-card .more,.card .more{display:inline-block;margin-top:.9rem;font-weight:800;color:#7cc4ff;border:1px solid rgba(96,165,250,.35);border-radius:999px;padding:.4rem 1.1rem;font-size:.92rem;transition:background .18s,border-color .18s}
.b-card:hover .more,.card:hover .more{background:rgba(59,130,246,.18);border-color:#60a5fa}

@media(max-width:920px){.sec-title{font-size:2rem}.card p,.b-card p{font-size:1.02rem}}

/* ---- הדגמת שיחה חיה (עמוד העובד הווירטואלי) ---- */
.chatdemo{display:grid;grid-template-columns:1fr minmax(320px,420px) 1fr;gap:26px;align-items:center;max-width:980px;margin:0 auto}
.chat-card{background:linear-gradient(165deg,rgba(146,180,255,.12),rgba(146,180,255,.05));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(146,180,255,.28);border-radius:24px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.chat-head{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;font-weight:800;font-size:.95rem;color:#fff;border-bottom:1px solid rgba(146,180,255,.18);background:rgba(8,18,38,.5)}
.cd-dot{width:9px;height:9px;border-radius:50%;background:var(--emerald2);box-shadow:0 0 10px var(--emerald2)}
.chat-body{padding:1.1rem;display:flex;flex-direction:column;gap:.6rem}
.msg{max-width:85%;padding:.6rem .95rem;border-radius:16px;font-size:.95rem;line-height:1.55;color:#eef3fd;position:relative}
.msg i{display:block;font-style:normal;font-size:.68rem;color:var(--ink-dim);margin-top:.2rem;text-align:left}
.msg.cu{background:rgba(146,180,255,.14);border:1px solid rgba(146,180,255,.2);align-self:flex-start;border-bottom-right-radius:6px}
.msg.cb{background:linear-gradient(135deg,rgba(59,130,246,.35),rgba(16,185,129,.3));border:1px solid rgba(96,165,250,.35);align-self:flex-end;border-bottom-left-radius:6px}
.chat-foot{padding:.75rem 1.2rem;font-size:.85rem;font-weight:700;color:var(--emerald2);border-top:1px solid rgba(146,180,255,.18);background:rgba(16,185,129,.07)}
.cd-chips{display:flex;flex-direction:column;gap:14px}
.cd-chip{background:rgba(8,18,38,.85);border:1px solid var(--line2);border-radius:16px;padding:.8rem 1rem;font-size:.9rem;box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
.cd-chip b{display:block;color:#fff;font-size:.98rem}
.cd-chip span{color:var(--ink-soft);font-size:.85rem}
@media(max-width:920px){
  .chatdemo{grid-template-columns:1fr;gap:16px}
  .cd-chips{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .cd-chip{flex:1;min-width:150px}
}


/* ---- MAX CONTRAST 15.08 (עקרון Dark-OLED מהמאגר: קונטרסט גבוה) ---- */
.card p,.b-card p,.tl-card p,.exp-body,.step p{color:#eef2fc !important;font-size:1.08rem}
.sec-sub{color:#e8eefb !important;font-size:1.22rem;font-weight:500}
.page-hero p.lead,.hero p.lead{color:#f0f4fd !important;font-weight:500}
.lead-punch p{color:#e8eefb}
.sec-title{text-shadow:0 0 34px rgba(96,165,250,.35)}
.card h3,.b-card h3{font-size:1.42rem}
.faq-wrap summary,.exp summary{color:#fff;font-weight:700;font-size:1.05rem}
footer li a:hover{color:#fff}


/* ---- רשת הפיצ'רים (עמוד ה-CRM) ---- */
.featgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;max-width:1060px;margin:0 auto}
.featgrid span{background:linear-gradient(160deg,rgba(146,180,255,.10),rgba(146,180,255,.04));border:1px solid rgba(146,180,255,.22);border-radius:14px;padding:.7rem 1rem;font-size:.98rem;font-weight:600;color:#eef2fc;transition:border-color .18s,transform .18s}
.featgrid span:hover{border-color:rgba(96,165,250,.55);transform:translateY(-2px)}
@media(max-width:920px){.featgrid{grid-template-columns:1fr 1fr}.featgrid span{font-size:.88rem;padding:.6rem .8rem}}

/* ---- crmbook: דפדוף מסכי המערכת (עמוד ניהול לקוחות) ---- */
.crmbook{position:relative;max-width:880px;margin:38px auto 0}
.cb-frame{position:relative;border:1px solid var(--line2);border-radius:22px;overflow:hidden;background:#0a1530;box-shadow:0 44px 90px -32px rgba(0,0,0,.75)}
.cb-slide{display:none}
.cb-slide.on{display:block;animation:cbfade .45s ease}
@keyframes cbfade{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
.cb-slide svg{display:block;width:100%;height:auto}
.cb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--line2);background:rgba(8,18,38,.88);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:border-color .18s,background .18s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cb-arrow:hover{border-color:#60a5fa;background:rgba(12,26,54,.97)}
.cb-prev{inset-inline-start:-16px}
.cb-next{inset-inline-end:-16px}
.cb-caption{text-align:center;margin-top:16px;font-weight:700;font-size:1.02rem;color:#d3ddf2}
.cb-dots{display:flex;gap:9px;justify-content:center;margin-top:12px}
.cb-dots button{width:10px;height:10px;border-radius:50%;border:none;padding:0;background:var(--line2);cursor:pointer;transition:background .18s,transform .18s}
.cb-dots button.on{background:#34d399;transform:scale(1.3)}
@media(max-width:920px){.cb-prev{inset-inline-start:6px}.cb-next{inset-inline-end:6px}.cb-arrow{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.cb-slide.on{animation:none}}

/* ---- fitmeet: פגישת ההתאמה (עמוד ניהול לקוחות) ---- */
.fitmeet{display:flex;gap:16px;align-items:center;max-width:780px;margin:28px auto 0;background:rgba(16,185,129,.08);border:1px solid rgba(52,211,153,.35);border-radius:18px;padding:18px 24px;color:#d3ddf2;line-height:1.6}
.fitmeet b{color:#fff;display:block;margin-bottom:3px;font-size:1.05rem}
.fm-ico{font-size:1.8rem;flex-shrink:0}
@media(max-width:920px){.fitmeet{flex-direction:column;text-align:center;gap:10px}}

/* ---- מעבר תלת-ממדי מונע-גלילה (מובייל) — הדפדפן מסנכרן ישירות
   לתנוחת הגלילה, כולל גלילת תנופה. כניסה: המקטע עף פנימה ומתיישר;
   יציאה: התוכן נוטה לאחור ומתעמעם. נפילה חיננית בדפדפנים ישנים. ---- */
@supports (animation-timeline: view()) {
  @media (max-width: 920px) and (prefers-reduced-motion: no-preference) {
    main > section:not(.hero) {
      animation-name: s3dIn;
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: entry 0% cover 42%;
      transform-origin: 50% 100%;
    }
    main > section:not(.hero) > .wrap {
      animation-name: s3dOut;
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: cover 62% exit 100%;
      transform-origin: 50% 0%;
    }
  }
}
@keyframes s3dIn {
  from { transform: perspective(900px) rotateX(16deg) translateY(54px) scale(.93); opacity: .25; }
  to { transform: none; opacity: 1; }
}
@keyframes s3dOut {
  from { transform: none; opacity: 1; }
  to { transform: perspective(900px) rotateX(-12deg) translateY(-34px); opacity: .35; }
}

/* ---- fmq: מצעד הפיצ'רים — שתי שורות נעות, בלי חפירה ---- */
.fmq{position:relative;margin-top:30px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.fmq-row{display:flex;gap:12px;width:max-content;padding:7px 0;animation:fmqscroll 44s linear infinite}
.fmq-row.r2{animation-duration:56s;animation-direction:reverse}
.fmq-row span{background:rgba(146,180,255,.07);border:1px solid rgba(146,180,255,.22);border-radius:999px;padding:.55rem 1.15rem;font-size:.95rem;font-weight:700;color:#e2eaff;white-space:nowrap}
.fmq:hover .fmq-row{animation-play-state:paused}
@keyframes fmqscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fmq-note{text-align:center;margin-top:18px;font-size:1.05rem;font-weight:700;color:#d3ddf2}
@media(prefers-reduced-motion:reduce){.fmq-row{animation:none}}

/* ---- hero-art-ai: ארט AI קולנועי בעמודי השירותים ---- */
.hero-art-ai{opacity:1}
.hero-art-ai img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:92%;width:auto;max-width:96%;object-fit:contain;opacity:.45;-webkit-mask-image:radial-gradient(62% 62% at 50% 50%,#000 34%,transparent 74%);mask-image:radial-gradient(62% 62% at 50% 50%,#000 34%,transparent 74%);animation:artfloat 12s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hero-art-ai img{animation:none}}
@media(max-width:920px){.hero-art-ai img{height:74%;max-width:100%;opacity:.38}}
/* ---- אייקוני 3D בגלגל ---- */
.hub-node img.nico{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
@media(max-width:920px){.hub-node img.nico{width:26px;height:26px}}

/* ---- hub2: הגלגל החדש — ליבת גלקסיה + מדליוני זכוכית (Seedream) ---- */
.hub2-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;aspect-ratio:1;border-radius:50%}
.hub2-core img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150%;height:150%;object-fit:contain;-webkit-mask-image:radial-gradient(circle closest-side at 50% 50%,#000 60%,rgba(0,0,0,.75) 78%,transparent 97%);mask-image:radial-gradient(circle closest-side at 50% 50%,#000 60%,rgba(0,0,0,.75) 78%,transparent 97%);transition:opacity .25s}
.hub2-core:hover img{filter:drop-shadow(0 0 80px rgba(59,130,246,.75))}
.hc-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.9)}
.hc-label b{font-size:1.8rem;font-weight:900;color:#fff}
.hc-label b i{font-style:normal;color:var(--emerald2)}
.hc-label em{font-style:normal;font-size:.8rem;color:#dbe4f7;max-width:80%}
.hub2-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;width:138px;text-align:center;animation:nodefloat 6s ease-in-out infinite}
.hub2-node .medal{width:98px;height:98px;border-radius:50%;overflow:hidden;border:1px solid rgba(96,165,250,.4);box-shadow:0 0 34px -8px rgba(56,189,248,.6),0 18px 40px -18px #000;transition:transform .2s,box-shadow .2s}
.hub2-node .medal img{width:100%;height:100%;object-fit:cover;transform:scale(1.42)}
.hub2-node:hover .medal{transform:scale(1.08);box-shadow:0 0 50px -8px rgba(56,189,248,.95),0 18px 44px -16px #000}
.hub2-node b{font-size:.98rem;font-weight:800;color:#fff;line-height:1.25}
.hub2-node small{font-size:.75rem;color:var(--ink-dim)}
.hub2-node.n1{--x:50%;--y:10%}
.hub2-node.n2{--x:88%;--y:37.6%;animation-delay:1.2s}
.hub2-node.n3{--x:73.5%;--y:82.4%;animation-delay:2.4s}
.hub2-node.n4{--x:26.5%;--y:82.4%;animation-delay:3.6s}
.hub2-node.n5{--x:12%;--y:37.6%;animation-delay:4.8s}
@media(max-width:920px){
  .hub2-node{width:96px;gap:5px}
  .hub2-node .medal{width:66px;height:66px}
  .hub2-node b{font-size:.78rem}
  .hub2-node small{font-size:.65rem}
  .hub2-node.n2{--x:86%}
  .hub2-node.n5{--x:14%}
  .hc-label b{font-size:1.3rem}
  .hc-label em{font-size:.66rem}
}
@media(prefers-reduced-motion:reduce){.hub2-node{animation:none}}

/* ============================================================
   CYBER SKIN — שכבת העיצוב העתידני (נכסי Seedream + ניאון)
   חלל שחור-נייבי עמוק, זוהר ציאן חשמלי, זכוכית וכרום.
   הטקסט והתוכן לא משתנים — רק השפה הוויזואלית.
   ============================================================ */
:root{
  --bg:#050811;
  --bg2:#0a1226;
  --cyan:#00f2fe;
}
.orbs .o1{background:radial-gradient(circle,rgba(0,242,254,.16),transparent 70%)}
.orbs .o2{background:radial-gradient(circle,rgba(16,185,129,.18),transparent 70%)}

/* קנבס החלל — רקע קולנועי מאחורי שני סוגי ה-hero */
.hero::before,.page-hero::before{content:"";position:absolute;inset:0;background:url(/art/cy-canvas.jpg) center/cover no-repeat;opacity:.5;z-index:0;animation:cydrift 46s ease-in-out infinite alternate}
@keyframes cydrift{from{transform:scale(1)}to{transform:scale(1.09)}}
.hero>*,.page-hero>*{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.hero::before,.page-hero::before{animation:none}}

/* קרן אנרגיה בראש כל מקטע band — המעבר המיוחד בין נושאים */
.band{position:relative}
.band::before{content:"";position:absolute;top:-26px;left:0;right:0;height:52px;background:url(/art/cy-beam.jpg) center/100% 100% no-repeat;opacity:.55;pointer-events:none;mix-blend-mode:screen}

/* זכוכית ניאון — כרטיסים */
.card,.b-card,.tier{background:rgba(10,20,44,.5);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-color:rgba(0,242,254,.13)}
.card:hover,.b-card:hover{border-color:rgba(0,242,254,.34);box-shadow:0 24px 60px -24px rgba(0,242,254,.25)}

/* זוהר ניאון עדין לכותרות ולכפתורים */
.sec-title{text-shadow:0 0 28px rgba(0,242,254,.22)}
.btn{box-shadow:0 10px 30px -12px rgba(16,185,129,.6),0 0 34px -8px rgba(0,242,254,.35)}
.btn:hover{box-shadow:0 18px 40px -14px rgba(16,185,129,.7),0 0 46px -6px rgba(0,242,254,.55)}

/* פס הסיום — פורטל האנרגיה מאחורי הקריאה לפעולה */
.cta-band::before{content:"";position:absolute;inset:0;background:url(/art/cy-ctabg.jpg) center/cover no-repeat;opacity:.42;z-index:0}
.cta-band>*{position:relative;z-index:1}

/* ---- lef: טופס הלידים המוטמע בסוף כל עמוד ---- */
.lead-embed{max-width:760px;margin:40px auto 0}
.lef-card{background:rgba(10,20,44,.55);border:1px solid rgba(0,242,254,.2);border-radius:22px;padding:28px 26px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.lef-title{font-size:1.25rem;font-weight:900;color:#fff;text-align:center;margin-bottom:18px}
.lef-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lef-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:700;color:var(--ink-soft);text-align:start}
.lef-form input,.lef-form select{background:rgba(5,8,17,.6);border:1px solid rgba(146,180,255,.25);border-radius:12px;padding:.8rem 1rem;color:#fff;font-family:inherit;font-size:1rem}
.lef-form input::placeholder{color:#6c82ad}
.lef-form select{appearance:auto}

.lef-btn{grid-column:1/-1;font-size:1.05rem}
.lef-note{margin-top:14px;font-size:.8rem;color:var(--ink-dim);text-align:center}
.lef-note a{text-decoration:underline}
.lef-done{margin-top:10px;font-size:1.05rem;font-weight:800;color:#34d399;text-align:center}
@media(max-width:640px){.lef-form{grid-template-columns:1fr}}

/* ---- כרטיס "נשלח בהצלחה" ---- */
.lef-done.on{display:flex;flex-direction:column;align-items:center;gap:6px;background:rgba(16,185,129,.12);border:2px solid rgba(52,211,153,.55);border-radius:20px;padding:26px 22px;font-size:1.05rem;font-weight:600;color:#d9f7ec;text-align:center;line-height:1.6;animation:lefpop .5s cubic-bezier(.2,1.4,.4,1)}
.lef-done.on strong{font-size:1.35rem;font-weight:900;color:#fff}
.lef-big{font-size:2.6rem;line-height:1}
@keyframes lefpop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.lef-done.on{animation:none}}

/* ---- vs: אנחנו מול תוכנת מדף (עמוד ניהול לקוחות) ---- */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:34px auto 0}
.vs-col{border-radius:22px;padding:26px 26px 22px}
.vs-col h3{font-size:1.3rem;font-weight:900;margin-bottom:14px;text-align:center}
.vs-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.vs-col li{font-size:1rem;line-height:1.5}
.vs-col.them{background:rgba(146,180,255,.04);border:1px solid rgba(146,180,255,.14);color:var(--ink-dim)}
.vs-col.them h3{color:var(--ink-dim)}
.vs-col.us{background:rgba(16,185,129,.09);border:2px solid rgba(52,211,153,.5);color:#e8fff6;box-shadow:0 24px 60px -28px rgba(16,185,129,.4)}
.vs-col.us h3{color:#fff;text-shadow:0 0 20px rgba(0,242,254,.35)}
.vs-col.us li{font-weight:600}
@media(max-width:760px){.vs{grid-template-columns:1fr}}

/* ===== מסלולים ומחירים (v3 SaaS) ===== */
.valuebar{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(52,211,153,.28);background:rgba(16,185,129,.07);border-radius:16px;padding:.9rem 1.3rem;margin-bottom:1.8rem;color:var(--ink-soft);font-size:.98rem}
.valuebar b{color:#fff}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.price-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:2rem 1.7rem;display:flex;flex-direction:column}
.price-card.hot{background:var(--panel2);border:1.5px solid transparent;background-clip:padding-box;box-shadow:0 30px 90px -30px rgba(29,78,216,.55)}
.price-card.hot::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,#3b82f6,#8b5cf6 45%,#10b981);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pc-badge{position:absolute;top:-14px;inset-inline-start:50%;transform:translateX(50%);background:var(--grad);color:#fff;font-size:.8rem;font-weight:800;border-radius:999px;padding:.32rem 1rem;white-space:nowrap}
.pc-name{font-size:1.35rem;font-weight:900;color:#fff;text-align:center;margin-bottom:.9rem}
.pc-for{font-size:.9rem;color:var(--ink-dim);margin:.15rem 0 1.1rem}
.pc-price{font-size:2.7rem;font-weight:900;color:#fff;letter-spacing:-1px;text-align:center}
.pc-price small{font-size:1rem;font-weight:600;color:var(--ink-dim);letter-spacing:0}
.pc-users{display:inline-block;font-size:.86rem;font-weight:700;color:var(--emerald2);background:rgba(16,185,129,.1);border:1px solid rgba(52,211,153,.3);border-radius:999px;padding:.28rem .9rem;margin:.7rem 0 1.1rem;align-self:flex-start}
.pc-list{list-style:none;display:grid;gap:.55rem;margin:0 0 1.6rem;padding:0;flex:1}
.pc-list li{position:relative;padding-inline-start:1.6rem;color:var(--ink-soft);font-size:.97rem}
.pc-list li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--emerald2);font-weight:900}
.pc-list li.plus{color:#fff;font-weight:700}
.price-note{text-align:center;color:var(--ink-dim);font-size:.95rem;margin-top:1.6rem}
.price-note b{color:var(--emerald2)}
@media(max-width:900px){.pricing{grid-template-columns:1fr}.price-card.hot{order:-1}}

/* ===== v3.1 — hero entrance animations (כיף להיכנס) ===== */
@keyframes heroUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes grShimmer{0%{background-position:180% 50%}100%{background-position:-80% 50%}}
@keyframes ctaPulse{0%,100%{box-shadow:0 10px 30px -12px rgba(16,185,129,.6)}50%{box-shadow:0 18px 48px -10px rgba(59,130,246,.8)}}
.page-hero .crumb{animation:heroUp .55s .05s cubic-bezier(.2,.7,.2,1) both}
.page-hero h1{animation:heroUp .7s .14s cubic-bezier(.2,.7,.2,1) both}
.hero-punch{margin:1.7rem auto 2.1rem;width:fit-content;max-width:44rem;text-align:start}
.hero-punch p{animation:heroUp .6s cubic-bezier(.2,.7,.2,1) both}
.hero-punch p:nth-child(1){animation-delay:.3s}
.hero-punch p:nth-child(2){animation-delay:.48s}
.hero-punch p:nth-child(3){animation-delay:.66s}
.page-hero .hero-cta{animation:heroUp .6s .84s cubic-bezier(.2,.7,.2,1) both}
.page-hero .check-strip span{animation:heroUp .5s both}
.page-hero .check-strip span:nth-child(1){animation-delay:1s}
.page-hero .check-strip span:nth-child(2){animation-delay:1.08s}
.page-hero .check-strip span:nth-child(3){animation-delay:1.16s}
.page-hero .check-strip span:nth-child(4){animation-delay:1.24s}
.page-hero h1 em,.hero h1 em{background:linear-gradient(90deg,#60a5fa,#34d399 30%,#8b5cf6 62%,#60a5fa);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:grShimmer 5.5s linear infinite}
.hero-cta .btn:not(.btn-ghost){animation:ctaPulse 3s ease-in-out 1.5s infinite}
/* homepage hero — same energy */
.hero .eyebrow{animation:heroUp .5s .05s both}
.hero h1{animation:heroUp .7s .14s cubic-bezier(.2,.7,.2,1) both}
.hero .lead-punch p{animation:heroUp .6s cubic-bezier(.2,.7,.2,1) both}
.hero .lead-punch p:nth-child(1){animation-delay:.3s}
.hero .lead-punch p:nth-child(2){animation-delay:.48s}
.hero .lead-punch p:nth-child(3){animation-delay:.66s}
.hero .hero-cta{animation:heroUp .6s .84s both}
.hero .hero-note{animation:heroUp .5s 1s both}
.hero .hero-visual{animation:heroUp .9s .4s cubic-bezier(.2,.7,.2,1) both}
.hero .glowframe{animation:artfloat 9s ease-in-out 1.3s infinite}
@media(prefers-reduced-motion:reduce){
  .page-hero .crumb,.page-hero h1,.hero-punch p,.page-hero .hero-cta,
  .page-hero .check-strip span,.page-hero h1 em,.hero h1 em,
  .hero-cta .btn:not(.btn-ghost),.hero .eyebrow,.hero h1,.hero .lead-punch p,
  .hero .hero-cta,.hero .hero-note,.hero .hero-visual,.hero .glowframe{animation:none !important}
}

/* ===== v3.2 — בועות פיצ'רים, גריד 2x2, פסי חיבור ===== */
.cards.c4{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.cards.c4{grid-template-columns:1fr}}
.bub-score{text-align:center;color:var(--ink-dim);font-size:1rem;font-weight:600;margin-bottom:1.4rem}
.bub-field{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:900px;margin:0 auto}
.bub{position:relative;width:86px;height:86px;border-radius:50%;border:1.5px solid rgba(96,165,250,.4);cursor:pointer;background:radial-gradient(circle at 32% 28%,rgba(146,180,255,.28),rgba(59,130,246,.08) 55%,rgba(16,185,129,.1));box-shadow:inset 0 0 18px rgba(96,165,250,.15),0 8px 24px -12px rgba(29,78,216,.5);transition:transform .2s,border-color .2s;animation:bubfloat 5s ease-in-out infinite}
.bub.s1{animation-delay:-1.2s}.bub.s2{animation-delay:-2.6s}.bub.s3{animation-delay:-3.8s}
.bub::after{content:"";position:absolute;top:14%;inset-inline-start:20%;width:24%;height:16%;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(2px)}
.bub:hover{transform:scale(1.1);border-color:rgba(52,211,153,.7)}
.bub .bub-q{font-size:1.7rem;line-height:86px;display:block;text-align:center}
.bub .bub-t{display:none}
.bub.pop{width:auto;height:auto;min-height:44px;border-radius:999px;padding:.55rem 1.2rem;background:var(--panel2);border:1.5px solid rgba(52,211,153,.55);animation:bubpop .45s cubic-bezier(.2,.7,.3,1.4);box-shadow:0 10px 26px -12px rgba(16,185,129,.55);cursor:default}
.bub.pop::after{display:none}
.bub.pop .bub-q{display:inline;font-size:1.15rem;line-height:1;margin-inline-start:.45rem}
.bub.pop .bub-t{display:inline;color:#fff;font-weight:700;font-size:.98rem;white-space:nowrap}
@keyframes bubfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes bubpop{0%{transform:scale(.6)}55%{transform:scale(1.12)}100%{transform:scale(1)}}
.duo-band,.integ-band{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.5rem}
.duo-band .duo-ico{font-size:2rem;flex-shrink:0}
.duo-band div{flex:1;min-width:240px;color:var(--ink-soft);font-size:1.02rem}
.duo-band b{color:#fff;display:block;margin-bottom:.15rem;font-size:1.08rem}
.duo-band .btn{flex-shrink:0}
.integ-band{justify-content:center;border-color:rgba(52,211,153,.28);background:rgba(16,185,129,.06)}
.integ-band b{color:#fff;font-size:1.02rem;width:100%;text-align:center;margin-bottom:.2rem}
.integ-band span{border:1px solid var(--line2);border-radius:999px;padding:.4rem 1rem;font-size:.95rem;color:var(--ink-soft);background:rgba(146,180,255,.05)}
@media(prefers-reduced-motion:reduce){.bub{animation:none}.bub.pop{animation:none}}

/* v3.3 — לוגואים בפס האינטגרציות */
.integ-band span{display:inline-flex;align-items:center;gap:.55rem}
.integ-band span svg{width:21px;height:21px;flex-shrink:0;display:block}

/* ── סבב עיצוב 2 (06.09.2026): פס אמון בהירו, קישור-טקסט בכרטיסי המחיר, פס CTA דביק במובייל, מצב פתוח ב-FAQ ── */
.btn-ico{display:inline-flex;align-items:center;gap:10px}
.btn-ico svg{flex-shrink:0}
.trust-strip{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);max-width:760px}
.trust-strip span{display:inline-flex;align-items:center;gap:9px;font-size:.93rem;color:var(--ink-soft)}
.trust-strip svg{flex-shrink:0}
.pc-alt{display:block;text-align:center;margin-top:10px;font-size:.9rem;color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px}
.pc-alt:hover{color:#fff}
.sticky-cta{display:none}
details.exp[open]{border-color:rgba(96,165,250,.45);background:rgba(91,140,255,.10)}
details.exp[open] summary::after{color:var(--blue2)}
@media (max-width:640px){
  .trust-strip{flex-direction:column;align-items:flex-start;gap:10px}
  .sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(8,18,38,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);transition:transform .25s}
  .sticky-cta .btn{flex:1;text-align:center;justify-content:center;padding:.85rem .6rem;font-size:.95rem;min-height:48px}
  .sticky-cta.hide{transform:translateY(120%)}
  body.has-sticky{padding-bottom:84px}
  /* כפתורים צפים (וואטסאפ, נגישות, צ'אט) מעל פס הכפתורים הדביק — לא עליו (מאור 14.09) */
  body.has-sticky .mgb-float{bottom:calc(94px + env(safe-area-inset-bottom));width:46px;height:46px}
  body.has-sticky .mgb-wa{left:14px}
  body.has-sticky .mgb-a11y{left:68px}
  body.has-sticky .mgb-chat-btn{bottom:calc(92px + env(safe-area-inset-bottom));right:14px;width:52px;height:52px}
  body.has-sticky .mgb-chat-hint{bottom:calc(104px + env(safe-area-inset-bottom));right:76px}
  body.has-sticky .mgb-panel{bottom:calc(150px + env(safe-area-inset-bottom))}
  body.has-sticky .mgb-chat{bottom:calc(154px + env(safe-area-inset-bottom));max-height:60vh}
  body.has-sticky .vd-pop{bottom:calc(96px + env(safe-area-inset-bottom))}
  
}