/* =========================================================
   CK Digital 360, עמוד אתרים ומערכות בקוד (ai-sites.html).
   נטען דרך css_late אחרי שכבת הנושא (home2, flow ו-how כבר נטענים גלובלית מ-head.html).
   כל ה-class כאן מתחילים ב-as-. רק משתנים, בלי צבע קשיח (חוץ מ---as-ok שמוגדר פעם אחת), ולכן המצב הבהיר עובד מאליו.
   מובייל קודם: הבסיס נכתב לרוחב 390, ומעליו שתי מדרגות (761, 1061).
   תנועה ב-transform וב-opacity בלבד. אנימציות שמתחילות מחדש בכל כניסה למסך יושבות תחת .is-on (data-replay, ui.js),
   ובמצב תנועה מופחתת רואים את המצב הסופי של כל מוקאפ.
   מה יש כאן:
   1. משותף: תג, חשיפה ברצף (data-as + ai-sites.js), הטיה בתלת ממד (data-tilt), מסגרות מחשב וטלפון
   2. ראש העמוד: מחשב עם מרכז המדריכים, עורך קוד שמקליד את עצמו, והודעת "עלה לאוויר"
   3. מה אני בונה בקוד: שישה כרטיסים, לכל אחד מוקאפ זעיר משלו
   4. השוואה: וורדפרס, Shopify וקוד, שלוש עמודות על subgrid, ובטלפון מתג
   5. מערכות שבניתי: מרכז המדריכים, פורטל הנתונים ובוט התוכן
   6. שאלות, מדברים, תנועה מופחתת
   ========================================================= */

