/* PlacesUp — דף נחיתה. RTL, עברית. צבעי המותג של האפליקציה. */
:root{
  --navy:#0F1630;--navy2:#172048;--ink:#1B2238;--text:#414B65;--mute:#6B7592;--line:#E3E8F4;
  --bg:#F4F6FC;--card:#fff;--brand:#4A6BF0;--brand-d:#3250C8;--soft:#E9EDFF;--ok:#2F7D5A;--amber:#B7791F;
  --shadow:0 30px 60px -32px rgba(30,50,110,.38),0 0 0 1px rgba(30,50,110,.06);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Assistant,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
h1,h2,h3{color:var(--ink);line-height:1.12;text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}
.wrap{--g:24px;width:min(1180px,100% - var(--g)*2);margin-inline:auto}
.skip{position:absolute;inset-inline-start:16px;top:-60px;z-index:100;background:#fff;color:var(--ink);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.ltr{direction:ltr;text-align:right}

/* ---------- כפתורים ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border:0;border-radius:999px;background:var(--brand);color:#fff;font:700 18px/1 Assistant,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 14px 30px -12px rgba(74,107,240,.75);transition:transform .25s var(--ease),box-shadow .25s,background .2s}
.btn:hover{transform:translateY(-2px);background:#5876F5;box-shadow:0 20px 36px -12px rgba(74,107,240,.8)}
.btn:active{transform:translateY(0)}
.btn.sm{min-height:44px;padding:0 20px;font-size:16px;box-shadow:none}
.btn.ghost{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34)}
.btn.ghost:hover{background:rgba(255,255,255,.18)}
.btn.wide{width:100%}
.btn.line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn.line:hover{background:rgba(120,145,255,.16);box-shadow:inset 0 0 0 1.5px currentColor}
.btn.sm svg{width:17px;height:17px}
.btn svg,.store svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}

/* ---------- ניווט ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;color:#fff;transition:background .3s,box-shadow .3s,color .3s}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:24px;letter-spacing:-.3px;color:inherit}
.logo img{border-radius:11px}
.links{display:flex;align-items:center;gap:26px;font-weight:600;font-size:17px}
.links a:not(.btn){text-decoration:none;opacity:.86;position:relative;padding:6px 0}
.links a:not(.btn)::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transition:transform .3s var(--ease)}
.links a:not(.btn):hover{opacity:1}.links a:not(.btn):hover::after{transform:scaleX(1)}
.nav.scrolled{background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);color:var(--ink);box-shadow:0 1px 0 var(--line),0 10px 30px -20px rgba(30,50,110,.4)}
.burger{display:none;width:46px;height:46px;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;padding:12px 10px;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:2.5px;border-radius:2px;background:currentColor;transition:transform .3s var(--ease),opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}

/* ---------- טלפון ---------- */
.phone{--pw:300px;position:relative;width:var(--pw);aspect-ratio:390/844;flex:none;border-radius:calc(var(--pw)*.15);padding:calc(var(--pw)*.034);background:#0D1326;box-shadow:inset 0 0 0 2px #2B3558,0 44px 80px -34px rgba(10,20,60,.6)}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:calc(var(--pw)*.118);background:#EEF1F8}

/* ---------- פתיחה ---------- */
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 620px at 18% 62%,#3B5BD6 0%,rgba(59,91,214,0) 62%),linear-gradient(160deg,#0F1630 0%,#172048 48%,#243B8C 100%);padding-top:140px}
.hero h1{color:#fff;font-size:clamp(44px,6.2vw,84px);font-weight:800;letter-spacing:-1.5px}
.hero-in{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;position:relative;z-index:2}
.eyebrow{font-size:15px;font-weight:700;letter-spacing:3.5px;color:var(--brand);margin-bottom:16px}
.eyebrow.light{color:#9DB4FF}
.lead{margin-top:22px;font-size:clamp(19px,1.7vw,23px);line-height:1.55;color:rgba(255,255,255,.84);max-width:34ch}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hint{margin-top:16px;font-size:16px;color:rgba(255,255,255,.62)}
.principle{margin-top:40px;display:inline-grid;gap:2px;padding:20px 26px;border-radius:22px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.principle span{font-size:13px;font-weight:700;letter-spacing:3px;color:#9DB4FF}
.principle b{font-size:clamp(22px,2.2vw,29px);font-weight:800;line-height:1.3}
.principle em{font-style:normal;font-size:clamp(22px,2.2vw,29px);line-height:1.3;color:rgba(255,255,255,.66)}
.hero-art{position:relative;display:grid;place-items:center;padding:20px 0 0;min-height:560px}
.hero-art .phone{--pw:clamp(250px,25vw,330px);margin-bottom:-90px}
.tilt{transform:rotate(-6deg);animation:bob 7s ease-in-out infinite}
@keyframes bob{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-12px)}}
.float{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 50px -22px rgba(5,12,40,.7);font-size:15px;line-height:1.25;white-space:nowrap;animation:floaty 6s ease-in-out infinite}
.float b{display:block;font-size:17px}.float small{color:var(--mute);font-size:13.5px}
.float svg{width:34px;height:34px;padding:7px;border-radius:11px;background:var(--soft);fill:none;stroke:var(--brand-d);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dot{width:12px;height:12px;border-radius:50%;flex:none}.dot.ok{background:#35A56F;box-shadow:0 0 0 6px rgba(53,165,111,.18)}
.f1{top:16%;inset-inline-start:-2%;animation-delay:-1s}
.f2{top:46%;inset-inline-end:-6%;animation-delay:-3s}
.f3{bottom:18%;inset-inline-start:4%;animation-delay:-4.5s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.rings{position:absolute;inset:0;pointer-events:none;z-index:1}
.rings i{position:absolute;inset-inline-start:22%;top:66%;width:var(--s);height:var(--s);margin:calc(var(--s)/-2);border-radius:50%;border:1.5px solid rgba(255,255,255,.1);animation:ring 9s ease-in-out infinite}
.rings i:nth-child(1){--s:520px}.rings i:nth-child(2){--s:860px;animation-delay:-2s}.rings i:nth-child(3){--s:1240px;animation-delay:-4s}.rings i:nth-child(4){--s:1680px;animation-delay:-6s}
@keyframes ring{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.045);opacity:.5}}
.marquee{position:relative;z-index:3;margin-bottom:44px;direction:ltr;overflow:hidden;border-top:1px solid rgba(255,255,255,.14);background:rgba(10,16,40,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 0}
.track{display:flex;width:max-content;animation:slide 38s linear infinite}
.track span{direction:rtl;padding:0 34px;font-weight:700;font-size:17px;color:rgba(255,255,255,.82);white-space:nowrap;position:relative}
.track span::after{content:"";position:absolute;left:-4px;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:#6E8BFF}
@keyframes slide{to{transform:translateX(-33.3333%)}}

/* ---------- מקטעים ---------- */
.sec{padding:clamp(72px,9vw,128px) 0;position:relative}
.sec h2,.contact h2{font-size:clamp(34px,4.4vw,58px);font-weight:800;letter-spacing:-.8px}
.sub{margin-top:20px;font-size:clamp(18px,1.6vw,22px);max-width:60ch}
.intro{background:var(--card);border-radius:44px 44px 0 0;margin-top:-44px;z-index:4}
.also{display:inline-block;margin-top:22px;padding:12px 20px;border-radius:16px;background:var(--soft);color:var(--ink);font-size:17.5px;line-height:1.5}
.also b{color:var(--brand-d)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}
.three article{padding:30px 28px;border-radius:26px;background:var(--bg);transition:transform .35s var(--ease),box-shadow .35s}
.three article:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.three h3{font-size:24px;font-weight:800}
.three p{margin-top:8px;font-size:17.5px}
.num{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:13px;background:var(--brand);color:#fff;font-weight:800;font-size:19px}

/* ---------- הפתרונות ---------- */
.story{background:linear-gradient(180deg,var(--card) 0,var(--bg) 14%)}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,96px);margin-top:20px;align-items:start}
.story-phone{position:sticky;top:calc(50vh - 330px);display:grid;justify-items:center;gap:22px;padding:30px 0}
.story-phone::before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(74,107,240,.28),rgba(74,107,240,0));filter:blur(10px)}
#storyPhone{--pw:clamp(260px,24vw,318px)}
#storyPhone img{position:absolute;top:calc(var(--pw)*.034);left:calc(var(--pw)*.034);width:calc(100% - var(--pw)*.068);height:calc(100% - var(--pw)*.068);opacity:0;transform:translateY(26px) scale(.975);transition:opacity .55s var(--ease),transform .7s var(--ease)}
#storyPhone img.on{opacity:1;transform:none}
#storyPhone img.out{opacity:0;transform:translateY(-26px) scale(.975)}
.dots{display:flex;gap:8px;direction:rtl;position:relative}
.dots.sw{display:none}
.dots i{width:9px;height:9px;border-radius:9px;background:#C9D2EC;transition:width .4s var(--ease),background .3s}
.dots i.on{width:30px;background:var(--brand)}
.step{min-height:74vh;display:flex;flex-direction:column;justify-content:center;padding:26px 0;opacity:.3;transition:opacity .5s var(--ease)}
.step.on{opacity:1}
.tag{font-weight:800;font-size:15px;letter-spacing:2px;color:var(--brand)}
.step h3{margin-top:8px;font-size:clamp(28px,3.2vw,42px);font-weight:800;letter-spacing:-.5px}
.step p{margin-top:14px;font-size:clamp(18px,1.55vw,21px);max-width:44ch}
.step ul{margin-top:18px;display:grid;gap:10px}
.step li{position:relative;padding-inline-start:30px;font-weight:600;color:var(--ink);font-size:17.5px}
.step li::before{content:"";position:absolute;inset-inline-start:0;top:.28em;width:21px;height:21px;border-radius:50%;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233250C8' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.phone.mini{display:none}

/* ---------- תפקידים ---------- */
.roles{background:var(--card)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.card{padding:30px 26px;border-radius:26px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);transition:transform .35s var(--ease),box-shadow .35s,background .3s}
.card:hover{transform:translateY(-8px);background:#fff;box-shadow:var(--shadow)}
.card h3{margin-top:18px;font-size:24px;font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.card h3 small{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--brand-d)}
.card p{margin-top:8px;font-size:17px}
.ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--soft);color:var(--brand-d);transition:transform .45s var(--ease),background .3s,color .3s}
.card:hover .ic{transform:rotate(-8deg) scale(1.08);background:var(--brand);color:#fff}
.ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.card.opt{background:transparent;box-shadow:none;outline:2px dashed #C9D2EC;outline-offset:-2px}
.audience{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.audience span{padding:10px 20px;border-radius:999px;background:var(--soft);color:var(--brand-d);font-weight:700;font-size:16.5px}

/* ---------- גלריה ---------- */
.gallery{direction:ltr;overflow:hidden;padding:26px 0 70px;background:linear-gradient(180deg,var(--card),var(--bg))}
.g-track{display:flex;gap:34px;width:max-content;animation:slide2 46s linear infinite}
.gallery .phone{--pw:270px}
.gallery .phone:nth-child(even){margin-top:46px}
.gallery:hover .g-track{animation-play-state:paused}
@keyframes slide2{to{transform:translateX(calc(-50% - 17px))}}

/* ---------- אתר המנהל ---------- */
.web{background:var(--bg);text-align:center}
.web .sub{margin-inline:auto}
.browser picture{display:block}
.browser{--p:1;margin:56px auto 0;max-width:1060px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 60px 120px -50px rgba(30,50,110,.55),0 0 0 1px rgba(30,50,110,.09);transform:perspective(1700px) rotateX(calc((1 - var(--p))*16deg)) scale(calc(.9 + var(--p)*.1));transform-origin:50% 100%;will-change:transform}
.bar{direction:ltr;display:flex;align-items:center;gap:8px;height:46px;padding:0 18px;background:#F4F6FC;border-bottom:1px solid var(--line)}
.bar i{width:12px;height:12px;border-radius:50%;background:#D5DAE8}
.bar span{margin:0 auto;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 22px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--mute)}
.bar span b{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.web .three{text-align:start}
.web .three article{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}

/* ---------- פיצול ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.split-art{display:grid;place-items:center;position:relative}
.split-art::before{content:"";position:absolute;inset:6% 12%;border-radius:50%;background:radial-gradient(closest-side,rgba(74,107,240,.26),rgba(74,107,240,0))}
.split-art .phone{--pw:clamp(250px,24vw,310px)}
.data{background:var(--card)}
.rows{margin-top:34px;border-top:1px solid var(--line)}
.rows li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:19px;color:var(--ink);font-weight:600}
.rows b{flex:none;font-size:15px;font-weight:700;padding:5px 13px;border-radius:999px;background:var(--soft);color:var(--brand-d)}

/* ---------- דמו חי ---------- */
.demo{background:linear-gradient(180deg,var(--bg),var(--card))}
.demo .ticks li{color:var(--ink)}
.demo .btn{margin-top:30px}
.split-art .phone.live{--n:340;--pw:calc(var(--n)*1px)}
.phone.live iframe{position:absolute;top:calc(var(--pw)*.034);left:calc(var(--pw)*.034);width:390px;height:877px;border:0;border-radius:49px;background:#EEF1F8;transform-origin:0 0;transform:scale(calc(var(--n)*.932/390))}
.phone.live .play{position:absolute;inset:calc(var(--pw)*.034);border:0;border-radius:calc(var(--pw)*.118);background:rgba(15,22,48,.46);color:#fff;cursor:pointer;display:grid;place-content:center;justify-items:center;gap:14px;font:700 19px/1 Assistant,sans-serif;transition:background .25s}
.phone.live .play:hover{background:rgba(15,22,48,.34)}
.phone.live .play i{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 12px rgba(74,107,240,.28);animation:pulse 2.2s ease-in-out infinite}
.phone.live .play svg{width:30px;height:30px;fill:#fff;margin-inline-start:4px}
@keyframes pulse{0%,100%{box-shadow:0 0 0 10px rgba(74,107,240,.3)}50%{box-shadow:0 0 0 20px rgba(74,107,240,.08)}}
.hint a{color:#fff;font-weight:700;text-underline-offset:3px}

/* ---------- עוזר ---------- */
.ai{background:var(--bg)}
.models{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.models span{padding:9px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:700;color:var(--ink);font-size:16.5px;direction:ltr}
.chat{display:grid;gap:14px;padding:30px;border-radius:30px;background:#fff;box-shadow:var(--shadow);min-height:330px;align-content:start}
.chat p{max-width:84%;padding:15px 20px;border-radius:22px;font-size:18px;line-height:1.5}
.chat .me{justify-self:start;background:var(--brand);color:#fff;border-end-start-radius:6px}
.chat .bot{justify-self:end;background:var(--bg);color:var(--ink);border-end-end-radius:6px}
.js .chat p{opacity:0;transform:translateY(16px) scale(.97)}
.js .chat.play p{animation:pop .6s var(--ease) forwards}
.js .chat.play p:nth-child(2){animation-delay:1s}.js .chat.play p:nth-child(3){animation-delay:2.3s}.js .chat.play p:nth-child(4){animation-delay:3.3s}
@keyframes pop{to{opacity:1;transform:none}}

/* ---------- יכולות ---------- */
.modules{background:var(--card);text-align:center}
.modules .sub{margin-inline:auto}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:46px auto 0;max-width:980px}
.chips span{display:inline-flex;align-items:center;gap:12px;padding:11px 20px 11px 14px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font-weight:700;font-size:17px;color:var(--mute);transition:color .4s,background .4s,box-shadow .4s,transform .3s var(--ease);transition-delay:calc(var(--i,0)*85ms)}
.chips span::before{content:"";order:2;width:36px;height:21px;border-radius:21px;background:#CBD2E0 radial-gradient(circle at 10.5px 50%,#fff 0 7.5px,transparent 8px);transition:background-color .4s,background-position .4s var(--ease);transition-delay:inherit;background-repeat:no-repeat}
.chips.in span,html:not(.js) .chips span{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1.5px #C5D0FB}
.chips.in span::before,html:not(.js) .chips span::before{background-color:var(--brand);background-position:15px 0}
.chips span:hover{transform:translateY(-3px)}
.infra{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px;text-align:start}
.infra div{padding:22px 24px;border-radius:20px;background:var(--bg)}
.infra b{display:block;color:var(--ink);font-size:19px}
.infra span{font-size:16.5px;color:var(--mute)}

/* ---------- השארת פרטים ---------- */
.contact{position:relative;overflow:hidden;color:#fff;padding:clamp(72px,9vw,120px) 0;background:radial-gradient(800px 560px at 86% 20%,#3B5BD6 0%,rgba(59,91,214,0) 64%),linear-gradient(200deg,#0F1630 0%,#172048 55%,#22357D 100%);border-radius:44px 44px 0 0;margin-top:-44px}
.contact .rings i{inset-inline-start:86%;top:20%}
.contact .split{position:relative;z-index:2;align-items:start}
.contact h2{color:#fff}
.contact .sub{color:rgba(255,255,255,.82)}
.ticks{margin-top:30px;display:grid;gap:14px}
.ticks li{position:relative;padding-inline-start:38px;font-size:19px;font-weight:600}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:3px;width:25px;height:25px;border-radius:50%;background:#35A56F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/15px no-repeat}
.store{margin-top:36px;display:inline-flex;align-items:center;gap:16px;padding:16px 22px;border-radius:20px;text-decoration:none;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2);transition:background .25s,transform .3s var(--ease)}
.store:hover{background:rgba(255,255,255,.15);transform:translateY(-3px)}
.store svg{width:26px;height:26px}
.store span{display:grid;font-size:16px;color:rgba(255,255,255,.78);line-height:1.35}.store b{color:#fff;font-size:18px}
.form{position:relative;display:grid;gap:16px;padding:34px;border-radius:30px;background:#fff;color:var(--text);box-shadow:0 50px 100px -40px rgba(5,10,40,.75)}
.form h3{font-size:28px;font-weight:800}
.f{display:grid;gap:6px}
.f label,.f legend{font-weight:700;color:var(--ink);font-size:16.5px}
.f small{font-weight:400;color:var(--mute);font-size:14px;margin-inline-start:4px}
.f input:not([type=radio]),.f textarea{width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);font:400 18px/1.4 Assistant,sans-serif;color:var(--ink);transition:border-color .2s,background .2s,box-shadow .2s}
.f textarea{resize:vertical;min-height:92px}
.f input:not([type=radio]):focus,.f textarea:focus{outline:0;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(74,107,240,.16)}
.f input.bad{border-color:#C0392B;background:#FDF1F0}
.units{display:flex;flex-wrap:wrap;gap:8px}
.units legend{margin-bottom:8px}
.units label{position:relative;cursor:pointer}
.units input{position:absolute;opacity:0;inset:0;cursor:pointer}
.units span{display:block;padding:9px 16px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:600;font-size:16px;color:var(--ink);transition:background .2s,color .2s,box-shadow .2s;unicode-bidi:plaintext}
.units input:checked+span{background:var(--brand);color:#fff;box-shadow:none}
.units input:focus-visible+span{outline:3px solid var(--brand);outline-offset:3px}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.err{padding:12px 16px;border-radius:12px;background:#FDF1F0;color:#A5281B;font-weight:600;font-size:16px}
.legal{font-size:14.5px;color:var(--mute);text-align:center}
.legal a{color:var(--brand-d);font-weight:600}
.done{position:absolute;inset:0;border-radius:30px;background:#fff;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;padding:30px}
.done[hidden]{display:none}
.done svg{width:92px;height:92px;margin-bottom:10px;fill:none;stroke:#35A56F;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.done circle{stroke-dasharray:151;stroke-dashoffset:151;animation:draw .7s var(--ease) forwards}
.done path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .45s .55s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.done b{font-size:28px;color:var(--ink)}.done span{font-size:19px}

/* ---------- תחתית ---------- */
.foot{background:#0B1126;color:rgba(255,255,255,.72);padding:34px 0;font-size:16px}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px}
.foot .logo{font-size:21px;color:#fff}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.foot nav a{text-decoration:none}.foot nav a:hover{color:#fff;text-decoration:underline}

/* ---------- תנועה ---------- */
.js .load{opacity:0;transform:translateY(24px);animation:rise .95s var(--ease) forwards;animation-delay:calc(var(--d,0)*110ms + 120ms)}
@keyframes rise{to{opacity:1;transform:none}}
.js .rv{opacity:0;transform:translateY(28px)}
.js .rv.in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0)*90ms)}
.js .three article.rv.in:hover,.js .card.rv.in:hover{transition-delay:0s;transform:translateY(-6px)}

@media (max-width:1140px) and (min-width:981px){.links{gap:16px;font-size:15.5px}.links .btn.sm{padding:0 14px;font-size:15px}}
/* ---------- טאבלט ונייד ---------- */
@media (max-width:980px){
  .links{position:absolute;inset:76px 16px auto 16px;flex-direction:column;align-items:stretch;gap:4px;padding:14px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,transform .3s var(--ease),visibility .25s}
  .links.open{opacity:1;visibility:visible;transform:none}
  .links a:not(.btn){padding:13px 10px;font-size:19px}.links a:not(.btn)::after{display:none}
  .links .btn{min-height:50px;font-size:18px;margin-top:6px}
  .links .btn.line{margin-top:10px}
  .burger{display:flex}
  .hero{padding-top:108px}
  .hero-in{grid-template-columns:1fr;gap:6px}
  .hero-copy{text-align:start}
  .lead{max-width:none}
  .hero-art{min-height:0;padding-top:40px}
  .hero-art .phone{--pw:min(66vw,290px);margin-bottom:-120px}
  .f2{display:none}
  .f1{top:9%;inset-inline-start:auto;inset-inline-end:max(0px,calc(50% - 200px))}
  .f3{bottom:26%;inset-inline-start:max(0px,calc(50% - 205px))}
  .three,.infra{grid-template-columns:1fr}
  .three{gap:14px;margin-top:38px}
  .three article{display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding:22px 20px}
  .three article .num{grid-row:span 2;margin:2px 0 0}
  .three article:not(:has(.num)){display:block}
  .three h3{font-size:22px}
  .cards{grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}
  .story-grid,.split{grid-template-columns:1fr}
  .story-phone{display:none}
  /* הפתרונות: קרוסלה בהחלקה — כרטיס לכל תחום, הבא מציץ מהצד */
  .steps{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:28px calc(var(--g)*-1) 0;padding:4px var(--g) 8px;scroll-padding-inline:var(--g)}
  .steps::-webkit-scrollbar{display:none}
  .step{flex:0 0 min(82vw,380px);scroll-snap-align:center;min-height:0;opacity:1;justify-content:flex-start;padding:26px 22px 0;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
  .step h3{font-size:27px}
  .step p{font-size:17.5px;max-width:none}
  .step ul{margin-bottom:26px}
  .step li{font-size:16.5px}
  .phone.mini{display:block;--pw:236px;margin:auto auto -214px}
  .dots.sw{display:flex;justify-content:center;margin-top:18px}
  .split-art{order:2}
  .split.rev .chat{order:2}
  .gallery{padding:16px 0 54px}
  .gallery .phone{--pw:190px}
  .gallery .phone:nth-child(even){margin-top:34px}
  .g-track{gap:22px}
  @keyframes slide2{to{transform:translateX(calc(-50% - 11px))}}
  .browser{margin-top:38px;border-radius:18px}
  .rows li{font-size:18px;padding:15px 0}
  .contact .split{gap:34px}
  .chips{max-width:560px}
}
@media (max-width:640px){
  body{font-size:17px}
  .wrap{--g:18px}
  .sec{padding:64px 0}
  .hero h1{font-size:clamp(40px,12.4vw,54px);letter-spacing:-1px}
  .cta .btn{flex:1 1 100%}
  .principle{display:grid;margin-top:30px}
  .float{font-size:13.5px;padding:10px 13px;gap:10px}.float b{font-size:15px}.float small{font-size:12.5px}.float svg{width:30px;height:30px}
  .track span{font-size:15.5px;padding:0 24px}
  .marquee{padding:14px 0;margin-bottom:30px}
  .intro,.contact{border-radius:30px 30px 0 0;margin-top:-30px}
  /* תפקידים: כרטיס שוכב — אייקון בצד, טקסט לידו */
  .cards{grid-template-columns:1fr}
  .card{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:start;padding:20px 18px}
  .card .ic{grid-row:span 2;width:50px;height:50px;border-radius:15px}.card .ic svg{width:25px;height:25px}
  .card h3{margin-top:0;font-size:21px}.card p{margin-top:4px;font-size:16.5px}
  .audience{gap:8px;margin-top:28px}.audience span{font-size:15px;padding:8px 14px}
  /* אתר המנהל: בנייד מוצג צילום של האתר ברוחב צר (web-admin-m.webp) — שלם וקריא, לא חתוך */
  .bar{height:38px;padding:0 12px;gap:6px}.bar i{width:9px;height:9px}.bar span{height:24px;padding:0 14px;font-size:12.5px}
  /* יכולות: רשימת מתגים, כמו מסך הגדרות */
  .chips{display:grid;grid-template-columns:1fr;gap:8px;margin-top:32px;text-align:start}
  .chips span{justify-content:space-between;border-radius:16px;padding:13px 16px;font-size:16.5px}
  .infra{grid-template-columns:1fr 1fr;gap:10px;margin-top:36px}
  .infra div{padding:16px 14px}.infra b{font-size:16.5px;line-height:1.3}.infra span{font-size:14.5px;line-height:1.35;display:block;margin-top:3px}
  .models{gap:8px}.models span{padding:8px 13px;font-size:15px}
  .chat{padding:18px;min-height:0;border-radius:24px}.chat p{font-size:16.5px;max-width:90%;padding:13px 16px}
  .form{padding:24px 18px;border-radius:26px}.form h3{font-size:25px}
  .units span{padding:11px 16px}
  .ticks li{font-size:17.5px}
  .store{display:flex}
  .foot-in{flex-direction:column;align-items:center;gap:14px}
  /* נייד: הכול ממורכז (11/10/2026, עומר) — חוץ מכרטיסי הקרוסלה, כרטיסי התפקידים ורשימת המתגים, שנשארים מיושרים לימין */
  .hero-copy,.intro .wrap,.story .wrap>.eyebrow,.story .wrap>h2,.roles .wrap>.eyebrow,.roles .wrap>h2,.split-copy,.infra,.web .three,.foot{text-align:center}
  .sub,.lead{margin-inline:auto}
  .principle{justify-items:center}
  .three article{display:block;padding:24px 20px}
  .three article .num{margin:0 auto 12px}
  .audience,.models,.foot nav{justify-content:center}
  .ticks{width:fit-content;margin-inline:auto;text-align:start}
  .store{justify-content:center;text-align:start}
  .form h3{text-align:center}
  .demo .ticks{margin-top:22px}
  .split-art .phone.live{--n:250}
}
@media (max-width:380px){
  .wrap{--g:14px}
  .hero h1{font-size:38px}
  .step{flex-basis:86vw}
  .infra{grid-template-columns:1fr}
  .models span{padding:7px 11px;font-size:14.5px}
}
/* ---------- אתר המנהל בנייד: "סרטון" — זום ותנועה על ארבעה מסכים (נוצר בסקריפט; 14 שניות ללולאה) ---------- */
.reel{display:none}
@keyframes sc0{0.00%{opacity:0}2.50%{opacity:1}25.00%{opacity:1}27.50%{opacity:0}100.00%{opacity:0}}
@keyframes mv0{0.00%{transform:translate(-31.00cqw,0.00cqw) scale(1.35)}6.00%{transform:translate(-110.00cqw,0.00cqw) scale(2.5)}13.00%{transform:translate(-110.00cqw,0.00cqw) scale(2.5)}20.00%{transform:translate(-78.80cqw,-18.37cqw) scale(2.3)}27.50%{transform:translate(-78.80cqw,-18.37cqw) scale(2.3)}100.00%{transform:translate(-78.80cqw,-18.37cqw) scale(2.3)}}
@keyframes sc1{0.00%{opacity:0}25.00%{opacity:0}27.50%{opacity:1}50.00%{opacity:1}52.50%{opacity:0}100.00%{opacity:0}}
@keyframes mv1{0.00%{transform:translate(-31.00cqw,0.00cqw) scale(1.35)}25.00%{transform:translate(-31.00cqw,0.00cqw) scale(1.35)}31.00%{transform:translate(-65.00cqw,0.00cqw) scale(2.3)}38.00%{transform:translate(-65.00cqw,0.00cqw) scale(2.3)}45.00%{transform:translate(-46.60cqw,-47.25cqw) scale(2.1)}52.50%{transform:translate(-46.60cqw,-47.25cqw) scale(2.1)}100.00%{transform:translate(-46.60cqw,-47.25cqw) scale(2.1)}}
@keyframes sc2{0.00%{opacity:0}50.00%{opacity:0}52.50%{opacity:1}75.00%{opacity:1}77.50%{opacity:0}100.00%{opacity:0}}
@keyframes mv2{0.00%{transform:translate(-31.00cqw,0.00cqw) scale(1.35)}50.00%{transform:translate(-31.00cqw,0.00cqw) scale(1.35)}56.00%{transform:translate(-70.00cqw,-12.00cqw) scale(2.4)}63.00%{transform:translate(-70.00cqw,-12.00cqw) scale(2.4)}70.00%{transform:translate(-51.20cqw,-40.50cqw) scale(2.2)}77.50%{transform:translate(-51.20cqw,-40.50cqw) scale(2.2)}100.00%{transform:translate(-51.20cqw,-40.50cqw) scale(2.2)}}
@keyframes sc3{0.00%{opacity:1}2.50%{opacity:0}75.00%{opacity:0}77.50%{opacity:1}100.00%{opacity:1}}
@keyframes mv3{0.00%{transform:translate(-46.60cqw,-47.25cqw) scale(2.1)}2.50%{transform:translate(-46.60cqw,-47.25cqw) scale(2.1)}75.00%{transform:translate(-31.00cqw,0.00cqw) scale(1.35)}81.00%{transform:translate(-74.80cqw,-18.00cqw) scale(2.4)}88.00%{transform:translate(-74.80cqw,-18.00cqw) scale(2.4)}95.00%{transform:translate(-46.60cqw,-47.25cqw) scale(2.1)}100.00%{transform:translate(-46.60cqw,-47.25cqw) scale(2.1)}}
@keyframes reelbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:640px){
  .browser picture{display:none}
  .reel{display:block;position:relative;container-type:inline-size;aspect-ratio:100/84;overflow:hidden;background:#F4F6FC;direction:ltr}
  .reel .sc{position:absolute;inset:0;opacity:0}
  .reel .sc img{position:absolute;left:0;top:0;width:100cqw;height:62.5cqw;max-width:none;transform-origin:0 0;transform:translate(-31.00cqw,0.00cqw) scale(1.35);will-change:transform}
  .reel .sc span{position:absolute;right:10px;bottom:13px;padding:5px 13px;border-radius:999px;background:rgba(15,22,48,.84);color:#fff;font-weight:700;font-size:13.5px;line-height:1.4;direction:rtl}
  .reel .sc0{animation:sc0 14s linear infinite}.reel .sc0 img{animation:mv0 14s ease-in-out infinite}
  .reel .sc1{animation:sc1 14s linear infinite}.reel .sc1 img{animation:mv1 14s ease-in-out infinite}
  .reel .sc2{animation:sc2 14s linear infinite}.reel .sc2 img{animation:mv2 14s ease-in-out infinite}
  .reel .sc3{animation:sc3 14s linear infinite}.reel .sc3 img{animation:mv3 14s ease-in-out infinite}
  .reel .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--brand);transform-origin:left;animation:reelbar 14s linear infinite}
}
@media (prefers-reduced-motion:reduce){.reel .sc0{opacity:1!important}.reel .bar{display:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .load,.js .rv,.js .chat p{opacity:1!important;transform:none!important}
  .browser{transform:none!important}
  #storyPhone img{transform:none}
}