/* ============================================================
   Lead Aster · The Ark — shared site chrome
   integrations strip · footer · cookie consent · whatsapp · accessibility
   Relies on each page's :root palette tokens (--grad,--ink,--mut,--b1,--line,--line2,--w-x/b/s,--shadow,--shadow-sm)
   ============================================================ */

/* ===== shared "living light" glow for dots/circles ===== */
@keyframes dotGlow{0%,100%{box-shadow:0 0 3px 0 currentColor}50%{box-shadow:0 0 11px 2px currentColor}}

/* ===== nav CTA — קבעו שיחת אפיון ===== */
.arknav{flex-wrap:nowrap;gap:14px}
.arknav .navlinks{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:7px}
.arknav .brand{flex:none}
.arknav .nl{white-space:nowrap;line-height:1.1;margin:0}
/* nav stays a single row at every width — never wraps/drops a button */
@media(max-width:760px){.arknav .nl{padding:7px 12px;font-size:13px}.arknav .navlinks{gap:6px}}
/* mobile: logo on top, buttons centered below (wrap instead of overflowing the screen) */
@media(max-width:640px){
  nav.arknav{flex-wrap:wrap;justify-content:center;row-gap:10px;padding:10px 14px}
  nav.arknav .brand{order:-1}
  nav.arknav .navlinks{flex-wrap:wrap;justify-content:center;width:100%;gap:7px}
  nav.arknav .nl{padding:8px 14px;font-size:13px}
}
.arknav .navlinks .nl{background:var(--grad);color:#fff;border-color:transparent;transition:filter .15s,box-shadow .15s}
.arknav .navlinks .nl:hover{color:#fff;background:var(--grad);filter:brightness(1.07)}
.arknav .navlinks .nl.cta{font-weight:var(--w-b);box-shadow:0 10px 24px -12px rgba(56,120,210,.6)}

/* ===== integrations "giants" strip ===== */
.intstrip{border-top:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#FAF9FF);padding:48px 24px 52px;text-align:center;direction:rtl}
.intstrip .eb{font-weight:var(--w-s);font-size:11px;letter-spacing:.24em;color:var(--b1);text-transform:uppercase}
.intstrip h3{font-weight:var(--w-x);font-size:clamp(20px,2.4vw,28px);letter-spacing:-.01em;margin:8px auto 6px;max-width:860px;color:var(--ink);text-wrap:balance}
.intstrip h3 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.intstrip p{color:var(--mut);font-size:14.5px;max-width:600px;margin:0 auto 28px;line-height:1.55}
.icats{max-width:1000px;margin:8px auto 0;display:flex;flex-direction:column;gap:13px}
.icat{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:start;text-align:right}
.icat-h{font-weight:var(--w-b);font-size:12px;color:var(--mut);padding-top:7px}
.itiles{display:flex;flex-wrap:wrap;gap:8px}
.itile{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12.5px;font-weight:var(--w-s);color:var(--mut);transition:.15s;cursor:default}
.itile img{height:17px;width:17px;filter:grayscale(1);opacity:.55;transition:.15s}
.itile:hover{border-color:var(--b1);color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.itile:hover img{filter:none;opacity:1}
@media(max-width:640px){.icat{grid-template-columns:1fr;gap:6px}.icat-h{padding-top:0}}

/* ===== footer ===== */
.site-foot{background:#0E1430;color:#C9CEE6;padding:50px 24px 24px;direction:rtl;font-family:inherit}
.foot-inner{max-width:1120px;margin:0 auto}
.foot-news{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-news .fn-txt h4{font-weight:var(--w-b);font-size:16px;color:#fff;margin-bottom:5px}
.foot-news .fn-txt p{font-size:13px;color:#8E96B8;max-width:440px;line-height:1.55}
.fn-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1 1 440px;max-width:640px}
.fn-form input{font-family:inherit;font-size:14px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:11px 15px;flex:1 1 auto;min-width:300px;direction:ltr;text-align:right}
.fn-form input::placeholder{color:#7A82A6}
.fn-form input:focus{outline:0;border-color:#9AA6F2;background:rgba(255,255,255,.1)}
.fn-form button{font-family:inherit;font-weight:var(--w-s);font-size:14px;padding:11px 22px;border-radius:11px;border:0;background:var(--grad);color:#fff;cursor:pointer;transition:.2s;white-space:nowrap}
.fn-form button:hover{transform:translateY(-2px)}
.fn-msg{font-size:13px;font-weight:var(--w-s);width:100%;margin-top:2px}
.fn-msg.ok{color:#5BE0B0}
.fn-msg.bad{color:#F2A38F}
@media(max-width:560px){.fn-form{width:100%}.fn-form input{min-width:0;flex:1}}
.foot-grid{display:grid;grid-template-columns:1.9fr 1fr 1fr 1.3fr;gap:30px;align-items:start}
.foot-brand{text-align:right}
.foot-brand .fb-row{display:flex;align-items:center;gap:9px;direction:ltr;justify-content:flex-end}
.foot-brand .fb-row img{height:34px;width:auto}
.foot-brand .fb-name{display:flex;flex-direction:column;line-height:.95;font-weight:var(--w-s);font-size:15px;color:#fff}
.foot-brand .fb-name span:last-child{color:#9AA6F2}
.foot-brand .fb-tag{margin-top:13px;font-size:13px;color:#8E96B8;max-width:330px;line-height:1.65}
.foot-col h4{font-weight:var(--w-b);font-size:12.5px;color:#fff;margin-bottom:14px;letter-spacing:.02em}
.foot-col a{display:block;color:#A6AECC;text-decoration:none;font-size:13.5px;margin-bottom:11px;transition:.15s}
.foot-col a:hover{color:#fff;padding-inline-start:3px}
.foot-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.foot-social a{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:.18s}
.foot-social a:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28);transform:translateY(-2px)}
.foot-social img{height:16px;width:16px;opacity:.85}
.foot-bot{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#7A82A6}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:480px){.foot-grid{grid-template-columns:1fr}}

/* ===== cookie consent (AI-agent style) ===== */
.ck-pop{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(24px);z-index:300;width:min(540px,94vw);background:#fff;border:1px solid var(--line2);border-radius:18px;box-shadow:0 36px 90px -34px rgba(20,22,60,.5);padding:18px 20px;opacity:0;pointer-events:none;transition:.42s cubic-bezier(.2,.8,.2,1);direction:rtl}
.ck-pop.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.ck-row{display:flex;gap:14px;align-items:flex-start}
.ck-orb{flex:none;width:44px;height:44px;border-radius:50%;background:var(--grad);position:relative;animation:ckpulse 2.6s infinite;overflow:hidden}
.ck-orb::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-120%);animation:ckscan 2.4s infinite}
.ck-orb i{position:absolute;inset:13px;border-radius:50%;background:#fff;display:block}
.ck-orb i::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--grad)}
@keyframes ckpulse{0%{box-shadow:0 0 0 0 rgba(80,154,241,.45)}70%{box-shadow:0 0 0 13px rgba(80,154,241,0)}100%{box-shadow:0 0 0 0 rgba(80,154,241,0)}}
@keyframes ckscan{0%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
.ck-txt .ck-tag{font-weight:var(--w-b);font-size:10.5px;letter-spacing:.14em;color:var(--b1);text-transform:uppercase;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.ck-txt .ck-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#2ACFEB;box-shadow:0 0 7px #2ACFEB;animation:ckblink 1.4s infinite}
@keyframes ckblink{0%,100%{opacity:1}50%{opacity:.3}}
.ck-txt p{font-size:13.5px;color:var(--ink);line-height:1.55}
.ck-btns{display:flex;gap:8px;margin-top:14px;align-items:center}
.ck-btn{font-family:inherit;font-weight:var(--w-s);font-size:13.5px;padding:9px 18px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:.15s}
.ck-acc{background:var(--grad);color:#fff;box-shadow:0 10px 24px -12px rgba(56,120,210,.6)}
.ck-acc:hover{transform:translateY(-1px)}
.ck-dec{background:#fff;border-color:var(--line2);color:var(--mut)}
.ck-dec:hover{color:var(--ink);border-color:var(--ink)}
.ck-link{font-size:12px;color:var(--mut);text-decoration:underline;margin-right:auto}
.ck-link:hover{color:var(--b1)}

/* ===== whatsapp floating button ===== */
.wa-float{position:fixed;bottom:22px;right:22px;z-index:90;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -8px rgba(37,211,102,.6);transition:transform .2s;animation:wapulse 3s infinite}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float .wa-tip{position:absolute;right:66px;background:#0E1430;color:#fff;font-size:12.5px;font-weight:var(--w-s);padding:7px 12px;border-radius:9px;white-space:nowrap;opacity:0;transform:translateX(8px);transition:.2s;pointer-events:none}
.wa-float:hover .wa-tip{opacity:1;transform:translateX(0)}
@keyframes wapulse{0%{box-shadow:0 14px 30px -8px rgba(37,211,102,.6),0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 14px 30px -8px rgba(37,211,102,.6),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 14px 30px -8px rgba(37,211,102,.6),0 0 0 0 rgba(37,211,102,0)}}

/* ===== accessibility (lite / non-intrusive) ===== */
.ax-btn{position:fixed;bottom:24px;left:22px;z-index:90;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.3;transition:.2s;box-shadow:var(--shadow-sm)}
.ax-btn:hover,.ax-btn.open{opacity:1;border-color:var(--b1)}
.ax-btn svg{width:20px;height:20px;stroke:var(--b1);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ax-panel{position:fixed;bottom:70px;left:22px;z-index:91;width:236px;background:#fff;border:1px solid var(--line2);border-radius:14px;box-shadow:var(--shadow);padding:14px;direction:rtl;display:none}
.ax-panel.show{display:block;animation:axfade .25s}
@keyframes axfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ax-panel h5{font-weight:var(--w-b);font-size:13px;margin-bottom:11px;color:var(--ink)}
.ax-panel .ax-row{display:flex;flex-wrap:wrap;gap:7px}
.ax-panel button{font-family:inherit;font-weight:var(--w-s);font-size:12.5px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.15s;flex:1 0 auto}
.ax-panel button:hover,.ax-panel button.on{background:var(--grad);color:#fff;border-color:transparent}
.ax-panel .ax-foot{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.ax-panel .ax-foot a{font-size:12px;color:var(--b1);text-decoration:none;font-weight:var(--w-s)}
.ax-panel .ax-foot a:hover{text-decoration:underline}
/* accessibility modes */
html.ax-contrast{--ink:#000000;--mut:#1b1b1b;--dim:#333;--line:rgba(0,0,0,.42);--line2:rgba(0,0,0,.62)}
html.ax-contrast body{background:#fff !important}
html.ax-links a{text-decoration:underline !important}
html.ax-noanim *,html.ax-noanim *::before,html.ax-noanim *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}

/* ===== legal / article pages ===== */
.legal-wrap{max-width:860px;margin:0 auto;padding:40px 24px 70px;direction:rtl}
.legal-wrap .lhead{text-align:center;margin-bottom:10px}
.legal-wrap .lhead .eb{font-weight:var(--w-s);font-size:11px;letter-spacing:.24em;color:var(--b1);text-transform:uppercase}
.legal-wrap .lhead h1{font-weight:var(--w-x);font-size:clamp(26px,3.4vw,38px);letter-spacing:-.02em;margin-top:6px;color:var(--ink)}
.legal-wrap .lhead .upd{color:var(--dim);font-size:13px;margin-top:8px}
.legal-note{background:#FFF8E8;border:1px solid #F2DFA8;border-radius:13px;padding:13px 16px;font-size:13px;color:#7A5B12;margin:22px 0 8px;line-height:1.55}
.legal-card{background:var(--card,#fff);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);padding:30px 32px;margin-top:18px}
.legal-card h2{font-weight:var(--w-b);font-size:19px;color:var(--ink);margin:26px 0 9px;padding-top:6px}
.legal-card h2:first-child{margin-top:0}
.legal-card h3{font-weight:var(--w-s);font-size:15.5px;color:var(--ink);margin:16px 0 6px}
.legal-card p{font-size:14.5px;color:#39415F;line-height:1.75;margin-bottom:10px}
.legal-card ul{margin:6px 22px 14px;padding:0}
.legal-card li{font-size:14.5px;color:#39415F;line-height:1.7;margin-bottom:6px}
.legal-card a{color:var(--b1);text-decoration:none}
.legal-card a:hover{text-decoration:underline}
.legal-card .toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.legal-card .toc a{font-size:12.5px;font-weight:var(--w-s);color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:6px 13px}
.legal-card .toc a:hover{border-color:var(--b1);color:var(--b1);text-decoration:none}
.legal-card .a13{background:linear-gradient(180deg,#F5F2FE,#fff);border:1px solid var(--line2);border-radius:13px;padding:16px 18px}