/* ---------- 1. משותף ---------- */
.p-ai-sites{
  --as-ok:#30d158;
  --as-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --as-card:var(--tile,#1d1d1f);   /* כרטיס על סקשן חלופי */
  --as-mv:var(--tile-2,#161617);   /* משטח המוקאפ בתוך כרטיס */
  --as-ln:rgba(var(--fg-rgb,245,245,247),.14);
  --as-ln-2:rgba(var(--fg-rgb,245,245,247),.24);
}
html[data-theme="light"] .p-ai-sites{--as-card:var(--bg,#fff);--as-mv:var(--bg-2,#f5f5f7)}
.p-ai-sites main bdi{white-space:nowrap}

.as-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 7px;border-radius:999px;background:var(--bg-2,#0b0b0c);color:var(--text,#f5f5f7);box-shadow:inset 0 0 0 1px var(--hair-2,rgba(245,245,247,.2));font-size:14px;font-weight:600;letter-spacing:-.005em;line-height:1.3;white-space:nowrap}
.as-badge__ic{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--pink-fill,#D62B6E);color:var(--on-media,#f5f5f7)}
.as-badge__ic svg{width:15px;height:15px}

/* חשיפה ברצף: ai-sites.js מוסיף as-in. translate נפרד מ-transform, כך שההטיה והחשיפה לא דורסות זו את זו */
[data-as]{transition:opacity .9s var(--ease) var(--d,0s),translate 1.1s var(--ease) var(--d,0s),transform .6s var(--ease),box-shadow .6s var(--ease)}
.js [data-as]{opacity:0;translate:0 28px}
.js [data-as].as-in{opacity:1;translate:0 0}

/* הטיה עדינה בתלת ממד שעוקבת אחרי העכבר (ai-sites.js כותב --rx ו---ry) */
[data-tilt]{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px))}
[data-tilt].is-tilt{transition:opacity .9s var(--ease) var(--d,0s),translate 1.1s var(--ease) var(--d,0s),transform .2s linear,box-shadow .6s var(--ease)}
@media (hover:hover){
  [data-tilt]:hover{--ty:-6px;box-shadow:inset 0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow,0 40px 90px -40px rgba(0,0,0,.9))}
}

/* מסגרת מחשב נייד: מסך 16/10 ובסיס דק (אי כהה) */
.as-lap{display:block;position:relative;transition:transform .6s var(--ease)}
.as-lap__scr{position:relative;display:block;padding:7px 7px 0;border-radius:14px 14px 4px 4px;background:var(--tile,#1d1d1f);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7))}
.as-lap__scr video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 0;border-radius:7px 7px 0 0;background:var(--media,#0b0b0c)}
.as-lap__base{display:block;height:11px;margin-inline:-3%;border-radius:0 0 12px 12px;background:var(--tile-3,#2a2a2c);box-shadow:0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-lap__base::before{content:"";display:block;width:16%;height:4px;margin-inline:auto;border-radius:0 0 6px 6px;background:var(--tile-2,#161617)}
a.as-lap:hover{transform:translateY(-4px)}
/* ברק שעובר על המסך ברגע שהגרסה עולה */
.as-lap__sheen{position:absolute;inset:7px 7px 0;border-radius:7px 7px 0 0;overflow:hidden;pointer-events:none}
.as-lap__sheen::before{content:"";position:absolute;inset-block:0;left:0;width:60%;background:linear-gradient(90deg,transparent,rgba(var(--fg-rgb,245,245,247),.18),transparent);transform:translateX(-100%);opacity:0}

/* מסגרת טלפון (אי כהה) */
.as-phone{display:block;padding:4px;border-radius:20px;background:var(--tile,#1d1d1f);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7))}
.as-phone__scr{position:relative;display:block;aspect-ratio:390/844;border-radius:16px;overflow:hidden;background:var(--media,#0b0b0c)}
.as-phone__scr::before{content:"";position:absolute;z-index:1;inset-block-start:6px;left:50%;translate:-50% 0;width:32%;height:7px;border-radius:999px;background:var(--tile,#1d1d1f)}
.as-phone__scr video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}

/* ---------- 2. ראש העמוד ---------- */
.as-hero{position:relative;overflow:clip;background:var(--bg,#000);padding-block:calc(74px + 16px) clamp(44px,7vh,76px)}
.as-hero__grid{display:grid;gap:18px}
.as-hero__copy{display:contents}
.as-hero .crumbs{order:0;justify-self:start;margin-block-end:0}
.as-hero .as-badge{order:1;justify-self:start}
.as-hero .hx-h1{order:2;font-size:clamp(28px,8.2vw,48px)}
.as-hero .hx-h1 span{white-space:nowrap}
.as-hero .hx-h1__f{color:var(--text,#f5f5f7)}
.as-hero .hx-h1__o{-webkit-text-stroke-width:1.5px}
.as-stage{order:3}
.as-hero .hx-lead{order:4;font-size:17px}
.as-hero .hx-hero__ctas{order:5;margin-block-start:0;width:100%}
.as-hero .hx-hero__ctas .btn{flex:1 1 100%}
.as-hero .hx-hero__proof{order:6;margin-block-start:0;gap:8px 18px;font-size:14px}
.as-hero .hx-hero__proof li+li::before{display:none}
.as-proof__code{display:inline-flex;align-items:center;gap:8px}
.as-proof__code svg{width:18px;height:18px;flex:none;color:var(--pink-ink,#F0508F)}

/* הבמה: המחשב בשורה הראשונה, העורך בשנייה ועולה עליו. הגובה נקבע מהתוכן, ולכן אין גלישה */
.as-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);margin-block:14px 20px;container-type:inline-size}
.as-stage .as-lap{grid-area:1/1;justify-self:end;width:94%;z-index:1}

.as-code{grid-area:2/1;justify-self:start;position:relative;z-index:2;display:block;width:88%;margin-block-start:-24%;border-radius:14px;overflow:hidden;background:var(--tile-2,#161617);color:var(--text-2,#a1a1a6);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow,0 40px 90px -40px rgba(0,0,0,.9));direction:ltr;text-align:left;font-family:var(--as-mono);font-size:clamp(10px,3.15cqi,13px);line-height:1.7;font-feature-settings:"liga" 0,"calt" 0}
.as-code__bar{display:flex;align-items:center;gap:6px;height:2.4em;padding-inline:12px;background:var(--tile,#1d1d1f);border-block-end:1px solid var(--hair,rgba(245,245,247,.12))}
.as-code__bar i{width:8px;height:8px;border-radius:50%;background:var(--tile-3,#2a2a2c)}
.as-code__bar em{margin-inline-start:8px;font-style:normal;color:var(--text-2,#a1a1a6)}
.as-code__ask{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 12px 4px;padding:.55em .8em;border-radius:10px;background:rgba(var(--fg-rgb,245,245,247),.07);direction:rtl;text-align:right;font-family:var(--font);font-size:max(11px,1.02em);line-height:1.35}
.as-code__q{color:var(--text,#f5f5f7);font-weight:500;min-width:0}
.as-code__ai{flex:none;display:inline-flex;align-items:center;gap:5px;direction:ltr;font-size:.82em;font-weight:600;color:var(--pink-ink,#F0508F);white-space:nowrap}
.as-code__ai svg{width:1.15em;height:1.15em}
.as-code__body{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.1em;padding:.5em 12px .3em}
.as-code__n{color:var(--grey,#86868b);opacity:.6;text-align:right}
.as-code b{font-weight:400}
.as-code .as-k{color:var(--pink-ink,#F0508F)}
.as-code .as-f{color:var(--text,#f5f5f7)}
.as-code .as-s{color:var(--star,#FEC15C)}
.as-code__term{display:flex;align-items:center;gap:.7em;padding:.45em 12px .6em;border-block-start:1px solid var(--hair,rgba(245,245,247,.12));color:var(--text,#f5f5f7)}
.as-code__term>b{color:var(--as-ok)}
/* שורה שמוקלדת: מכסה בצבע העורך זז ימינה תו אחרי תו (steps), והקצה שלו הוא הסמן */
.as-ln{position:relative;display:block;justify-self:start;width:max-content;max-width:100%;white-space:pre;overflow:hidden}
.as-ln::after{content:"";position:absolute;inset:0;background:var(--tile-2,#161617);border-left:2px solid var(--pink-ink,#F0508F);transform:translateX(calc(100% + 3px))}

.as-toast{position:absolute;z-index:3;inset-block-start:3%;inset-inline-start:0;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;border-radius:999px;background:var(--tile,#1d1d1f);color:var(--text,#f5f5f7);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7));font-size:13px;line-height:1.2;white-space:nowrap}
.as-toast i{position:relative;flex:none;width:9px;height:9px;border-radius:50%;background:var(--as-ok)}
.as-toast i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--as-ok);opacity:0}
.as-toast b{font-weight:600}
.as-toast em{font-style:normal;font-size:12px;color:var(--text-2,#a1a1a6);direction:ltr}

/* רצף של 12 שניות: בקשה, ארבע שורות קוד, git push, ואז "עלה לאוויר" */
.is-on .as-code__ask{animation:as-ask 12s var(--ease) infinite}
.is-on .as-ln{animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite}
.is-on .as-ln::after{animation-duration:12s;animation-timing-function:steps(var(--n),end);animation-iteration-count:infinite}
.is-on .as-ln--1{animation-name:as-o1}.is-on .as-ln--1::after{animation-name:as-t1}
.is-on .as-ln--2{animation-name:as-o2}.is-on .as-ln--2::after{animation-name:as-t2}
.is-on .as-ln--3{animation-name:as-o3}.is-on .as-ln--3::after{animation-name:as-t3}
.is-on .as-ln--4{animation-name:as-o4}.is-on .as-ln--4::after{animation-name:as-t4}
.is-on .as-ln--5{animation-name:as-o5}.is-on .as-ln--5::after{animation-name:as-t5}
.is-on .as-toast{animation:as-toast 12s var(--ease) infinite}
.is-on .as-toast i::after{animation:as-ring 12s ease-out infinite}
.is-on .as-lap__sheen::before{animation:as-sheen 12s var(--ease) infinite}
@keyframes as-ask{0%,2%{opacity:0;transform:translateY(8px)}6%,94%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes as-o1{0%,7.9%{opacity:0}8%,94%{opacity:1}97%,100%{opacity:0}}
@keyframes as-t1{0%,8%{transform:translateX(0)}17%,99%{transform:translateX(calc(100% + 3px))}100%{transform:translateX(0)}}
@keyframes as-o2{0%,18.9%{opacity:0}19%,94%{opacity:1}97%,100%{opacity:0}}
@keyframes as-t2{0%,19%{transform:translateX(0)}28%,99%{transform:translateX(calc(100% + 3px))}100%{transform:translateX(0)}}
@keyframes as-o3{0%,29.9%{opacity:0}30%,94%{opacity:1}97%,100%{opacity:0}}
@keyframes as-t3{0%,30%{transform:translateX(0)}39%,99%{transform:translateX(calc(100% + 3px))}100%{transform:translateX(0)}}
@keyframes as-o4{0%,40.9%{opacity:0}41%,94%{opacity:1}97%,100%{opacity:0}}
@keyframes as-t4{0%,41%{transform:translateX(0)}42.5%,99%{transform:translateX(calc(100% + 3px))}100%{transform:translateX(0)}}
@keyframes as-o5{0%,47.9%{opacity:0}48%,94%{opacity:1}97%,100%{opacity:0}}
@keyframes as-t5{0%,48%{transform:translateX(0)}54%,99%{transform:translateX(calc(100% + 3px))}100%{transform:translateX(0)}}
@keyframes as-toast{0%,57%{opacity:0;transform:translateY(10px) scale(.94)}61%,92%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes as-ring{0%,60%{opacity:0;transform:scale(.6)}63%{opacity:1}74%,100%{opacity:0;transform:scale(1.9)}}
@keyframes as-sheen{0%,58%{opacity:0;transform:translateX(-100%)}59%{opacity:1;transform:translateX(-100%)}70%{opacity:1;transform:translateX(170%)}71%,100%{opacity:0;transform:translateX(170%)}}

/* ---------- 3. מה אני בונה בקוד ---------- */
.as-build__grid{list-style:none;margin:0;padding:0;display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1*var(--gutter,18px));padding-inline:var(--gutter,18px);scroll-padding-inline:var(--gutter,18px);padding-block:6px 26px}
.as-build__grid::-webkit-scrollbar{display:none}
.as-card{position:relative;flex:none;width:80vw;max-width:380px;scroll-snap-align:start;display:flex;flex-direction:column;gap:18px;padding:14px 14px 22px;border-radius:var(--r-l,28px);background:var(--as-card);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-card__txt{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:center;padding-inline:6px}
.as-card__ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--fg-rgb,245,245,247),.07);color:var(--text,#f5f5f7)}
.as-card__ic svg{width:19px;height:19px}
.as-card h3{font-size:clamp(19px,1.5vw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}
.as-card__txt p{grid-column:1/-1;font-size:15.5px;line-height:1.5;color:var(--text-2,#a1a1a6);text-wrap:pretty}

/* משטח המוקאפ הזעיר */
.as-mv{position:relative;display:block;height:156px;border-radius:18px;background:var(--as-mv);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12));overflow:hidden;font-size:11px;line-height:1.2;color:var(--text-2,#a1a1a6);user-select:none;-webkit-user-select:none}
.as-mv em{font-style:normal}

/* 3.1 אתר מהיר: פס טעינה קצר והעמוד נבנה */
.as-br{position:absolute;inset:14px 14px -12px;display:flex;flex-direction:column;border-radius:12px 12px 0 0;background:var(--as-card);box-shadow:0 0 0 1px var(--hair,rgba(245,245,247,.12));overflow:hidden}
.as-br__bar{flex:none;display:flex;align-items:center;gap:5px;height:22px;padding-inline:10px;border-block-end:1px solid var(--hair,rgba(245,245,247,.12));direction:ltr}
.as-br__bar i{width:6px;height:6px;border-radius:50%;background:var(--as-ln-2)}
.as-br__bar em{margin-inline-start:8px;height:8px;width:42%;border-radius:4px;background:var(--as-ln)}
.as-br__load{flex:none;display:block;height:2px;margin-block-start:-1px;background:var(--pink,#E7357A);transform-origin:0 50%;opacity:0}
.as-br__pg{flex:1;display:flex;flex-direction:column;gap:7px;padding:10px;min-height:0}
.as-br__hero{position:relative;flex:1 1 38px;min-height:34px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding-inline:12px;border-radius:8px;background:rgba(var(--fg-rgb,245,245,247),.09)}
.as-br__hero b{display:block;height:7px;width:var(--w);border-radius:4px;background:var(--as-ln-2)}
.as-br__hero em{display:block;width:30%;height:9px;margin-block-start:3px;border-radius:999px;background:var(--pink,#E7357A)}
/* בכרטיס הגבוה (דסקטופ) המיני אתר מקבל תפריט, בלוק תוכן ופוטר */
.as-br__nav,.as-br__split,.as-br__foot{display:none}
.as-br__nav{flex:none;align-items:center;gap:8px;height:14px}
.as-br__nav i{width:14px;height:14px;border-radius:5px;background:var(--as-ln-2)}
.as-br__nav b{display:block;width:26px;height:6px;border-radius:3px;background:var(--as-ln)}
.as-br__nav b:first-of-type{margin-inline-start:auto}
.as-br__nav em{display:block;width:44px;height:14px;border-radius:999px;background:var(--text,#f5f5f7)}
.as-br__split{flex:none;grid-template-columns:42% minmax(0,1fr);gap:12px;height:88px}
.as-br__split>i{display:block;border-radius:8px;background:rgba(var(--fg-rgb,245,245,247),.09)}
.as-br__split>span{display:flex;flex-direction:column;justify-content:center;gap:7px}
.as-br__split b{display:block;height:6px;width:var(--w);border-radius:3px;background:var(--as-ln)}
.as-br__split em{display:block;width:38%;height:14px;margin-block-start:4px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--hair-2,rgba(245,245,247,.2))}
.as-br__foot{flex:none;align-items:center;justify-content:space-between;gap:10px;padding-block-start:9px;border-block-start:1px solid var(--hair,rgba(245,245,247,.12))}
.as-br__foot b{display:block;height:6px;width:var(--w);border-radius:3px;background:var(--as-ln)}
.as-br__l{flex:none;display:block;height:7px;width:var(--w);border-radius:4px;background:var(--as-ln)}
.as-br__row{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.as-br__row i{display:block;height:24px;border-radius:6px;background:rgba(var(--fg-rgb,245,245,247),.07)}
.as-bolt{position:absolute;z-index:1;inset-block-end:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;background:var(--as-card);color:var(--text,#f5f5f7);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7));font-size:12px;font-weight:600;white-space:nowrap}
.as-bolt svg{width:14px;height:14px;color:var(--pink-ink,#F0508F)}
.is-on .as-br__load{animation:as-load 5s var(--ease) infinite}
.is-on .as-br__nav,.is-on .as-br__hero,.is-on .as-br__l,.is-on .as-br__row i,.is-on .as-br__split,.is-on .as-br__foot{animation:as-pop 5s var(--ease) infinite;animation-delay:calc(var(--j,0)*.11s)}
.is-on .as-bolt{animation:as-badge 5s var(--ease) infinite}
@keyframes as-load{0%{opacity:1;transform:scaleX(0)}10%{opacity:1;transform:scaleX(1)}14%,100%{opacity:0;transform:scaleX(1)}}
@keyframes as-pop{0%,8%{opacity:0;transform:translateY(6px)}15%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}
@keyframes as-badge{0%,28%{opacity:0;transform:scale(.82)}34%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}

/* 3.2 לוח לידים: כרטיס ליד עובר מעמודה לעמודה (בעברית הזרימה מימין לשמאל) */
.as-kb{position:absolute;inset:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.as-kb__col{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:10px;background:rgba(var(--fg-rgb,245,245,247),.04)}
.as-kb__col em{display:block;height:16px;font-size:11px;font-weight:600;line-height:16px;color:var(--text-2,#a1a1a6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-kb__c{display:block;height:34px;border-radius:7px;background:var(--as-card);box-shadow:0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-kb__live{position:absolute;z-index:1;inset-block-start:68px;inset-inline-start:6px;width:calc((100% - 16px)/3 - 12px);height:40px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding-inline:8px 6px;border-radius:8px;border-inline-start:3px solid var(--pink,#E7357A);background:var(--as-card);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7));transform:translateX(calc(-200% - 40px))}
.as-kb__live b{display:block;height:5px;width:var(--w);border-radius:3px;background:var(--as-ln-2)}
.as-kb__av{position:absolute;inset-block-start:7px;inset-inline-end:7px;width:9px;height:9px;border-radius:50%;background:var(--as-ln-2)}
.as-kb__ok{position:absolute;inset-block-start:-7px;inset-inline-end:-6px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--as-ok);color:var(--bg,#000)}
.as-kb__ok svg{width:10px;height:10px}
.is-on .as-kb__live{animation:as-kb 6s var(--ease) infinite}
.is-on .as-kb__ok{animation:as-kbok 6s var(--ease) infinite}
@keyframes as-kb{0%{opacity:0;transform:scale(.9)}5%,28%{opacity:1;transform:none}36%,58%{opacity:1;transform:translateX(calc(-100% - 20px))}66%,91%{opacity:1;transform:translateX(calc(-200% - 40px))}96%,100%{opacity:0;transform:translateX(calc(-200% - 40px))}}
@keyframes as-kbok{0%,66%{opacity:0;transform:scale(.4)}72%,91%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}

/* 3.3 דשבורד: שלושה מדדים מוסתרים, קו שמצטייר ועמודות שגדלות */
.as-db{position:absolute;inset:12px;display:flex;flex-direction:column;gap:8px}
.as-db__kpis{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.as-db__kpi{display:grid;gap:5px;padding:7px;border-radius:8px;background:var(--as-card);box-shadow:0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-db__kpi i{display:block;height:5px;width:60%;border-radius:3px;background:var(--as-ln)}
.as-db__kpi b{display:block;height:10px;width:78%;border-radius:4px;background:var(--as-ln-2);filter:blur(1.5px)}
.as-db__line{position:relative;flex:1;min-height:26px;overflow:hidden}
.as-db__line svg{position:absolute;inset:0;width:100%;height:100%}
.as-db__area{fill:var(--pink,#E7357A);fill-opacity:.12}
.as-db__stroke{fill:none;stroke:var(--pink,#E7357A);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.as-db__cover{position:absolute;inset:0;background:var(--as-mv);transform:translateX(101%)}
.as-db__bars{direction:ltr;flex:none;display:flex;align-items:flex-end;gap:5px;height:36px}
.as-db__bars i{flex:1;display:block;height:100%;border-radius:3px 3px 1px 1px;background:var(--as-ln-2);transform-origin:50% 100%;transform:scaleY(var(--h))}
.is-on .as-db__cover{animation:as-cover 6s var(--ease) infinite}
.is-on .as-db__bars i{animation:as-grow 6s var(--ease) infinite;animation-delay:calc(var(--j,0)*.07s)}
.is-on .as-db__kpi b{animation:as-blink 6s var(--ease) infinite}
@keyframes as-cover{0%,8%{transform:translateX(0)}38%,88%{transform:translateX(101%)}100%{transform:translateX(0)}}
@keyframes as-grow{0%{transform:scaleY(.06)}18%,88%{transform:scaleY(var(--h))}100%{transform:scaleY(.06)}}
@keyframes as-blink{0%,4%{opacity:.25}14%,90%{opacity:1}100%{opacity:.25}}

/* 3.4 פורטל: שם משתמש, סיסמה, כניסה, ואז המסך האישי */
.as-lg{position:absolute;top:50%;left:50%;translate:-50% -50%;width:min(66%,210px);display:grid;gap:7px;padding:12px;border-radius:12px;background:var(--as-card);box-shadow:0 0 0 1px var(--hair,rgba(245,245,247,.12)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7));opacity:0}
.as-lg__logo{justify-self:center;width:18px;height:18px;border-radius:6px;background:var(--pink,#E7357A)}
.as-lg__f{display:flex;align-items:center;gap:4px;height:20px;padding-inline:8px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--hair-2,rgba(245,245,247,.2))}
.as-lg__u{display:block;height:5px;width:62%;border-radius:3px;background:var(--as-ln-2);transform-origin:100% 50%}
.as-lg__f--pw i{display:block;width:5px;height:5px;border-radius:50%;background:var(--text,#f5f5f7)}
.as-lg__btn{display:grid;place-items:center;height:22px;border-radius:999px;background:var(--text,#f5f5f7);color:var(--bg,#000);font-size:10.5px;font-weight:600}
.as-lg__in{position:absolute;inset:14px;display:flex;flex-direction:column;gap:10px;padding:10px 12px;border-radius:12px;background:var(--as-card);box-shadow:0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-lg__hi{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--text,#f5f5f7)}
.as-lg__hi i{flex:none;width:18px;height:18px;border-radius:50%;background:var(--as-ln-2)}
.as-lg__hi b{font-weight:600}
.as-lg__bars{direction:ltr;flex:1;display:flex;align-items:flex-end;gap:6px;min-height:0}
.as-lg__bars i{flex:1;display:block;height:100%;border-radius:4px 4px 1px 1px;background:var(--as-ln-2);transform-origin:50% 100%;transform:scaleY(var(--h))}
.as-lg__bars i:last-child{background:var(--pink,#E7357A)}
.is-on .as-lg{animation:as-lg 7s var(--ease) infinite}
.is-on .as-lg__u{animation:as-user 7s var(--ease) infinite}
.is-on .as-lg__f--pw i{animation:as-dot 7s var(--ease) infinite;animation-delay:calc(var(--j,0)*.1s)}
.is-on .as-lg__btn{animation:as-press 7s var(--ease) infinite}
.is-on .as-lg__in{animation:as-in 7s var(--ease) infinite}
.is-on .as-lg__bars i{animation:as-lgb 7s var(--ease) infinite}
@keyframes as-lg{0%{opacity:0;transform:translateY(8px)}5%,40%{opacity:1;transform:none}46%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes as-user{0%,8%{transform:scaleX(0)}18%,100%{transform:scaleX(1)}}
@keyframes as-dot{0%,20%{opacity:0;transform:scale(.3)}23%,44%{opacity:1;transform:none}46%,100%{opacity:0}}
@keyframes as-press{0%,36%{transform:none}38.5%{transform:scale(.93)}41%,100%{transform:none}}
@keyframes as-in{0%,45%{opacity:0;transform:translateY(10px) scale(.98)}52%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes as-lgb{0%,50%{transform:scaleY(.08)}62%,92%{transform:scaleY(var(--h))}100%{transform:scaleY(.08)}}

/* 3.5 כלי פנימי: טופס, גיליון, הודעה, ונקודה שעוברת ביניהם */
.as-fl{position:absolute;inset:0 12px 30px;display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;column-gap:4px}
.as-fl__n{position:relative;display:grid;justify-items:center;gap:6px;width:56px}
.as-fl__n svg{width:44px;height:44px;padding:11px;border-radius:14px;background:var(--as-card);color:var(--text,#f5f5f7);box-shadow:0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-fl__n em{font-size:11.5px;color:var(--text-2,#a1a1a6);white-space:nowrap}
.as-fl__t{position:relative;align-self:center;translate:0 -10px;height:10px;overflow:hidden}
.as-fl__t::before{content:"";position:absolute;inset-inline:0;top:4px;height:2px;border-radius:2px;background:var(--as-ln)}
.as-fl__t i{position:absolute;inset:0;opacity:0}
.as-fl__t i::after{content:"";position:absolute;top:1px;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--pink,#E7357A)}
.as-fl__ok{position:absolute;inset-block-start:-6px;inset-inline-end:-2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--as-ok);color:var(--bg,#000)}
.as-fl__ok svg{width:10px;height:10px;padding:0;border-radius:0;background:none;box-shadow:none;color:inherit}
.as-fl__cap{position:absolute;inset-inline:0;inset-block-end:12px;text-align:center;font-size:11.5px;color:var(--grey,#86868b)}
.is-on .as-fl__t--1 i{animation:as-run1 4s linear infinite}
.is-on .as-fl__t--2 i{animation:as-run2 4s linear infinite}
.is-on .as-fl__n--1 svg{animation:as-hit1 4s var(--ease) infinite}
.is-on .as-fl__n--2 svg{animation:as-hit2 4s var(--ease) infinite}
.is-on .as-fl__n--3 svg{animation:as-hit3 4s var(--ease) infinite}
.is-on .as-fl__ok{animation:as-flok 4s var(--ease) infinite}
@keyframes as-run1{0%{opacity:0;transform:translateX(0)}4%{opacity:1}30%{opacity:1;transform:translateX(-100%)}32%,100%{opacity:0;transform:translateX(-100%)}}
@keyframes as-run2{0%,36%{opacity:0;transform:translateX(0)}40%{opacity:1}66%{opacity:1;transform:translateX(-100%)}68%,100%{opacity:0;transform:translateX(-100%)}}
@keyframes as-hit1{0%{transform:scale(1)}3%{transform:scale(1.08)}9%,100%{transform:scale(1)}}
@keyframes as-hit2{0%,30%{transform:scale(1)}33%{transform:scale(1.08)}40%,100%{transform:scale(1)}}
@keyframes as-hit3{0%,66%{transform:scale(1)}69%{transform:scale(1.08)}76%,100%{transform:scale(1)}}
@keyframes as-flok{0%,68%{opacity:0;transform:scale(.4)}74%,92%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}

/* 3.6 חיבורים: ארבעה כלים מחוברים למערכת, ומידע זורם בשני הכיוונים */
.as-api{position:absolute;inset:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.as-api__rows{display:grid;gap:7px}
.as-api__r{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
.as-api__r em{min-width:72px;padding:5px 9px;border-radius:999px;background:var(--as-card);box-shadow:0 0 0 1px var(--hair,rgba(245,245,247,.12));font-size:11px;font-weight:600;color:var(--text,#f5f5f7);text-align:center;direction:ltr;white-space:nowrap}
.as-api__t{position:relative;display:block;height:10px;overflow:hidden}
.as-api__t::before{content:"";position:absolute;inset-inline:0;top:4px;height:2px;background:var(--as-ln)}
.as-api__t i{position:absolute;inset:0;opacity:0}
.as-api__t i::after{content:"";position:absolute;top:1px;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--pink,#E7357A)}
.as-api__hub{display:grid;justify-items:center;gap:6px;min-width:84px;padding:12px 10px;border-radius:14px;background:var(--as-card);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7));text-align:center}
.as-api__hub svg{width:28px;height:28px;padding:6px;border-radius:9px;background:var(--pink-fill,#D62B6E);color:var(--on-media,#f5f5f7)}
.as-api__hub b{font-size:11px;font-weight:600;line-height:1.25;color:var(--text,#f5f5f7)}
.is-on .as-api__r i{animation:as-api-in 2.8s linear infinite;animation-delay:calc(var(--j,0)*.35s)}
.is-on .as-api__r--out i{animation-name:as-api-out}
.is-on .as-api__hub{animation:as-hub 2.8s ease-in-out infinite}
@keyframes as-api-in{0%{opacity:0;transform:translateX(0)}10%{opacity:1}80%{opacity:1;transform:translateX(-100%)}90%,100%{opacity:0;transform:translateX(-100%)}}
@keyframes as-api-out{0%{opacity:0;transform:translateX(-100%)}10%{opacity:1}80%{opacity:1;transform:translateX(0)}90%,100%{opacity:0;transform:translateX(0)}}
@keyframes as-hub{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

/* ---------- 4. השוואה ---------- */
.as-cmp__sw{display:none;flex-wrap:wrap;gap:8px;margin-block-end:16px}
.as-cmp__grid{display:grid;gap:14px}
.as-cmp__keys{display:none}
.as-col{position:relative;display:grid;align-content:start;padding:20px 20px 18px;border-radius:var(--r-l,28px);background:var(--tile,#1d1d1f);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-col--code{background:var(--tile,#1d1d1f);box-shadow:inset 0 0 0 1.5px var(--pink,#E7357A)}
@media (hover:hover){.as-col--code[data-tilt]:hover{box-shadow:inset 0 0 0 1.5px var(--pink,#E7357A),var(--shadow,0 40px 90px -40px rgba(0,0,0,.9))}}
.as-col__h{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:center;align-content:start;padding-block-end:16px}
.as-col__logo{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:46px;min-width:46px;padding-inline:9px;border-radius:14px;background:var(--bg-2,#0b0b0c);color:var(--text,#f5f5f7);box-shadow:inset 0 0 0 1px var(--hair-2,rgba(245,245,247,.2))}
.as-col__logo img{display:block;height:22px;width:auto}
.as-col__logo .as-mark--wp{filter:brightness(0) invert(1)}
.as-col__logo img[src$="elementor-mark.svg"]{border-radius:5px}
.as-col__logo--shop{padding-inline:11px}
.as-col__logo--shop img{height:19px}
.as-col__logo--code svg{width:21px;height:21px}
.as-col__logo--code b{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--pink-ink,#F0508F)}
.as-col__h h3{font-size:clamp(21px,1.8vw,26px);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.as-col__h p{font-size:15px;line-height:1.35;color:var(--text-2,#a1a1a6)}
.as-col__dl{margin:0;display:grid}
.as-col__dl>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:12px;padding-block:12px;border-block-start:1px solid var(--hair,rgba(245,245,247,.12))}
.as-col__dl dt{font-size:15px;font-weight:500;line-height:1.4;color:var(--grey,#86868b)}
.as-col__dl dd{margin:0;font-size:16px;line-height:1.45;color:var(--text,#f5f5f7);text-wrap:pretty}
.as-col__go{margin-block-start:8px;justify-self:start;align-self:end}
.as-cmp.is-sw .as-col.is-pick{animation:as-pick .55s var(--ease) both}
@keyframes as-pick{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.as-cmp__a11y{display:flex;align-items:flex-start;gap:12px;margin-block-start:22px;padding:16px 18px;border-radius:var(--r-m,20px);background:var(--tile-2,#161617);font-size:16px;line-height:1.5;color:var(--text-2,#a1a1a6)}
.as-cmp__a11y-ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--fg-rgb,245,245,247),.08);color:var(--text,#f5f5f7)}
.as-cmp__a11y-ic svg{width:19px;height:19px}
.as-cmp__a11y a{color:var(--pink-ink,#F0508F);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;white-space:nowrap}
.as-cmp .hx-more{margin-block-start:18px}

/* ---------- 5. מערכות שבניתי ---------- */
.as-sys__grid{display:grid;gap:16px}
.as-sys__t{position:relative;display:grid;gap:22px;align-content:start;padding:16px 16px 24px;border-radius:var(--r-xl,36px);background:var(--as-card);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12));overflow:hidden}
.as-sys__copy{display:grid;gap:12px;justify-items:start;align-content:center;padding-inline:6px}
.as-sys__k{font-size:14px;font-weight:600;color:var(--pink-ink,#F0508F)}
.as-sys__copy h3{font-size:clamp(24px,2.3vw,34px);font-weight:700;letter-spacing:-.028em;line-height:1.1;text-wrap:balance}
.as-sys__copy p:not(.as-sys__k):not(.as-sys__cap){font-size:16.5px;line-height:1.55;color:var(--text-2,#a1a1a6);max-width:54ch;text-wrap:pretty}
.as-sys__copy .as-sys__cap{font-size:14px;line-height:1.45;color:var(--grey,#86868b)}
.as-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.as-chips li{padding:6px 12px;border-radius:999px;background:rgba(var(--fg-rgb,245,245,247),.06);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12));font-size:14px;line-height:1.3;color:var(--text,#f5f5f7)}
/* מרכז המדריכים: מחשב וטלפון חיים */
.as-sys__dev{position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding-block:6px 4px}
.as-sys__dev .as-lap{grid-area:1/1;justify-self:end;width:90%}
.as-sys__dev .as-phone{grid-area:1/1;justify-self:start;align-self:end;position:relative;z-index:2;width:23%;margin-block-end:-3%;transition:transform .6s var(--ease)}
.as-sys__t--guides:hover .as-phone{transform:translateY(-8px)}

/* 5.1 פורטל הנתונים: מוקאפ ב-HTML, בלי מספרים ובלי שמות */
.as-pt{position:relative;display:block;border-radius:18px;overflow:hidden;background:var(--bg,#000);color:var(--text-2,#a1a1a6);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7));font-size:11px;line-height:1.2;user-select:none;-webkit-user-select:none}
:where(.as-pt) :is(span,i,b,s){display:block;font-style:normal;text-decoration:none}
.as-pt__bar{display:flex;align-items:center;gap:6px;height:30px;padding-inline:12px;background:var(--tile-2,#161617);border-block-end:1px solid var(--hair,rgba(245,245,247,.12));direction:ltr}
.as-pt__bar i{width:8px;height:8px;border-radius:50%;background:var(--tile-3,#2a2a2c)}
.as-pt__bar em{margin-inline-start:8px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--text,#f5f5f7);white-space:nowrap}
.as-pt__adm{margin-inline-start:auto;padding:3px 9px;border-radius:999px;background:rgba(var(--fg-rgb,245,245,247),.08);font-size:10.5px;font-weight:600;color:var(--text,#f5f5f7);direction:rtl}
.as-pt__body{display:grid;grid-template-columns:30% minmax(0,1fr)}
.as-pt__side{padding:12px 10px;background:var(--tile-2,#161617);border-inline-end:1px solid var(--hair,rgba(245,245,247,.12))}
.as-pt__lbl{margin-block-end:8px;font-size:10.5px;font-weight:600;color:var(--grey,#86868b)}
.as-pt__list{position:relative;display:grid;gap:4px}
.as-pt__sel{position:absolute;inset-inline:0;top:0;height:28px;border-radius:8px;border-inline-start:3px solid var(--pink,#E7357A);background:rgba(var(--fg-rgb,245,245,247),.08)}
.as-pt__c{position:relative;z-index:1;display:flex;align-items:center;gap:7px;height:28px;padding-inline:8px 6px}
.as-pt__c i{flex:none;width:14px;height:14px;border-radius:50%;background:var(--as-ln-2)}
.as-pt__c b{height:6px;width:var(--w);max-width:calc(100% - 21px);border-radius:3px;background:var(--as-ln)}
.as-pt__main{display:grid;gap:10px;align-content:start;padding:12px}
.as-pt__tabs{display:flex;gap:6px}
.as-pt__tabs span{padding:4px 10px;border-radius:999px;background:rgba(var(--fg-rgb,245,245,247),.06);font-size:10.5px;font-weight:600;color:var(--text-2,#a1a1a6);direction:ltr;white-space:nowrap}
.as-pt__tabs span.as-pt__tab--on,.as-pt__tabs span:first-child{background:var(--text,#f5f5f7);color:var(--bg,#000)}
.as-pt__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.as-pt__kpi{display:grid;gap:6px;padding:9px;border-radius:10px;background:var(--tile-2,#161617);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-pt__kpi>i{height:5px;width:var(--w);border-radius:3px;background:var(--as-ln)}
.as-pt__kpi>b{height:12px;width:70%;border-radius:4px;background:var(--as-ln-2);filter:blur(2px)}
.as-pt__spark{direction:ltr;display:flex;align-items:flex-end;gap:3px;height:16px}
.as-pt__spark s{flex:1;height:100%;border-radius:2px;background:var(--as-ln-2);transform-origin:50% 100%;transform:scaleY(var(--h))}
.as-pt__chart{position:relative;height:96px;border-radius:10px;background:var(--tile-2,#161617);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12));overflow:hidden}
.as-pt__grid{position:absolute;inset:14px 0 10px;display:flex;flex-direction:column;justify-content:space-between}
.as-pt__grid i{height:1px;background:var(--hair,rgba(245,245,247,.12))}
.as-pt__chart>svg{position:absolute;inset:10px 0 0;width:100%;height:calc(100% - 10px)}
.as-pt__area{fill:var(--pink,#E7357A);fill-opacity:.13}
.as-pt__stroke{fill:none;stroke:var(--pink,#E7357A);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.as-pt__stroke--b{stroke:var(--grey,#86868b);stroke-width:1.5;stroke-dasharray:4 4}
.as-pt__cover{position:absolute;inset:0;background:var(--tile-2,#161617);transform:translateX(101%)}
.as-pt__bars{direction:ltr;display:flex;align-items:flex-end;gap:8px;height:34px;padding-inline:2px}
.as-pt__bars s{flex:1;height:100%;border-radius:3px 3px 1px 1px;background:var(--as-ln-2);transform-origin:50% 100%;transform:scaleY(var(--h))}
.as-pt__bars s:last-child{background:var(--pink,#E7357A)}
.as-pt__hide{position:absolute;z-index:2;inset-block-start:8px;inset-inline-end:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--tile,#1d1d1f);color:var(--text,#f5f5f7);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7));font-size:11px;font-weight:600;white-space:nowrap}
.as-pt__hide svg{width:12px;height:12px}
.is-on .as-pt__sel{animation:as-sel 9s var(--ease) infinite}
.is-on .as-pt__bars s{animation:as-ptb 3s var(--ease) infinite;animation-delay:calc(var(--j,0)*.05s)}
.is-on .as-pt__spark s{animation:as-ptb 3s var(--ease) infinite}
.is-on .as-pt__cover{animation:as-ptc 3s var(--ease) infinite}
.is-on .as-pt__kpi>b{animation:as-ptk 3s var(--ease) infinite}
@keyframes as-sel{0%,30%{transform:translateY(0)}33.3%,63%{transform:translateY(calc(100% + 4px))}66.6%,96%{transform:translateY(calc(200% + 8px))}100%{transform:translateY(0)}}
@keyframes as-ptb{0%{transform:scaleY(.06)}22%,86%{transform:scaleY(var(--h))}100%{transform:scaleY(.06)}}
@keyframes as-ptc{0%,6%{transform:translateX(0)}42%,88%{transform:translateX(101%)}100%{transform:translateX(0)}}
@keyframes as-ptk{0%{opacity:.25}16%,88%{opacity:1}100%{opacity:.25}}

/* 5.2 בוט התוכן: עשרה סוכנים, שלושה שלבים, והודעה בטלגרם */
.as-bot{position:relative;display:grid;gap:14px;padding:16px;border-radius:18px;background:var(--bg,#000);color:var(--text-2,#a1a1a6);box-shadow:0 0 0 1px var(--hair-2,rgba(245,245,247,.2)),var(--shadow-s,0 18px 40px -20px rgba(0,0,0,.7));font-size:12px;line-height:1.3;overflow:hidden;user-select:none;-webkit-user-select:none}
:where(.as-bot) :is(span,i,b){display:block;font-style:normal}
.as-bot__top{display:flex;align-items:center;gap:12px}
.as-bot__lbl{flex:none;font-size:11.5px;font-weight:600;color:var(--grey,#86868b)}
.as-bot__agents{flex:1;display:grid;grid-template-columns:repeat(10,minmax(0,18px));justify-content:space-between;gap:4px}
.as-bot__day{display:grid;gap:6px}
.as-bot__art{display:flex;align-items:center;gap:9px;height:32px;padding-inline:10px;border-radius:10px;background:rgba(var(--fg-rgb,245,245,247),.05)}
.as-bot__art>i{flex:none;width:12px;height:15px;border-radius:3px;box-shadow:inset 0 0 0 1.5px var(--hair-2,rgba(245,245,247,.2))}
.as-bot__art>b{flex:1;height:6px;max-width:var(--w);border-radius:3px;background:var(--as-ln)}
.as-bot__st{position:relative;flex:none;margin-inline-start:auto;display:grid;font-style:normal;font-size:11px;font-weight:600}
.as-bot__st>span{grid-area:1/1;padding:3px 9px;border-radius:999px;background:rgba(var(--fg-rgb,245,245,247),.08);color:var(--text-2,#a1a1a6);text-align:center}
.as-bot__st>.as-bot__st--ok{background:var(--as-ok);color:var(--bg,#000)}
.as-bot__agents i{position:relative;aspect-ratio:1;border-radius:50%;background:rgba(var(--fg-rgb,245,245,247),.08);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-bot__agents i::after{content:"";position:absolute;inset:28%;border-radius:50%;background:var(--text,#f5f5f7)}
.as-bot__steps{display:flex;flex-wrap:wrap;gap:6px}
.as-bot__s{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 10px;border-radius:999px;background:rgba(var(--fg-rgb,245,245,247),.07);font-size:12px;font-weight:600;color:var(--text,#f5f5f7)}
.as-bot__s i{width:8px;height:8px;border-radius:50%;background:var(--as-ok)}
.as-bot__msg{display:grid;gap:7px;padding:12px;border-radius:14px;background:var(--tile-2,#161617);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-bot__from{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--grey,#86868b)}
.as-bot__from em{margin-inline-start:auto;font-style:normal;font-size:10.5px}
.as-bot__from svg{width:13px;height:13px}
.as-bot__msg>b{font-size:13px;font-weight:600;color:var(--text,#f5f5f7)}
.as-bot__msg>i{height:6px;width:var(--w);border-radius:3px;background:var(--as-ln)}
.as-bot__btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-block-start:4px}
.as-bot__btns>span{display:grid;place-items:center;height:30px;border-radius:9px;background:rgba(var(--fg-rgb,245,245,247),.07);font-size:12px;font-weight:600;color:var(--text,#f5f5f7)}
.as-bot__btns>.as-bot__ok{position:relative;background:var(--pink-fill,#D62B6E);color:var(--on-media,#f5f5f7)}
.as-bot__ok::after{content:"";position:absolute;inset:-3px;border-radius:11px;border:2px solid var(--pink,#E7357A);opacity:0}
.is-on .as-bot__agents i::after{animation:as-agent 8s var(--ease) infinite;animation-delay:calc(var(--j,0)*.12s)}
.is-on .as-bot__s{animation:as-step 8s var(--ease) infinite;animation-delay:calc(var(--j,0)*.7s)}
.is-on .as-bot__s i{animation:as-stepi 8s var(--ease) infinite;animation-delay:calc(var(--j,0)*.7s)}
.is-on .as-bot__msg{animation:as-msg 8s var(--ease) infinite}
.is-on .as-bot__st--ok{animation:as-stok 8s var(--ease) infinite}
.is-on .as-bot__ok{animation:as-press2 8s var(--ease) infinite}
.is-on .as-bot__ok::after{animation:as-okring 8s ease-out infinite}
@keyframes as-agent{0%,3%{opacity:0;transform:scale(.4)}7%,86%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
@keyframes as-step{0%,22%{opacity:.35}27%,86%{opacity:1}92%,100%{opacity:.35}}
@keyframes as-stepi{0%,22%{opacity:0;transform:scale(.3)}27%,86%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
@keyframes as-msg{0%,44%{opacity:.3;transform:translateY(6px)}50%,92%{opacity:1;transform:none}97%,100%{opacity:.3;transform:translateY(6px)}}
@keyframes as-stok{0%,67%{opacity:0;transform:scale(.8)}71%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes as-press2{0%,64%{transform:none}66%{transform:scale(.94)}69%,100%{transform:none}}
@keyframes as-okring{0%,66%{opacity:0;transform:scale(1)}68%{opacity:1}80%,100%{opacity:0;transform:scale(1.12)}}

/* ---------- 6. שאלות ומדברים ---------- */
.as-faq .faq__side h2{font-size:clamp(32px,3.2vw,48px);font-weight:700;letter-spacing:-.028em;line-height:1.06}
.as-faq .faq__me{grid-template-columns:minmax(0,1fr);margin-block-start:26px}
.as-faq .faq__me a{color:var(--pink-ink,#F0508F)}
.as-faq .qa__a a{color:var(--pink-ink,#F0508F);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.as-talk__head{margin-block-end:8px}
.as-talk .hx-h2{font-size:clamp(32px,4.2vw,60px)}
.as-talk .f{margin-block-start:10px}

/* ---------- טלפון בלבד ---------- */
@media (max-width:760px){
  /* בפס האופקי החשיפה היא דהייה בלבד, כדי שההזזה לא תיחתך בגבולות הפס */
  .js .as-build__grid [data-as]{translate:0 0}
  .as-cmp.is-sw .as-cmp__sw{display:flex}
  .as-cmp.is-sw .as-col:not(.is-pick){display:none}
  .as-sys__copy p:not(.as-sys__k):not(.as-sys__cap){font-size:16px}
}

/* ---------- טאבלט ומעלה ---------- */
@media (min-width:761px){
  .as-hero{padding-block-start:calc(74px + clamp(24px,5vh,56px))}
  .as-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(30px,4.6vw,76px);align-items:center;min-height:calc(min(100svh,820px) - 74px - clamp(24px,5vh,56px) - clamp(44px,7vh,76px))}
  .as-hero__copy{display:grid;gap:20px;justify-items:start;align-content:center}
  .as-hero .hx-h1{font-size:clamp(32px,4.1vw,64px)}
  .as-hero .hx-h1__o{-webkit-text-stroke-width:2px}
  .as-stage{margin-block:0}
  .as-hero .hx-lead{font-size:clamp(18px,1.4vw,21px)}
  .as-hero .hx-hero__ctas{width:auto;margin-block-start:6px}
  .as-hero .hx-hero__ctas .btn{flex:none}
  .as-hero .hx-hero__proof{gap:10px 26px;font-size:15px;margin-block-start:6px}
  .as-hero .hx-hero__proof li+li::before{display:block}
  .as-stage .as-lap{width:96%}
  .as-code{width:70%;margin-block-start:-30%}

  .as-build__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;margin-inline:0;padding:0}
  .as-card{width:auto;max-width:none;padding:16px 16px 24px}
  .as-card--api{grid-column:1/-1}

  .as-cmp__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,auto);column-gap:14px;row-gap:0}
  .as-col{grid-row:1/span 7;grid-template-rows:subgrid;padding:22px 20px 20px}
  .as-col__h{grid-row:1}
}
@media (min-width:761px) and (max-width:1060px){
  .as-col__h{grid-template-columns:minmax(0,1fr)}
  .as-col__logo{grid-row:auto;justify-self:start;margin-block-end:10px}
}
@media (min-width:761px){
  .as-col__dl{grid-row:2/span 5;grid-template-rows:subgrid}
  .as-col__dl>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .as-col__go{grid-row:7}

  .as-sys__t{padding:22px 22px 28px}
  .as-sys__t--guides{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,3vw,48px);padding:clamp(24px,3.4vw,52px)}
  .as-sys__t--guides .as-sys__dev{order:0}
  .as-sys__t--portal,.as-sys__t--bot{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(22px,3vw,40px)}
}
@media (min-width:1061px){
  .as-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
  .as-stage .as-lap{width:92%}
  .as-code{width:60%;margin-block-start:-25%;margin-inline-start:-4%}
  .as-toast{inset-block-start:4%;inset-inline-start:-2%}

  .as-build__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
  .as-card{padding:18px 18px 26px;gap:20px}
  .as-card--fast{grid-row:span 2}
  .as-card--fast .as-mv{flex:1 1 auto;height:auto;min-height:156px}
  .as-card--fast .as-br{inset:18px 18px -14px}
  .as-card--fast .as-br__pg{gap:9px;padding:14px}
  .as-card--fast .as-br__nav{display:flex}
  .as-card--fast .as-br__split{display:grid}
  .as-card--fast .as-br__foot{display:flex}
  .as-card--fast .as-br__row i{height:46px}
  .as-card--fast .as-br__hero{gap:9px;padding-inline:18px}
  .as-card--fast .as-br__hero b{height:10px}
  .as-card--fast .as-br__hero em{height:14px;width:24%}
  .as-card--api{grid-column:1/-1;flex-direction:row-reverse;align-items:center;gap:clamp(24px,3vw,48px);padding:18px}
  .as-card--api .as-mv{flex:1 1 58%;height:178px}
  .as-card--api .as-card__txt{flex:1 1 42%;padding-inline:14px 0}
  .as-card--api .as-api{inset:16px 22px}
  .as-card--api .as-api__rows{gap:9px}
  .as-card--api .as-api__hub{min-width:110px;padding:16px 12px}

  .as-cmp__grid{grid-template-columns:minmax(140px,.58fr) repeat(3,minmax(0,1fr));column-gap:16px}
  .as-cmp__keys{display:grid;grid-row:1/span 7;grid-template-rows:subgrid;list-style:none;margin:0;padding:0}
  .as-cmp__keys li{padding-block:15px;border-block-start:1px solid var(--hair,rgba(245,245,247,.12));font-size:15px;font-weight:600;line-height:1.4;color:var(--grey,#86868b)}
  .as-cmp__keys li:first-child,.as-cmp__keys li:last-child{border:0}
  .as-col{padding:26px 24px 22px}
  .as-col__dl>div{padding-block:15px}
  .as-col__dl dt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  .as-sys__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
  .as-sys__t--guides{grid-column:1/-1}
  .as-sys__t--portal{grid-column:span 7;grid-template-columns:minmax(0,1fr);align-content:start}
  .as-sys__t--bot{grid-column:span 5;grid-template-columns:minmax(0,1fr);align-content:start}
  .as-sys__t--portal,.as-sys__t--bot{padding:22px 22px 30px}
  .as-sys__t--portal .as-sys__copy,.as-sys__t--bot .as-sys__copy{padding-inline:10px}
  .as-pt__chart{height:112px}
}

/* ---------- מגע: בלי הרמה ---------- */
@media (hover:none){
  a.as-lap:hover,.as-sys__t--guides:hover .as-phone{transform:none}
}

/* ---------- תנועה מופחתת: המצב הסופי של כל מוקאפ ---------- */
@media (prefers-reduced-motion:reduce){
  [data-as]{transition:none}
  .js [data-as]{opacity:1;translate:0 0}
  [data-tilt]{transform:none!important}
  .as-lap,.as-phone{transition:none}
  .is-on .as-code__ask,.is-on .as-ln,.is-on .as-ln::after,.is-on .as-toast,.is-on .as-toast i::after,.is-on .as-lap__sheen::before,
  .is-on .as-br__load,.is-on .as-br__hero,.is-on .as-br__l,.is-on .as-br__row i,.is-on .as-bolt,
  .is-on .as-kb__live,.is-on .as-kb__ok,
  .is-on .as-db__cover,.is-on .as-db__bars i,.is-on .as-db__kpi b,
  .is-on .as-lg,.is-on .as-lg__u,.is-on .as-lg__f--pw i,.is-on .as-lg__btn,.is-on .as-lg__in,.is-on .as-lg__bars i,
  .is-on .as-fl__t i,.is-on .as-fl__n svg,.is-on .as-fl__ok,
  .is-on .as-api__r i,.is-on .as-api__hub,
  .is-on .as-pt__sel,.is-on .as-pt__bars s,.is-on .as-pt__spark s,.is-on .as-pt__cover,.is-on .as-pt__kpi>b,
  .is-on .as-bot__agents i::after,.is-on .as-bot__s,.is-on .as-bot__s i,.is-on .as-bot__msg,.is-on .as-bot__st--ok,.is-on .as-bot__ok,.is-on .as-bot__ok::after,
  .as-cmp.is-sw .as-col.is-pick{animation:none!important}
}

/* הטכנולוגיות */
.as-tech__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;margin-block-start:clamp(28px,4vw,48px)}
.as-tech__g{display:grid;gap:12px;align-content:start;padding:clamp(22px,2.6vw,32px);border-radius:var(--r-xl,36px);background:var(--as-card);box-shadow:inset 0 0 0 1px var(--hair,rgba(245,245,247,.12))}
.as-tech__g h3{margin:0;font-size:clamp(20px,1.8vw,24px);font-weight:700;line-height:1.2;color:var(--text,#f5f5f7)}
.as-tech__g p{margin:0;font-size:16px;line-height:1.55;color:var(--muted,rgba(245,245,247,.68))}
.as-tech__g .as-chips{margin-block-start:6px}
.as-tech__g .as-chips li{direction:ltr}