/* style */
body{margin:0;background:#FFFFFF}
a{color:#212936;text-decoration:none}a:hover{color:var(--navy)}
@keyframes dwRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes dwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes dwSync{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes dwGauge{from{stroke-dashoffset:283}to{stroke-dashoffset:62}}
@keyframes dwPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes dwScan{0%{top:0}50%{top:calc(100% - 3px)}100%{top:0}}
@keyframes dwBadge{0%,18%{opacity:0;transform:translateY(6px)}28%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes rvUp{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes rvLeft{from{opacity:0;transform:translateX(-72px)}to{opacity:1;transform:none}}
@keyframes rvRight{from{opacity:0;transform:translateX(72px)}to{opacity:1;transform:none}}
@keyframes rvScale{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes rvBand{from{transform:scale(.93);border-radius:56px}to{transform:none;border-radius:0}}
@keyframes rvPar{from{transform:translateY(40px)}to{transform:translateY(-40px)}}
@keyframes rvHero{from{transform:none}to{transform:perspective(1400px) rotateX(8deg) scale(.94);opacity:.6}}
.mil{--n:2000;display:inline-grid;animation:rvCount 4.5s cubic-bezier(.25,.6,.3,1) .3s both}
.mil>span{grid-area:1/1}
.pa{opacity:clamp(0,calc(1000 - var(--n)),1);counter-reset:k var(--n)}
.pa::before{content:counter(k) "K"}
.pb{opacity:clamp(0,min(calc(var(--n) - 999),calc(2000 - var(--n))),1);counter-reset:a calc(round(down,var(--n) / 1000)) b calc(round(down,mod(var(--n),1000) / 100))}
.pb::before{content:counter(a) "." counter(b) "M"}
.pc{opacity:clamp(0,calc(var(--n) - 1999),1)}
@supports (animation-timeline: view()){
.rv-up{animation:rvUp linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
.rv-left{animation:rvLeft linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
.rv-right{animation:rvRight linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
.rv-scale{animation:rvScale linear both;animation-timeline:view();animation-range:entry 0% cover 34%}
.rv-band{animation:rvBand linear both;animation-timeline:view();animation-range:entry 0% cover 30%;overflow:hidden}
.rv-par{animation:rvPar linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.rv-hero{animation:rvHero linear both;animation-timeline:view();animation-range:exit 0% exit 80%}
}
@keyframes dwMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.logo-marquee img{filter:none;opacity:1;transition:filter .3s,opacity .3s}
.logo-marquee:hover img{filter:none;opacity:1}
.logo-marquee:hover > div{animation-play-state:paused}
@property --n{syntax:'<integer>';inherits:true;initial-value:0}
@keyframes rvMask{from{clip-path:inset(0 0 100% 0);transform:translateY(40px)}to{clip-path:inset(0 0 0 0);transform:none}}
@keyframes rvFill{from{background-position:100% 0}to{background-position:0 0}}
@keyframes rvCount{from{--n:0}}
@keyframes rvHeroText{to{opacity:0;transform:translateY(-60px) scale(.96)}}
@keyframes rvParA{from{transform:translateY(60px)}to{transform:translateY(-60px)}}
@keyframes rvParB{from{transform:translateY(90px)}to{transform:translateY(-90px)}}
@counter-style pad3{system:extends decimal;pad:3 "0"}
.c200{--n:200}.c500{--n:500}.c2{--n:2}
.count{counter-reset:c var(--n)}
.count::after{content:counter(c)}
.count.pad3::after{content:counter(c,pad3)}
.count{animation:rvCount 4.5s cubic-bezier(.25,.6,.3,1) .3s both}
@supports (animation-timeline: view()){
h2.rv-up{animation-name:rvMask}
.fill-text{background:linear-gradient(90deg,#212936 50%,#C9D4E6 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rvFill linear both;animation-timeline:view();animation-range:entry 40% cover 62%}
.count{animation:rvCount cubic-bezier(.25,.6,.3,1) both;animation-timeline:view();animation-range:entry 10% cover 70%}
.mil{animation:rvCount cubic-bezier(.25,.6,.3,1) both;animation-timeline:view();animation-range:entry 10% cover 70%}
.hero-text{animation:rvHeroText linear both;animation-timeline:view();animation-range:exit 10% exit 70%}
.par-a{animation:rvParA linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.par-b{animation:rvParB linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
}
.stack{position:sticky}
@keyframes dwTile{0%,22%,100%{background:#FFFFFF;border-color:#E3E6EE}8%,16%{background:#E6EEFB;border-color:var(--navy)}}
@keyframes dwBar{0%{width:0}40%,100%{width:46%}}
@keyframes dwToast{0%,8%{transform:translateY(-160%);opacity:0}16%,62%{transform:none;opacity:1}72%,100%{transform:translateY(-160%);opacity:0}}
@keyframes dwRing{0%{box-shadow:0 0 0 0 rgba(var(--navy-rgb),.5)}70%{box-shadow:0 0 0 14px rgba(var(--navy-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--navy-rgb),0)}}
@keyframes rvTilt{from{transform:perspective(1200px) rotateY(20deg) rotateX(8deg) translateX(-48px) scale(.9);opacity:.35}to{transform:none;opacity:1}}
@supports (animation-timeline: view()){
.tilt-in{animation:rvTilt linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
}
@media (max-width: 900px){
.nav-links,.nav-login{display:none!important}
.nav-burger{display:inline-flex!important;margin-left:auto}
}
@media (max-width: 900px){.stack{position:static!important}}
@media (max-width: 640px){
.hero-stage{padding:20px 14px 28px!important;border-radius:20px!important}
.hero-phone{display:none!important}
.hero-alert{left:8px!important;bottom:12px!important}
.dev-wrap{padding-right:0!important;min-height:0!important;justify-content:center}
.dev-tablet{display:none!important}
.dev-phone{position:relative!important;right:auto!important;bottom:auto!important}
.sec-link{justify-self:start!important}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important}}

.display{font-family:Archivo,Assistant,'Segoe UI',system-ui,sans-serif;font-stretch:122%;letter-spacing:-0.035em}
h2.display{font-stretch:118%}
@keyframes dwDrop{0%{opacity:0;transform:translateY(-120px) rotate(-14deg)}100%{opacity:1;transform:none}}
@keyframes rvRise{from{transform:scale(.95) translateY(28px);opacity:.88}to{transform:none;opacity:1}}
@keyframes famShot{0%,30%{opacity:0;transform:translateY(56px) scale(.97)}42%,68%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(-56px) scale(.97)}}
.fam-scope{timeline-scope:--f1,--f2,--f3,--f4}
.fv1{view-timeline-name:--f1}.fv2{view-timeline-name:--f2}.fv3{view-timeline-name:--f3}.fv4{view-timeline-name:--f4}
.fam-shot{opacity:0}
.fs1{opacity:1}
@supports (animation-timeline: view()){
.rise{animation:rvRise linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
}
@supports (timeline-scope: --a){
.fam-sticky{display:block!important}
.fam-shot{animation:famShot linear both;animation-range:cover 0% cover 100%}
.fs1{opacity:0;animation-timeline:--f1}.fs2{animation-timeline:--f2}.fs3{animation-timeline:--f3}.fs4{animation-timeline:--f4}
}
@supports not (timeline-scope: --a){
.fam-inline-shot{display:block!important}
}

.ai-scroll{height:500vh;view-timeline-name:--ai}
.ai-desk{display:none}
.ai-list{display:flex;flex-direction:column;gap:20px}
.ai-step{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;color:#212936;text-align:start}
.ai-step > div{width:min(540px,92%);transform-origin:center}
.ai-phones > div{width:auto}
.s0,.d0{opacity:1}
.ai-desc{opacity:0}
.ai-bar{transform:scaleX(0);transform-origin:left}
@keyframes aiFirst{0%,78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6%) scale(.96)}}
@keyframes aiMid{0%{opacity:0;transform:translateY(24%)}22%,78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6%) scale(.96)}}
@keyframes aiLast{0%{opacity:0;transform:translateY(24%)}22%,100%{opacity:1;transform:none}}
@keyframes dFirst{0%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px)}}
@keyframes dMid{0%{opacity:0;transform:translateY(14px)}25%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px)}}
@keyframes dLast{0%{opacity:0;transform:translateY(14px)}25%,100%{opacity:1;transform:none}}
@keyframes tabFirst{0%,88%{background-color:#FFFFFF;color:var(--navy)}100%{background-color:rgba(255,255,255,0);color:rgba(255,255,255,.62)}}
@keyframes tabMid{0%,100%{background-color:rgba(255,255,255,0);color:rgba(255,255,255,.62)}12%,88%{background-color:#FFFFFF;color:var(--navy)}}
@keyframes tabLast{0%{background-color:rgba(255,255,255,0);color:rgba(255,255,255,.62)}12%,100%{background-color:#FFFFFF;color:var(--navy)}}
@keyframes aiBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (min-width: 901px){
@supports (animation-timeline: view()){
.ai-desk{display:grid}
.ai-list{display:none}
.ai-steps{container-type:size}
.ai-step,.ai-desc,.ai-tab,.ai-bar{animation-timeline:--ai;animation-fill-mode:both;animation-timing-function:linear}
.ai-bar{animation-name:aiBar;animation-range:contain 0% contain 100%}
.s0{animation-name:aiFirst;animation-range:contain 0.00% contain 24.00%}
.s1{animation-name:aiMid;animation-range:contain 16.00% contain 44.00%}
.s2{animation-name:aiMid;animation-range:contain 36.00% contain 64.00%}
.s3{animation-name:aiMid;animation-range:contain 56.00% contain 84.00%}
.s4{animation-name:aiLast;animation-range:contain 76.00% contain 100.00%}
.d0{animation-name:dFirst;animation-range:contain 0.00% contain 23.00%}
.d1{animation-name:dMid;animation-range:contain 17.00% contain 43.00%}
.d2{animation-name:dMid;animation-range:contain 37.00% contain 63.00%}
.d3{animation-name:dMid;animation-range:contain 57.00% contain 83.00%}
.d4{animation-name:dLast;animation-range:contain 77.00% contain 100.00%}
.t0{animation-name:tabFirst;animation-range:contain 0.00% contain 20.00%}
.t1{animation-name:tabMid;animation-range:contain 20.00% contain 40.00%}
.t2{animation-name:tabMid;animation-range:contain 40.00% contain 60.00%}
.t3{animation-name:tabMid;animation-range:contain 60.00% contain 80.00%}
.t4{animation-name:tabLast;animation-range:contain 80.00% contain 100.00%}
@container (min-height: 600px){.ai-step > div{transform:scale(1.12)}.ai-phones > div{transform:scale(1)}}
@container (min-height: 700px) and (min-width: 700px){.ai-step > div{transform:scale(1.24)}.ai-phones > div{transform:scale(1.1)}}
@container (max-height: 520px){.ai-step > div{transform:scale(.92)}.ai-phones > div{transform:scale(.8)}}
@container (max-height: 440px){.ai-step > div{transform:scale(.8)}.ai-phones > div{transform:scale(.68)}}
@container (max-height: 370px){.ai-step > div{transform:scale(.68)}.ai-phones > div{transform:scale(.56)}}
}
}
@supports not (animation-timeline: view()){
.ai-scroll{height:auto!important}
.ai-pin{position:static!important;height:auto!important;padding:clamp(72px,10vw,120px) 0!important}
}
@media (max-height: 760px) and (min-width: 901px){
.ai-pin{padding-top:88px!important;padding-bottom:16px!important}
.ai-left .ai-pill{display:none!important}
.ai-left{gap:14px!important}
.ai-left h2{font-size:clamp(28px,3vw,44px)!important}
.ai-tab{font-size:15px!important;padding:8px 14px!important}
.ai-desc p:first-child{font-size:16px!important}
.ai-desc p:last-child{font-size:14px!important}
.ai-descs{min-height:150px!important}
}
@media (max-width: 900px){
.ai-scroll{height:auto!important}
.ai-pin{position:static!important;height:auto!important;padding:72px 0!important}
.fam-grid{grid-template-columns:1fr!important}
.hdr{flex-wrap:nowrap!important;gap:16px!important}
.nav-lang{display:none!important}
.hdr img{height:24px!important}
.fam-sticky{display:none!important}
.fam-inline-shot{display:block!important}
.fam-story{min-height:0!important}
}

@media (max-width: 760px){.dash-side,.dash-search{display:none!important}.dash-top,.dash-row2{grid-template-columns:1fr!important}.dash-tog{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}

.sp-doc .sp-page,.sp-doc .sp-file{transition:transform .9s cubic-bezier(.22,.61,.36,1), opacity .7s ease}
.sp-doc .sp-p2{transition-delay:.25s}.sp-doc .sp-p1{transition-delay:.45s}.sp-doc .sp-file{transition-delay:.9s}
.js-pop .sp-vis:not(.pop-in) .sp-page{opacity:0;transform:translateY(-22%) scale(.92)}
.js-pop .sp-vis:not(.pop-in) .sp-file{opacity:0;transform:translateY(12px)}
.js-pop .sp-vis[data-pop]{opacity:1!important;transform:none!important;animation:none!important}
.sp-btn{box-shadow:0 0 0 0 rgba(52,87,158,.5)}
.js-pop .sp-vis.pop-in .sp-btn{animation:spPress .9s ease-out .1s both}
@keyframes spPress{0%{transform:scale(1)}30%{transform:scale(.94)}60%{transform:scale(1);box-shadow:0 0 0 0 rgba(52,87,158,.45)}100%{box-shadow:0 0 0 12px rgba(52,87,158,0)}}
@media (max-width: 640px){.sp-gen{grid-template-columns:1fr!important}.sp-win{width:100%!important}.sp-doc{padding-bottom:95%!important;margin-top:16px!important}.sp-doc .sp-page{width:70%!important}}
@media (max-width: 600px){#safety-plan h2 span,#safetyplan h2 span{display:inline!important}}
@media (prefers-reduced-motion: reduce){.sp-doc .sp-page,.sp-doc .sp-file{transition:none!important}.sp-btn{animation:none!important}}

.hero-seal{transition:transform .25s ease}
@media (min-width: 901px){[dir=rtl] .hero-seals{top:50%!important;bottom:auto!important;transform:translateY(-50%)}}
.hero-seals:hover .hero-seal{transform:translateY(-2px)}
@media (max-width: 1100px){.hero-seal{width:78px!important;height:78px!important}}
@media (max-width: 900px){.hero-seals{position:static!important;margin-top:22px;gap:10px!important}.hero-seal{width:64px!important;height:64px!important}}

@media (max-width: 1100px){.why-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width: 600px){.why-tiles{grid-template-columns:1fr!important}}

.dial-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:260px;max-height:280px;overflow:auto;background:#FFFFFF;border:1px solid #E3E6EE;border-radius:12px;box-shadow:0 18px 40px -16px rgba(var(--navy-rgb),.35);padding:6px;display:flex;flex-direction:column;gap:2px;transform-origin:top left;animation:dialIn .16s cubic-bezier(.23,1,.32,1)}
.dial-pop[hidden],.dial-pick[hidden]{display:none!important}
@keyframes dialIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.dial-opt{font:inherit;font-size:14px;font-weight:500;color:#212936;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;cursor:pointer;text-align:start}
.dial-opt:hover,.dial-opt:focus-visible{background:#F3F5F9;outline:none}
.dial-opt[aria-selected="true"]{background:var(--mint-t);font-weight:700}
.dial-n{flex:1 1 auto}
.dial-c{color:#5D6471;font-variant-numeric:tabular-nums}
[dir=rtl] .dial-opt{direction:rtl}
.dial-btn:focus-visible{outline:none;border-color:var(--mint)!important;box-shadow:0 0 0 3px rgba(var(--mint-rgb),.28)}
.dial-btn[aria-expanded="true"]{border-color:var(--mint)!important}
@media (prefers-reduced-motion: reduce){.dial-pop{animation:none}}

.demo-form .df-bad{border-color:#D85140!important;box-shadow:0 0 0 3px rgba(216,81,64,.18)!important}
.demo-row .demo-form input.df-bad:focus{border-color:#D85140!important;box-shadow:0 0 0 3px rgba(216,81,64,.28)!important}
.demo-form input[type=checkbox].df-bad{outline:2px solid #D85140;outline-offset:2px}

@media (min-width: 981px){#platform .sec-more-end{margin-top:calc(-50vh + 250px)!important;position:relative;z-index:2}}

.more-btn{transition:color .2s ease,border-color .2s ease}
.more-btn .sec-more-arrow{transition:transform .2s cubic-bezier(.23,1,.32,1)}
@media (hover: hover) and (pointer: fine){.more-btn:hover{color:#34579E!important;border-color:var(--mint-d)!important}.more-btn:hover .sec-more-arrow{transform:translateX(4px)}[dir=rtl] .more-btn:hover .sec-more-arrow{transform:scaleX(-1) translateX(4px)}}

@media (max-width: 980px){.svc-wrap{grid-template-columns:1fr!important}}
@media (max-width: 560px){.svc-grid{grid-template-columns:1fr!important}}
.svc-tile{transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease,border-color .2s ease}
@media (hover: hover) and (pointer: fine){.svc-tile:hover{transform:translateY(-3px);border-color:#C9D4E6!important;box-shadow:0 18px 36px -24px rgba(33,41,54,.35)!important}}

.nav-links{gap:22px!important;flex-wrap:nowrap!important;white-space:nowrap}
@media (max-width: 1360px){.nav-links{gap:18px!important;font-size:15px!important}}

.contact-card{transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease,border-color .2s ease}
@media (hover: hover) and (pointer: fine){.contact-card:hover{transform:translateY(-3px);border-color:#C9D4E6!important;box-shadow:0 18px 36px -24px rgba(33,41,54,.35)!important}.contact-card:hover .cc-arrow{transform:translateX(3px)}}
.contact-card:active{transform:scale(.97)}
.cc-arrow{transition:transform .2s cubic-bezier(.23,1,.32,1)}
[dir=rtl] .cc-arrow{transform:scaleX(-1)}
@media (hover: hover) and (pointer: fine){[dir=rtl] .contact-card:hover .cc-arrow{transform:scaleX(-1) translateX(3px)}}

.as-right{contain:size;align-self:stretch;overflow:hidden}
.as-right > div:first-child{flex:none}
.as-updates{flex:1 1 auto;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
@media (max-width: 900px){.as-right{contain:none;align-self:start}.as-updates{display:none}}

@media (max-width: 900px){.svc-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width: 600px){.svc-grid{grid-template-columns:1fr!important}}

.qf-in::placeholder{color:rgba(255,255,255,.45)}
.qf-in:focus{outline:2px solid var(--mint);outline-offset:1px;border-color:transparent}
.qf-in.qf-bad{border-color:#D85140!important}
@media (max-width: 900px){.qf{grid-template-columns:1fr!important}.qf button{justify-self:start}}
.hero-certs:hover span{border-color:rgba(255,255,255,.45)!important}

.hm-stage{position:relative}
.hm-view{display:flex;flex-direction:column;gap:12px;min-width:0}
.hm-view:not([data-hview="menu"]){position:absolute;inset:0;overflow-y:auto;display:none;scrollbar-width:thin;padding-inline-end:4px}
.hm-view.hm-on:not([data-hview="menu"]){display:flex;animation:hmIn .28s ease-out both}
.app-screen.hm-touched .hm-view[data-hview="menu"]:not(.hm-on){visibility:hidden}
@keyframes hmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.app-screen [data-hgo]{cursor:pointer}
.app-screen .as-arow[data-hgo]:hover,.app-screen .as-recent [data-hgo]:hover{background-color:#F3F5F9}
.app-screen [data-hgo]:focus-visible{outline:2px solid #34579E;outline-offset:2px}
.app-screen.hm-touched .as-tile,.app-screen.hm-touched .as-tile .tl{animation:none!important}
.hm-hint{display:none;position:absolute;top:-46px;inset-inline-start:22px;z-index:3;align-items:center;gap:8px;background:#FFFFFF;color:var(--navy);font-size:14px;font-weight:700;padding:7px 14px;border-radius:99px;box-shadow:0 10px 24px -12px rgba(0,0,0,.28);transition:opacity .3s}
.js-pop .hm-hint{display:inline-flex}
.hm-used .hm-hint{opacity:0;pointer-events:none}
@media (max-width: 900px){.hm-hint{display:none!important}}

.js-pop [data-pop]{opacity:0;transform:translateY(26px) scale(.94)}
.js-pop [data-pop].pop-in{opacity:1;transform:none;animation:popIn .8s cubic-bezier(.34,1.4,.64,1) backwards;animation-delay:calc(var(--i, 0) * 90ms)}
@keyframes popIn{0%{opacity:0;transform:translateY(26px) scale(.94)}55%{opacity:1}100%{opacity:1;transform:none}}
.sec-tile{transition:transform .25s ease, box-shadow .25s ease}
.sec-tile.pop-in:hover,.sec-tile:hover{transform:translateY(-4px);box-shadow:0 18px 36px -24px rgba(33,41,54,.35)}
@media (prefers-reduced-motion: reduce){.js-pop [data-pop]{opacity:1!important;transform:none!important;animation:none!important}}

@media (max-width: 1100px){.ft-grid{grid-template-columns:repeat(4, minmax(0, 1fr))!important}.ft-grid .ft-brand{grid-column:1 / -1}}
@media (max-width: 560px){.ft-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}

h1,h2{text-wrap:balance}
@media (min-width: 901px){h1 .hl{display:block}}
@media (max-width: 600px){.lang-root[lang="he"] #demo h2{font-size:clamp(36px, 11vw, 46px)!important}}
@media (min-width: 601px){.lang-root[lang="he"] #demo h2{font-size:clamp(48px, 8.6vw, 138px)!important}}

@media (min-width: 901px){
.hero-note.hp0,.hero-note.hp1,.hero-note.hp2,.hero-note.hp3{width:270px!important;top:calc(100% + 12px)!important;bottom:auto!important;inset-inline-start:auto!important}
.hero-note.hp0,.hero-note.hp2{inset-inline-end:0!important}
.hero-note.hp1,.hero-note.hp3{inset-inline-end:300px!important}
}
@media (max-width: 900px){.hero-note{display:none!important}}
@media (min-width: 901px) and (max-width: 1360px){.hero-note.hp0,.hero-note.hp1,.hero-note.hp2,.hero-note.hp3{top:calc(100% + 4px)!important;padding:10px 12px!important}}

#videos{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}
@media (max-width: 1000px){.vid-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 480px){.vid-grid{gap:12px!important}}

@media (max-width: 560px){.fam-inline-shot{max-width:100%;overflow:hidden}.fam-inline-shot .fam-win{zoom:.8}}
@media (max-width: 380px){.fam-inline-shot .fam-win{zoom:.72}}

.nav-burger-wrap{display:none}
.nav-burger-wrap > summary::-webkit-details-marker{display:none}
.nav-burger-wrap .ico-close{display:none}
.nav-burger-wrap[open] .ico-open{display:none}
.nav-burger-wrap[open] .ico-close{display:block}
@media (max-width: 1180px){.nav-burger-wrap{display:block}}
.skip-link{position:absolute;top:8px;inset-inline-start:12px;z-index:100;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:#FFFFFF;color:#212936;padding:0;border-radius:10px;font-weight:700}
.skip-link:focus{width:auto;height:auto;overflow:visible;clip-path:none;padding:10px 16px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint-d);outline-offset:3px;border-radius:8px}
@media (max-width: 900px){.lang-tg button{padding:8px 11px!important;min-height:38px}}
@media (max-width: 560px){.site-hdr > div{padding:14px 16px!important;gap:12px!important}.site-hdr > div > div:last-child{gap:10px!important}}

[dir=rtl] .sec-more-arrow{transform:scaleX(-1)}

@media (max-height: 800px) and (min-width: 901px){section#industries{--go-max:-6px}}
@media (max-height: 680px) and (min-width: 901px){
#app .app-phones{zoom:.76}
#app h2.display{font-size:clamp(28px, 3vw, 40px)!important}
#app .app-feats > div > span:last-child > span:last-child{display:none}
}

html{scroll-padding-top:0!important}

@media (max-height: 780px) and (min-width: 901px){
#app{padding-top:64px!important;padding-bottom:64px!important}section#app{--go-max:-32px}
#app .app-text{gap:12px!important}
#app .app-lead,#app .app-ai-note{display:none!important}
#app .store-img{height:44px!important}
#app h2.display{font-size:clamp(30px, 3.4vw, 46px)!important}
#app .app-feats{gap:10px 20px!important}
#app .app-phones{zoom:.84}
}

section{position:relative}
.go-anchor{position:absolute;inset-inline-start:0;width:1px;height:1px;pointer-events:none;top:min(var(--go-max, 0px), calc(50% - 50vh - 40px))}
#app{--go-max:calc(clamp(72px, 12vw, 120px) - 96px)}#integrations,#security{--go-max:calc(clamp(96px, 12vw, 160px) - 96px)}#demo{--go-max:calc(clamp(96px, 14vw, 180px) - 96px)}#industries{--go-max:calc(clamp(80px, 12vw, 140px) - 96px)}#sol-ehs,#sol-lms,#sol-schools,#sol-more{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}#contact{--go-max:calc(clamp(64px, 8vw, 104px) - 96px)}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}

.dd-panel{opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-dd:hover .dd-panel,.nav-dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease, transform .2s ease, visibility 0s}
.nav-dd .dd-chev{transition:transform .2s ease}
.nav-dd:hover .dd-chev,.nav-dd:focus-within .dd-chev{transform:rotate(180deg)}
.dd-item{transition:background-color .15s ease}
.dd-item:hover,.dd-item:focus-visible{background:#F3F5F9}
@media (prefers-reduced-motion: reduce){.dd-panel{transition:none}}

.sol-card{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.sol-card:hover{transform:translateY(-3px);border-color:#C9D4E6;box-shadow:0 18px 36px -24px rgba(33,41,54,.35)}
.sol-card .sol-arrow{transition:transform .25s ease}
.sol-card:hover .sol-arrow{transform:translateX(3px)}
[dir=rtl] .sol-card .sol-arrow{transform:scaleX(-1)}
[dir=rtl] .sol-card:hover .sol-arrow{transform:scaleX(-1) translateX(3px)}
@media (max-width: 900px){.sol-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important}.sol-card,.sol-card.big{grid-column:span 2!important}}
@media (min-width: 560px) and (max-width: 900px){.sol-card:not(.big){grid-column:span 1!important}}

@media (max-width: 640px){.as-recent{grid-template-columns:1fr!important}}

.as-tile .tl{animation:tileLbl 17s ease-in-out infinite;animation-delay:var(--gd)}
.as-tile{cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
.as-tile:hover{background-color:#E6EEFB!important;border-color:#A9B6CC!important;color:var(--hc)!important}
.as-tile:hover .tl{color:#34579E!important}
@media (prefers-reduced-motion: reduce){.as-tile .tl{animation:none!important}}

@media (min-width: 1200px){.fam-shot .fam-win{zoom:1.1}}

#top .rise{view-timeline-name:--heromock}
@keyframes screenOut{to{opacity:.55;filter:blur(1.5px)}}
@keyframes topOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes sideOut{to{opacity:0;transform:translateX(calc(var(--d, 1) * -8px))}}
@keyframes rowOut{to{opacity:0;transform:translateX(calc(var(--d, 1) * 10px))}}
@keyframes tileOut{to{opacity:0;transform:translateY(-10px) scale(.97)}}
@keyframes phoneOut{to{opacity:0;transform:translate(calc(var(--d, 1) * -28px), -36px) rotate(calc(var(--d, 1) * -3deg))}}
@keyframes noteOut{to{opacity:0}}
@supports not (animation-timeline: view()){.hero-enter{animation:heroEnter 2.2s cubic-bezier(.22,.61,.36,1) .3s both!important}.as-top > *{animation:topIn .9s cubic-bezier(.22,.61,.36,1) 1s both!important}.as-side-item{animation:sideIn .9s cubic-bezier(.22,.61,.36,1) calc(1.1s + var(--i) * 60ms) both!important}.as-arow{animation:rowIn .9s cubic-bezier(.22,.61,.36,1) calc(1.6s + var(--i) * 120ms) both!important}.hero-phone{animation:phoneIn 1.8s cubic-bezier(.22,.61,.36,1) 1.9s both!important}.as-tile{animation:tileIn 1s cubic-bezier(.22,.61,.36,1) calc(1.3s + var(--i) * 70ms) both,tileGlow 17s ease-in-out infinite!important}.hero-note{animation-name:notePop2!important}}

@keyframes heroEnter{0%{opacity:0;transform:perspective(1600px) rotateX(6deg) translateY(36px) scale(.98);filter:blur(4px)}60%{filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
.hero-enter{transform-origin:50% 0;animation:heroEnter 2.2s cubic-bezier(.22,.61,.36,1) .3s both,screenOut linear both;animation-timeline:auto,--heromock;animation-range:normal,exit 30% exit 100%}
@keyframes topIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.as-top > *{animation:topIn .9s cubic-bezier(.22,.61,.36,1) 1s both,topOut linear both;animation-timeline:auto,--heromock;animation-range:normal,exit 25% exit 70%}
@keyframes sideIn{from{opacity:0;transform:translateX(calc(var(--d, 1) * -6px))}to{opacity:1;transform:none}}
.as-side-item{animation:sideIn .9s cubic-bezier(.22,.61,.36,1) calc(1.1s + var(--i) * 60ms) both,sideOut linear both;animation-timeline:auto,--heromock;animation-range:normal,exit calc(15% + var(--i) * 1.5%) exit calc(60% + var(--i) * 1.5%)}
@keyframes tileIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes rowIn{from{opacity:0;transform:translateX(calc(var(--d, 1) * 8px))}to{opacity:1;transform:none}}
.as-arow{animation:rowIn .9s cubic-bezier(.22,.61,.36,1) calc(1.6s + var(--i) * 120ms) both,rowOut linear both;animation-timeline:auto,--heromock;animation-range:normal,exit calc(15% + var(--i) * 4%) exit calc(60% + var(--i) * 4%)}
@keyframes phoneIn{0%{opacity:0;transform:translate(calc(var(--d, 1) * -24px), 40px) rotate(calc(var(--d, 1) * -3deg))}100%{opacity:1;transform:none}}
.hero-phone{animation:phoneIn 1.8s cubic-bezier(.22,.61,.36,1) 1.9s both,phoneOut linear both;animation-timeline:auto,--heromock;animation-range:normal,exit 20% exit 85%}
[dir=rtl] .as-side-item,[dir=rtl] .as-arow,[dir=rtl] .hero-phone{--d:-1}
@media (prefers-reduced-motion: reduce){.hero-enter,.as-top > *,.as-side-item,.as-arow,.hero-phone{animation:none!important}.as-tile{animation:none!important}}

@keyframes piA{0%,17%{opacity:1}21%,97%{opacity:0}100%{opacity:1}}
@keyframes piB{0%,18%{opacity:0}22%,55%{opacity:1}59%,100%{opacity:0}}
@keyframes piC{0%,57%{opacity:0;transform:translateY(8px)}61%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes piPress{0%,13%{transform:none;box-shadow:none}15%{transform:scale(.92);box-shadow:0 0 0 5px rgba(52,87,158,.35)}18%,100%{transform:none;box-shadow:none}}
@keyframes piBand{0%{top:-40%}100%{top:100%}}
@keyframes piSt1{0%,21%{opacity:0}23%,32%{opacity:1}34%,100%{opacity:0}}
@keyframes piSt2{0%,33%{opacity:0}35%,44%{opacity:1}46%,100%{opacity:0}}
@keyframes piSt3{0%,45%{opacity:0}47%,56%{opacity:1}58%,100%{opacity:0}}
@keyframes piSpin{to{transform:rotate(360deg)}}
.pi-a{animation:piA 12s ease-in-out infinite both}
.pi-b{animation:piB 12s ease-in-out infinite both}
.pi-c{animation:piC 12s ease-in-out infinite both}
.pi-press{animation:piPress 12s ease-out infinite}
.pi-band{animation:piBand 1.8s ease-in-out infinite alternate}
.pi-st1{animation:piSt1 12s linear infinite both}.pi-st2{animation:piSt2 12s linear infinite both}.pi-st3{animation:piSt3 12s linear infinite both}
.pi-spin{animation:piSpin .9s steps(8) infinite}
@media (prefers-reduced-motion: reduce){.pi-a,.pi-b,.pi-press,.pi-band,.pi-st1,.pi-st2,.pi-st3,.pi-spin{animation:none!important}.pi-a,.pi-b{opacity:0!important}.pi-c{animation:none!important;opacity:1}}

@keyframes phVerify{0%,100%{box-shadow:0 0 0 0 rgba(204,124,46,0)}50%{box-shadow:0 0 0 3px rgba(204,124,46,.45)}}
.ph-verify{animation:phVerify 2.4s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.ph-verify{animation:none!important}}

@keyframes gsA2{0%,26%{opacity:1;transform:none;filter:none}32%,96%{opacity:0;transform:scale(.97);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}}
@keyframes gsM2{0%,27%{opacity:0;transform:scale(.96)}32%,47%{opacity:1;transform:none;filter:none}53%,100%{opacity:0;transform:scale(1.03);filter:blur(5px)}}
@keyframes gsB2{0%,48%{opacity:0;transform:translateY(12px)}54%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes genPress{0%,21%{transform:none;box-shadow:none}23%{transform:scale(.9);box-shadow:0 0 0 7px rgba(0,0,0,.28)}27%,100%{transform:none;box-shadow:none}}
@keyframes biIn{0%,51%{opacity:0;transform:translateY(10px)}56%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes biFlash{0%,55%{background-color:rgba(var(--mint-rgb),0)}58%{background-color:rgba(var(--mint-rgb),.18)}66%,100%{background-color:rgba(var(--mint-rgb),0)}}
@keyframes gsScan{0%,51%{top:0;opacity:0}52%{opacity:1}64%{top:calc(100% - 3px);opacity:1}66%,100%{top:calc(100% - 3px);opacity:0}}
@keyframes msIn1{0%,33%{opacity:.25}36%,100%{opacity:1}}
@keyframes msIn2{0%,37%{opacity:.25}40%,100%{opacity:1}}
@keyframes msIn3{0%,41%{opacity:.25}44%,100%{opacity:1}}
@keyframes orbSpin{to{transform:rotate(360deg)}}
@keyframes glowMove{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes shim{0%{background-position:-200% 0}100%{background-position:200% 0}}
.gs-a{animation:gsA2 12s ease-in-out infinite both}
.gs-m{animation:gsM2 12s ease-in-out infinite both}
.gs-b{animation:gsB2 12s ease-in-out infinite both}
.gen-press{display:inline-block;animation:genPress 12s ease-out infinite}
.gs-b .bi{animation:biIn 12s ease-out infinite both,biFlash 12s ease-out infinite}
.gs-b .bi2{animation-delay:.5s,.5s}.gs-b .bi3{animation-delay:1s,1s}
.gs-scan{animation:gsScan 12s ease-in-out infinite both}
.ms1{animation:msIn1 12s linear infinite both}.ms2{animation:msIn2 12s linear infinite both}.ms3{animation:msIn3 12s linear infinite both}
.ai-orb{background:conic-gradient(from 0deg,var(--mint),#34579E,var(--navy),var(--mint));animation:orbSpin 2.4s linear infinite;box-shadow:0 0 24px 4px rgba(0,0,0,.28)}
.ai-orb svg{animation:orbSpin 2.4s linear infinite reverse}
.ai-glow{background:linear-gradient(110deg,var(--mint),#34579E,var(--mint),#34579E);background-size:200% 100%;animation:glowMove 2.2s linear infinite;box-shadow:0 0 34px -6px rgba(0,0,0,.28)}
.ai-shim{background:linear-gradient(90deg,#E3E6EE 25%,var(--mint-t) 50%,#E3E6EE 75%);background-size:200% 100%;animation:shim 1.3s linear infinite}
@media (prefers-reduced-motion: reduce){.gs-a,.gs-m,.gen-press,.gs-scan,.ms1,.ms2,.ms3,.ai-orb,.ai-orb svg,.ai-glow,.ai-shim,.gs-b .bi{animation:none!important}.gs-a,.gs-m,.gs-scan{opacity:0!important}.gs-b{animation:none!important;opacity:1}}



@keyframes genOk{0%,18%{opacity:0;transform:scale(.6)}24%,44%{opacity:1;transform:none}50%,100%{opacity:0}}
.gen-ok{display:none!important}
@keyframes matBar{0%{width:4%}80%,100%{width:96%}}
.mat-bar{animation:matBar 6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.gen-ok,.mat-bar{animation:none!important}}

@keyframes aiRowIn{0%,8%{opacity:0;transform:translateY(6px)}16%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.ai-row{animation:aiRowIn 7s ease-out infinite both}
.ai-row.r0{animation-delay:.2s}.ai-row.r1{animation-delay:.6s}.ai-row.r2{animation-delay:1s}.ai-row.r3{animation-delay:1.4s}
@media (prefers-reduced-motion: reduce){.ai-row{animation:none!important}}

@keyframes rkNow{0%,100%{box-shadow:inset 0 0 0 0 rgba(var(--navy-rgb),0)}50%{box-shadow:inset 0 0 0 3px var(--navy)}}
.fam-win .rk-now{animation:rkNow 1.8s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.fam-win .rk-now{animation:none!important;box-shadow:inset 0 0 0 3px var(--navy)}}

@keyframes aiFillGlow{0%,100%{box-shadow:0 0 0 0 rgba(0,0,0,.28)}50%{box-shadow:0 0 0 3px rgba(0,0,0,.28)}}
.fam-win .ai-fill{animation:aiFillGlow 2.6s ease-in-out infinite}
@keyframes eqAlert{0%,100%{background:#FFFFFF}50%{background:#F3F5F9}}
.fam-win .eq-alert{animation:eqAlert 2.2s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.fam-win .ai-fill,.fam-win .eq-alert{animation:none!important}}
@media (max-width: 640px){.fam-win table{font-size:10px!important}.fam-win td{padding:5px 4px!important}}

@keyframes scanY{0%{top:8%;opacity:0}10%{opacity:1}50%{top:88%}60%{opacity:1}70%,100%{top:88%;opacity:0}}
.scan-line{animation:scanY 3.2s ease-in-out infinite}
[dir=rtl] .ph-back{transform:scaleX(-1)}
@media (prefers-reduced-motion: reduce){.scan-line{animation:none!important;opacity:0}}
@media (max-width: 560px){.app-ph-b{display:none!important}}

.ph-cnt{--c:146;counter-reset:c var(--c);animation:cntPh 10s step-end 3.8s infinite,bumpE 10s ease-out 3.8s infinite;display:inline-block;transform-origin:0 50%}
.ph-cnt::after{content:counter(c)}
@keyframes cntPh{0%,24%{--c:146}25%,95%{--c:147}96%,100%{--c:146}}
@media (prefers-reduced-motion: reduce){.ph-cnt{animation:none!important}}
@media (max-width: 1000px){.as-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

.display{font-family:Assistant,'Segoe UI',system-ui,sans-serif!important;font-stretch:100%!important;letter-spacing:-0.02em!important;line-height:1.04!important;font-weight:700!important}
.hero-text.display{font-weight:800!important;letter-spacing:-0.025em!important;line-height:1!important}
.hl{color:var(--mint)}
.cta-teal{box-shadow:0 10px 30px -10px rgba(0,0,0,.28)}
.cta-teal:hover{background:#34579E!important}
.as-side-item.on{background:#E6EEFB;font-weight:700}
@property --c{syntax:'<integer>';inherits:true;initial-value:0}
.as-cnt{counter-reset:c var(--c)}
.as-cnt::after{content:counter(c)}
.cnt-t{--c:1}.cnt-e{--c:2}.cnt-m{--c:4}.cnt-q{--c:58}.cnt-p{--c:1}.cnt-d{--c:21}
@keyframes cntQ{0%,95%{--c:59}96%,100%{--c:58}}
@keyframes cntE{0%,24%{--c:2}25%,95%{--c:3}96%,100%{--c:2}}
@keyframes cntT{0%,74%{--c:1}75%,95%{--c:2}96%,100%{--c:1}}
@keyframes bumpQ{0%{transform:scale(1.4)}5%,100%{transform:none}}
@keyframes bumpE{0%,24%{transform:none}25%{transform:scale(1.4)}30%,100%{transform:none}}
@keyframes bumpT{0%,74%{transform:none}75%{transform:scale(1.4)}80%,100%{transform:none}}
.cnt-q{animation:cntQ 10s step-end 3.8s infinite,bumpQ 10s ease-out 3.8s infinite}
.cnt-e{animation:cntE 10s step-end 3.8s infinite,bumpE 10s ease-out 3.8s infinite}
.cnt-t{animation:cntT 10s step-end 3.8s infinite,bumpT 10s ease-out 3.8s infinite}
@keyframes tileGlow{0%,7%,100%{background-color:#FFFFFF;border-color:#E3E6EE;color:var(--navy)}1.2%,5.6%{background-color:#E6EEFB;border-color:#A9B6CC;color:var(--hc)}}
@keyframes tileLbl{0%,7%,100%{color:#212936}1.2%,5.6%{color:#34579E}}
.as-tile{animation:tileIn 1s cubic-bezier(.22,.61,.36,1) calc(1.3s + var(--i) * 70ms) both,tileGlow 17s ease-in-out infinite,tileOut linear both;animation-timeline:auto,auto,--heromock;animation-range:normal,normal,exit calc(20% + var(--i) * 2%) exit calc(70% + var(--i) * 2%)}
.as-tile.t0{animation-delay:calc(1.3s + var(--i) * 70ms),var(--gd),0s}.as-tile.t1{animation-delay:calc(1.3s + var(--i) * 70ms),var(--gd),0s}.as-tile.t2{animation-delay:calc(1.3s + var(--i) * 70ms),var(--gd),0s}.as-tile.t3{animation-delay:calc(1.3s + var(--i) * 70ms),var(--gd),0s}.as-tile.t4{animation-delay:calc(1.3s + var(--i) * 70ms),var(--gd),0s}.as-tile.t5{animation-delay:calc(1.3s + var(--i) * 70ms),var(--gd),0s}
@media (prefers-reduced-motion: reduce){.as-cnt,.as-tile{animation:none!important}}
@media (max-width: 1000px){.as-side{display:none!important}.as-body{grid-template-columns:minmax(0,1fr) 190px!important}}
@media (max-width: 640px){.as-right,.as-hide,.as-co{display:none!important}.as-body{grid-template-columns:1fr!important}.as-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}.as-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media (min-width: 901px){
@supports (animation-timeline: view()){
.ind-scroll .ind-spanel{bottom:0;justify-content:center}
.ind-scroll .ind-spanel > blockquote:not(.ind-qcard) p{font-size:clamp(24px,2.6vw,38px)!important;line-height:1.3!important}
.ind-scroll .ind-spanel > blockquote:not(.ind-qcard) footer{font-size:17px!important}
.ind-scroll .ind-spanel > blockquote:not(.ind-qcard) .q-logo{height:clamp(52px,6vh,72px)!important;max-width:260px!important}
.ind-scroll .ind-spanel > blockquote:not(.ind-qcard){gap:22px!important}
}
}

.store-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}

@keyframes chatIn{0%{opacity:0;transform:translateY(8px)}8%,86%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
.chat-q{animation:chatIn 8s ease-out infinite both}
.chat-a{animation:chatIn 8s ease-out .9s infinite both}
.chat-s{animation:chatIn 8s ease-out 1.8s infinite both}
@media (prefers-reduced-motion: reduce){.chat-q,.chat-a,.chat-s{animation:none!important}}
@media (max-height: 760px) and (min-width: 901px){.ai-tab{padding:6px 12px!important}.ai-left{gap:10px!important}.ai-descs{min-height:130px!important}}

@property --b{syntax:'<integer>';inherits:true;initial-value:4}
@keyframes notePop2{0%{opacity:0;transform:translateY(10px) scale(.96)}4%,36%{opacity:1;transform:none}42%,100%{opacity:0;transform:translateY(-6px) scale(.98)}}
@keyframes badgeCount{0%{--b:4}25%{--b:5}50%{--b:6}75%,100%{--b:7}}
@keyframes badgePulse{0%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 2px rgba(216,81,64,.55)}60%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 10px rgba(216,81,64,0)}100%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 10px rgba(216,81,64,0)}}
@keyframes bellRing{0%,14%,100%{transform:none}2%{transform:rotate(14deg)}5%{transform:rotate(-12deg)}8%{transform:rotate(8deg)}11%{transform:rotate(-4deg)}}
.mk-count{--b:4;counter-reset:b var(--b);animation:badgeCount 10s step-end .8s infinite}
.mk-count::after{content:counter(b)}
.mk-badge{animation:badgePulse 2.5s ease-out .8s infinite}
.mk-bell-ic{transform-origin:50% 10%;animation:bellRing 2.5s ease-in-out .8s infinite}
@media (prefers-reduced-motion: reduce){.mk-count,.mk-badge,.mk-bell-ic{animation:none!important}}

.hero-note{opacity:0;animation:notePop2 10s cubic-bezier(.2,.7,.2,1) infinite both,noteOut linear both;animation-timeline:auto,--heromock;animation-range:normal,exit 10% exit 40%;z-index:5}
.hp0{top:78px;inset-inline-end:236px}.hp1{top:44%;inset-inline-start:30%}.hp2{bottom:36px;inset-inline-end:214px}.hp3{top:50%;inset-inline-start:-44px}
.h0{animation-delay:3.8s,0s}.h1{animation-delay:6.3s,0s}.h2{animation-delay:8.8s,0s}.h3{animation-delay:11.3s,0s}
@media (prefers-reduced-motion: reduce){.hero-note{animation:none!important;opacity:0!important}.h0{opacity:1!important}}
@media (max-width: 640px){.hero-note{top:74px!important;bottom:auto!important;inset-inline-start:auto!important;inset-inline-end:10px!important;width:calc(100% - 20px)!important}}
@media (max-width: 900px){.int-outs{display:grid!important;grid-template-rows:none!important;gap:12px!important;justify-items:center}}

@keyframes notePop{0%{opacity:0;transform:translateY(12px) scale(.96)}6%,42%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateY(-8px) scale(.98)}}
.int-note{opacity:0;animation:notePop 10s cubic-bezier(.2,.7,.2,1) infinite both}
.n0{animation-delay:0s}.n1{animation-delay:2.5s}.n2{animation-delay:5s}.n3{animation-delay:7.5s}
@media (prefers-reduced-motion: reduce){.int-note{animation:none!important;opacity:1!important}}
@media (max-width: 900px){
.int-notes{position:static!important;width:100%!important;display:grid;gap:10px;margin-top:24px}
.int-note{position:static!important;opacity:1!important;animation:none!important}
}

@media (max-width: 560px){.app-feats{grid-template-columns:1fr!important}}

@keyframes intFlow{from{stroke-dashoffset:12}to{stroke-dashoffset:0}}
.int-flow{animation:intFlow 1s linear infinite}
[dir=rtl] .int-lines{transform:scaleX(-1)}
@media (prefers-reduced-motion: reduce){.int-flow{animation:none}}
@media (max-width: 900px){
.int-diagram{grid-template-columns:1fr!important;justify-items:stretch;gap:0}
.int-sources{grid-template-rows:none!important;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
.int-in,.int-out{height:48px;padding:0!important;align-self:center!important;width:2px;justify-self:center;background:repeating-linear-gradient(to bottom,var(--navy) 0 4px,transparent 4px 10px)}
.int-in svg,.int-out svg{display:none}
.int-hub,.int-bi{justify-self:center}
}

@media (max-height: 800px) and (min-width: 901px){.ind-scroll .ind-qcard .q-logo{height:36px!important}}

@media (max-height: 660px) and (min-width: 901px){
.ind-scroll .ind-inner h2{font-size:24px!important}
.ind-scroll .ind-desk nav{flex-wrap:nowrap!important;justify-content:center!important;max-width:100%;gap:6px!important}
.ind-scroll .ind-desk nav a{flex-shrink:0;padding:7px 12px!important;font-size:13px!important}
.ind-scroll .ind-desk nav a svg{display:none}
.ind-scroll .ind-spanel{gap:12px!important;padding:14px 18px!important}
.ind-scroll .ind-spanel .ind-qcard{padding:14px 16px!important;gap:10px!important}
.ind-scroll .ind-spanel .ind-qcard p{font-size:13px!important;line-height:1.45!important}
.ind-scroll .ind-spanel .ind-logos{padding-top:10px!important}
.ind-scroll .ind-spanel .ind-logos img{height:24px!important}
}

.ind-desk{display:none}
.ind-spanel{opacity:0}
.ip0{opacity:1}
.ind-bar{transform:scaleX(0);transform-origin:left}
[dir=rtl] .ind-bar{transform-origin:right}
@keyframes ipFirst{0%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px)}}
@keyframes ipMid{0%{opacity:0;transform:translateY(18px)}20%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px)}}
@keyframes ipLast{0%{opacity:0;transform:translateY(18px)}20%,100%{opacity:1;transform:none}}
@keyframes itFirst{0%,88%{background-color:var(--navy);color:#FFFFFF;border-color:var(--navy)}100%{background-color:#FFFFFF;color:#212936;border-color:#C9D4E6}}
@keyframes itMid{0%,100%{background-color:#FFFFFF;color:#212936;border-color:#C9D4E6}12%,88%{background-color:var(--navy);color:#FFFFFF;border-color:var(--navy)}}
@keyframes itLast{0%{background-color:#FFFFFF;color:#212936;border-color:#C9D4E6}12%,100%{background-color:var(--navy);color:#FFFFFF;border-color:var(--navy)}}
@keyframes indBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (min-width: 901px){
@supports (animation-timeline: view()){





.ind-spanel,.ind-tab,.ind-bar{animation-timeline:--ind;animation-fill-mode:both;animation-timing-function:linear}
.ind-bar{animation-name:indBar;animation-range:contain 0% contain 100%}
.ind-inner{gap:16px!important}
.ind-inner h2{font-size:clamp(28px,3vw,44px)!important}
.ind-desk{gap:14px!important}
.ind-tab{padding:8px 14px!important;font-size:14px!important}
.ind-spanel{padding:clamp(18px,2.4vw,30px)!important;gap:18px!important}
.ind-spanel .ind-qcard{padding:18px 20px!important;gap:12px!important}
.ind-spanel .ind-qcard p{font-size:15px!important;line-height:1.55!important}
.ind-spanel .ind-logos{padding-top:18px!important}
.ip0{animation-name:ipFirst;animation-range:contain 0.00% contain 15.50%}
.it0{animation-name:itFirst;animation-range:contain 0.00% contain 12.50%}
.ip1{animation-name:ipMid;animation-range:contain 9.50% contain 28.00%}
.it1{animation-name:itMid;animation-range:contain 12.50% contain 25.00%}
.ip2{animation-name:ipMid;animation-range:contain 22.00% contain 40.50%}
.it2{animation-name:itMid;animation-range:contain 25.00% contain 37.50%}
.ip3{animation-name:ipMid;animation-range:contain 34.50% contain 53.00%}
.it3{animation-name:itMid;animation-range:contain 37.50% contain 50.00%}
.ip4{animation-name:ipMid;animation-range:contain 47.00% contain 65.50%}
.it4{animation-name:itMid;animation-range:contain 50.00% contain 62.50%}
.ip5{animation-name:ipMid;animation-range:contain 59.50% contain 78.00%}
.it5{animation-name:itMid;animation-range:contain 62.50% contain 75.00%}
.ip6{animation-name:ipMid;animation-range:contain 72.00% contain 90.50%}
.it6{animation-name:itMid;animation-range:contain 75.00% contain 87.50%}
.ip7{animation-name:ipLast;animation-range:contain 84.50% contain 100.00%}
.it7{animation-name:itLast;animation-range:contain 87.50% contain 100.00%}
}
}
@media (max-height: 800px) and (min-width: 901px){
.ind-pin{padding-top:90px!important;padding-bottom:14px!important}
.ind-inner{gap:14px!important}
.ind-inner h2{font-size:clamp(26px,2.8vw,40px)!important}
.ind-desk{gap:12px!important}
.ind-tab{font-size:14px!important;padding:7px 14px!important}
.ind-spanel{padding:18px 22px!important;gap:14px!important}
.ind-spanel .ind-qcard p{font-size:14px!important;line-height:1.5!important}
.ind-spanel .ind-qcard{padding:16px 18px!important;gap:12px!important}
.ind-spanel .ind-logos{padding-top:14px!important}
}

.hdr{flex-wrap:nowrap!important}
@media (max-width: 1320px) and (min-width: 901px){.nav-links{gap:18px!important;font-size:15px!important}.hdr{gap:18px!important}.hdr > div:last-child{gap:12px!important}}
@media (max-width: 1180px) and (min-width: 901px){.nav-links{display:none!important}.nav-burger{display:inline-flex!important}}

@keyframes indIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ind-panel{animation:indIn .45s cubic-bezier(.2,.7,.2,1) both}
.ind-logos img{filter:none;opacity:1;transition:filter .3s,opacity .3s}
.ind-logos:hover img{filter:none;opacity:1}

.nav-login-btn:hover{border-color:currentColor}
[dir=rtl] .nav-login-btn svg{transform:scaleX(-1)}
@media (max-width: 900px){
.nav-login-label{display:none}
.nav-login-btn{padding:0!important;width:40px;height:40px;justify-content:center}
.hdr{padding:14px 20px!important;gap:10px!important}
.hdr > div:last-child{gap:10px!important}
.nav-burger{width:40px!important;height:40px!important}
}

.sheet{position:relative;z-index:1;border-radius:clamp(28px,4vw,48px) clamp(28px,4vw,48px) 0 0;margin-top:calc(-1 * clamp(28px,4vw,48px))}

@media (max-width: 900px){.sec-grid{grid-template-columns:1fr!important}.sec-lead{position:static!important}}
@media (max-height: 820px){.sec-lead{position:static!important}}
@media (max-width: 560px){.sec-tiles{grid-template-columns:1fr!important}}

html{scroll-padding-top:84px}
.site-hdr{--hdr-bg:rgba(var(--navy-rgb),.82);--hdr-fg:#FFFFFF;--hdr-line:rgba(255,255,255,.08);--hdr-btn-bg:#FFFFFF;--hdr-btn-fg:var(--navy);--hdr-tg-on-bg:#FFFFFF;--hdr-tg-on-fg:var(--navy);--hdr-tg-border:rgba(255,255,255,.3);--lw:1;--ln:0;--logo-word:#FFFFFF;--logo-mark:var(--mint)}
@keyframes hdrDark{from,to{--hdr-bg:rgba(var(--navy-rgb),.78);--hdr-fg:#FFFFFF;--hdr-line:rgba(255,255,255,.08);--hdr-btn-bg:#FFFFFF;--hdr-btn-fg:var(--navy);--hdr-tg-on-bg:#FFFFFF;--hdr-tg-on-fg:var(--navy);--hdr-tg-border:rgba(255,255,255,.3);--lw:1;--ln:0;--logo-word:#FFFFFF;--logo-mark:var(--mint)}}
@supports (timeline-scope: --a){
.lang-root{timeline-scope:--dk1,--dk2,--dk3,--dk4,--dk5}
.dk1{view-timeline-name:--dk1;view-timeline-inset:40px 0}
.dk3{view-timeline-name:--dk3;view-timeline-inset:40px 0}
.dk4{view-timeline-name:--dk4;view-timeline-inset:40px 0}
.dk5{view-timeline-name:--dk5;view-timeline-inset:40px 0}
.ai-scroll.dk2{view-timeline-name:--ai,--dk2;view-timeline-inset:auto,40px 0}
.site-hdr{--hdr-bg:rgba(255,255,255,.86);--hdr-fg:#212936;--hdr-line:rgba(33,41,54,.08);--hdr-btn-bg:var(--navy);--hdr-btn-fg:#FFFFFF;--hdr-tg-on-bg:var(--navy);--hdr-tg-on-fg:#FFFFFF;--hdr-tg-border:rgba(33,41,54,.2);--lw:0;--ln:1;--logo-word:var(--navy);--logo-mark:var(--mint);
animation-name:hdrDark,hdrDark,hdrDark,hdrDark,hdrDark;animation-timeline:--dk1,--dk2,--dk3,--dk4,--dk5;animation-range:exit-crossing 0% exit-crossing 100%;animation-fill-mode:none;animation-timing-function:linear}
}
@media (max-width: 900px){.logo-a{width:141px!important;height:24px!important}}

[dir=rtl] .display{letter-spacing:-0.01em}
.logo-marquee{direction:ltr}
.nav-cta{white-space:nowrap}
@media (max-width: 480px){.nav-cta{display:none!important}}
[dir=rtl] .ai-bar{transform-origin:right}
@keyframes rvFillRtl{from{background-position:0 0}to{background-position:100% 0}}
@supports (animation-timeline: view()){
[dir=rtl] .fill-text{background:linear-gradient(270deg,#212936 50%,#C9D4E6 50%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;animation-name:rvFillRtl}
}
@media (max-width: 640px){
[dir=rtl] .hero-alert{right:8px!important;left:auto!important}
[dir=rtl] .dev-phone{left:auto!important}
}

@media (max-width: 900px){.nf-grid{grid-template-columns:1fr!important}}
.nf-link{transition:border-color .2s ease,box-shadow .2s ease,transform 160ms cubic-bezier(.23,1,.32,1)}
@media (hover: hover) and (pointer: fine){.nf-link:hover{border-color:#C9D4E6!important;box-shadow:0 14px 30px -22px rgba(33,41,54,.35)}}
.nf-link:active{transform:scale(.98)}
[dir=rtl] .nf-arrow{transform:scaleX(-1)}

@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}.sol-more{grid-template-columns:1fr!important}}
#sol-schools .app-ph-b{margin-top:56px}

@media (max-width: 900px){.demo-row{grid-template-columns:1fr!important}.demo-contacts{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 560px){.demo-grid{grid-template-columns:1fr!important}.demo-contacts{grid-template-columns:1fr!important}}
.int-chip:has(input:checked){background:#E6EEFB;border-color:var(--navy)}
.contact-card{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.contact-card:hover{transform:translateY(-2px);border-color:#C9D4E6;box-shadow:0 16px 32px -22px rgba(33,41,54,.35)}

#how{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}
@media (max-width: 1000px){.lms-steps{grid-template-columns:repeat(2, minmax(0, 1fr))!important}.lms-feats{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}}
@media (max-width: 560px){.lms-steps,.lms-feats{grid-template-columns:1fr!important}}
@keyframes lmsRing{from{stroke-dashoffset:119.4}to{stroke-dashoffset:47.8}}
.lms-ring{animation:lmsRing 1.6s cubic-bezier(.22,.61,.36,1) .6s both}
@keyframes lmsRowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lms-portal .lms-row{animation:lmsRowIn .8s cubic-bezier(.22,.61,.36,1) both}
.lms-portal .lms-row:nth-child(1){animation-delay:.5s}.lms-portal .lms-row:nth-child(2){animation-delay:.65s}.lms-portal .lms-row:nth-child(3){animation-delay:.8s}.lms-portal .lms-row:nth-child(4){animation-delay:.95s}
@media (prefers-reduced-motion: reduce){.lms-ring,.lms-portal .lms-row{animation:none!important}}

#list,#priorities,#who,#ai-photo{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}.sol-more{grid-template-columns:1fr!important}}
@media (max-width: 560px){.app-ph-b{display:none!important}}

#standards,#deploy,#controls{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}
@media (max-width: 1000px){.sec-std{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 600px){.sec-std{grid-template-columns:1fr!important}}#docs{--go-max:calc(clamp(64px, 8vw, 104px) - 96px)}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}.sec-grid{grid-template-columns:1fr!important}}
@keyframes certIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sec-cert{animation:certIn .8s cubic-bezier(.22,.61,.36,1) both}
.sec-cert:nth-child(1){animation-delay:.3s}.sec-cert:nth-child(2){animation-delay:.45s}.sec-cert:nth-child(3){animation-delay:.6s}.sec-cert:nth-child(4){animation-delay:.75s}
@media (prefers-reduced-motion: reduce){.sec-cert{animation:none!important}}

.pl-dash .dash-mock{box-shadow:0 60px 120px -50px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.06)}
.pl-dash .dash-mock[data-pop]{opacity:1!important;transform:none!important;animation:none!important}
.pl-dash.hero-enter{animation:heroEnter 2.2s cubic-bezier(.22,.61,.36,1) .3s both!important}
@media (max-width: 1100px){.pl-mods{grid-template-columns:repeat(3, minmax(0, 1fr))!important}}
@media (max-width: 900px){.pl-mods{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 560px){.pl-mods{grid-template-columns:1fr!important}}
@media (max-width: 640px){.pl-cal{grid-template-columns:1fr!important}}

#modules,#safetyplan,#reports,#plan,#users,#more{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}#spec{--go-max:calc(clamp(64px, 8vw, 104px) - 96px)}
@media (max-width: 1100px){.pl-five{grid-template-columns:repeat(3, minmax(0, 1fr))!important}.pl-mods{grid-template-columns:repeat(3, minmax(0, 1fr))!important}}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}.pl-mods{grid-template-columns:repeat(2, minmax(0, 1fr))!important}.pl-five{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 560px){.pl-mods,.pl-five{grid-template-columns:1fr!important}.pl-grid{grid-template-columns:repeat(4, minmax(0, 1fr))!important}.pl-tile{font-size:10px!important;padding:10px 2px!important}}
@keyframes plTile{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.pl-tile{animation:plTile .7s cubic-bezier(.22,.61,.36,1) calc(.3s + var(--i) * 60ms) both}
@media (prefers-reduced-motion: reduce){.pl-tile{animation:none!important}}

#complaints,#capa,#qbuilt{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}
@media (max-width: 1000px){.lms-feats{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}}
@media (max-width: 560px){.lms-feats{grid-template-columns:1fr!important}}
@keyframes qStep{0%,100%{box-shadow:0 0 0 0 rgba(0,0,0,.28)}6%,12%{box-shadow:0 0 0 3px rgba(0,0,0,.28)}18%{box-shadow:0 0 0 0 rgba(0,0,0,.28)}}
.q-step{animation:qStep 7s ease-in-out infinite;animation-delay:calc(var(--i) * 1s)}
@media (prefers-reduced-motion: reduce){.q-step{animation:none!important}}

#calls,#equip,#inspections,#mbuilt{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}
@media (max-width: 1000px){.lms-feats{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}}
@media (max-width: 560px){.lms-feats{grid-template-columns:1fr!important}}
@keyframes mRoute{0%,25%{opacity:0;transform:translateY(6px)}35%,100%{opacity:1;transform:none}}
.m-route{animation:mRoute 2.4s cubic-bezier(.22,.61,.36,1) .4s both}
@keyframes mSt{from{opacity:.35}to{opacity:1}}
.m-st{animation:mSt .6s ease-out both;animation-delay:calc(1.2s + var(--i) * .45s)}
@media (prefers-reduced-motion: reduce){.m-route,.m-st{animation:none!important}}

#sec-audits,#sec-events,#sec-equip,#sec-quals{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}}
@media (max-width: 560px){.sol-row .fam-win{zoom:.82}}
@keyframes csIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cs-hero-win{animation:csIn 1.2s cubic-bezier(.22,.61,.36,1) .3s both}
@media (prefers-reduced-motion: reduce){.cs-hero-win{animation:none!important}}

#ind-0,#ind-1,#ind-2,#ind-3,#ind-4,#ind-5,#ind-6,#ind-7{--go-max:calc(clamp(64px, 8vw, 104px) - 96px)}
@media (max-width: 1000px){.in-quotes{grid-template-columns:repeat(2, minmax(0, 1fr))!important}.in-with-vid{grid-template-columns:220px minmax(0, 1fr)!important}.in-q-sub{grid-template-columns:1fr!important}}
@media (max-width: 700px){.in-with-vid{grid-template-columns:1fr!important}.in-vid{max-width:300px}}
@media (max-width: 700px){.in-quotes{grid-template-columns:1fr!important}.in-logos img{height:30px!important}}

#story,#mission,#leadership,#values,#event,#team{--go-max:calc(clamp(72px, 9vw, 120px) - 96px)}#visit{--go-max:calc(clamp(64px, 8vw, 104px) - 96px)}
@media (max-width: 1000px){.lms-steps{grid-template-columns:repeat(2, minmax(0, 1fr))!important}.ab-team{grid-template-columns:repeat(3, minmax(0, 1fr))!important}}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}.ab-lead{grid-template-columns:1fr!important}}
@media (max-width: 560px){.lms-steps{grid-template-columns:1fr!important}.ab-team{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}

.lg-doc{--go-max:-110px}
.lg-nav a:hover{background:#EEF2F8}
@media (max-width: 900px){.lg-wrap{grid-template-columns:1fr!important}.lg-nav{position:static!important;flex-direction:row!important;flex-wrap:wrap}}

#resources{--go-max:calc(clamp(64px, 8vw, 104px) - 96px)}
.bl-card,.bl-feat{transition:transform .2s ease, box-shadow .2s ease}
.bl-card:hover,.bl-feat:hover{transform:translateY(-3px);box-shadow:0 18px 40px -28px rgba(33,41,54,.45)}
@media (max-width: 1000px){.bl-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important}.bl-res{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 760px){.bl-feat{grid-template-columns:1fr!important}}
.bh-press:hover strong{color:var(--mint)}
@media (max-width: 900px){.bh-row{grid-template-columns:1fr!important}}
@media (max-width: 560px){.bl-grid,.bl-res{grid-template-columns:1fr!important}}
.bl-row:hover strong{color:var(--navy)}
@media (max-width: 700px){.bl-row{grid-template-columns:1fr!important;gap:6px!important}}

#resources{--go-max:calc(clamp(64px, 8vw, 104px) - 96px)}
.bl-card,.bl-feat{transition:transform .2s ease, box-shadow .2s ease}
.bl-card:hover,.bl-feat:hover{transform:translateY(-3px);box-shadow:0 18px 40px -28px rgba(33,41,54,.45)}
@media (max-width: 1000px){.bl-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important}.bl-res{grid-template-columns:repeat(2, minmax(0, 1fr))!important}}
@media (max-width: 760px){.bl-feat{grid-template-columns:1fr!important}}
.bh-press:hover strong{color:var(--mint)}
@media (max-width: 900px){.bh-row{grid-template-columns:1fr!important}}
@media (max-width: 560px){.bl-grid,.bl-res{grid-template-columns:1fr!important}}
.bl-row:hover strong{color:var(--navy)}
@media (max-width: 700px){.bl-row{grid-template-columns:1fr!important;gap:6px!important}}

@media (max-width: 800px){.md-grid{grid-template-columns:1fr!important}}
@media (max-width: 900px){.md-feature{grid-template-columns:1fr!important}}
@media (max-width: 900px){.sol-row{grid-template-columns:1fr!important}}

/* logo-inline */
.logo-a .lg-w{fill:var(--logo-word,var(--navy));transition:fill .25s ease}.logo-a .lg-m{fill:var(--logo-mark,var(--mint));transition:fill .25s ease}.no-tr .site-hdr,.no-tr .site-hdr *{transition:none!important}

/* one-tone */
.hl{color:inherit!important}h1.hero-text .hl{color:var(--mint)!important}a.cta-teal,button.cta-teal,.nav-cta,.qf button,.mob-menu a[href="DemoV4.dc.html"]{background:var(--mint)!important;color:var(--navy)!important;box-shadow:0 10px 24px -12px rgba(var(--mint-h-rgb),.6)!important}a.cta-teal:hover,button.cta-teal:hover,.nav-cta:hover,.qf button:hover,.mob-menu a[href="DemoV4.dc.html"]:hover{background:var(--mint-h)!important}.demo-row [style*="border-radius: 22px"]{border-top:5px solid var(--mint)}.demo-row input:not([type=checkbox]),.demo-row select,.demo-row textarea{transition:border-color .2s ease,box-shadow .2s ease}.demo-row input:not([type=checkbox]):focus,.demo-row select:focus,.demo-row textarea:focus{outline:none!important;border-color:var(--mint)!important;box-shadow:0 0 0 3px rgba(var(--mint-rgb),.28)}.demo-row input[type=checkbox]{accent-color:var(--mint-d)!important}.int-chip{transition:background-color .2s ease,border-color .2s ease}.int-chip:has(input:checked){background:var(--mint-t);border-color:var(--mint)!important;font-weight:700!important}

/* motion-tune */
/* Motion tuned with the emil-design-eng skill: same motion, better easing and timing. */
.js-pop [data-pop].pop-in{animation:popIn .5s cubic-bezier(.23,1,.32,1) backwards!important;animation-delay:calc(var(--i, 0) * 55ms)!important}
a.cta-teal{transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color .2s ease,color .2s ease!important}
.nav-cta{transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color .25s ease,color .25s ease!important}
.qf button{transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color .2s ease!important}
.app-screen .as-tile,.app-screen .as-recent [data-hgo]{transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color .25s ease,border-color .25s ease,color .25s ease!important}
a.cta-teal:active,.nav-cta:active,.qf button:active,.app-screen .as-tile:active,.app-screen .as-recent [data-hgo]:active,.hm-back:active{transform:scale(.97)!important}
.hm-back{transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color .2s ease}.hm-back:hover{background:#212936!important}html:not(.hm-backed) .hm-view.hm-on .hm-back{animation:backPulse 1.1s cubic-bezier(.23,1,.32,1) .35s 2}@keyframes backPulse{0%{box-shadow:0 6px 14px -6px rgba(var(--navy-rgb),.55),0 0 0 0 rgba(var(--navy-rgb),.35)}100%{box-shadow:0 6px 14px -6px rgba(var(--navy-rgb),.55),0 0 0 9px rgba(var(--navy-rgb),0)}}@media (prefers-reduced-motion: reduce){.hm-view.hm-on .hm-back{animation:none!important}}.hm-back:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
[dir=rtl] .hm-back svg{transform:scaleX(-1)}
a.cta-teal,.nav-cta,.qf button,.app-screen [data-hgo]{-webkit-tap-highlight-color:transparent}
.sec-tile,.sol-card,.hero-seal{transition-timing-function:cubic-bezier(.23,1,.32,1)!important}
.sec-tile,.sol-card{transition-duration:.2s!important}
@media (hover: none), (pointer: coarse){.sec-tile:hover,.sec-tile.pop-in:hover,.sol-card:hover,.hero-seals:hover .hero-seal{transform:none!important}.sol-card:hover .sol-arrow{transform:none!important}[dir=rtl] .sol-card:hover .sol-arrow{transform:scaleX(-1)!important}}
.hm-view.hm-on:not([data-hview="menu"]){animation:hmIn .22s cubic-bezier(.23,1,.32,1) both!important}
.dd-panel{transform:translateY(4px) scale(.97)!important;transform-origin:top center;transition:opacity .12s cubic-bezier(.23,1,.32,1),transform .12s cubic-bezier(.23,1,.32,1),visibility 0s linear .12s!important}
.nav-dd:hover .dd-panel,.nav-dd:focus-within .dd-panel{transform:none!important;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1),visibility 0s!important}
@media (prefers-reduced-motion: reduce){a.cta-teal:active,.nav-cta:active,.qf button:active,.app-screen [data-hgo]:active{transform:none!important}}
/* Every section heading rises from a mask, as the homepage headings already did */
section h2.display:not(.rv-up){animation:rvMask linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
/* Product windows open from the bottom like a curtain and settle from 102% */
.fam-win:not(.fam-shot .fam-win):not(.hero-stage .fam-win){animation:winReveal linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
@keyframes winReveal{from{clip-path:inset(0 0 100% 0 round 16px);transform:scale(1.02)}to{clip-path:inset(0 0 0 0 round 16px);transform:none}}
/* Hero headline lifts a little faster than the page and softens: a layer of depth over the product screen */
.hero-head{animation:heroLift linear both;animation-timeline:scroll(root);animation-range:0 60vh}
@keyframes heroLift{to{transform:translateY(-36px);opacity:.35}}
@media (prefers-reduced-motion: reduce){section h2.display,.fam-win,.hero-head{animation:none!important}}

/* heading-fit */
@media (min-width: 901px){#page-mount[data-page="home"] .lang-root[lang="en"] #security h2{font-size:clamp(30px, 3.8vw, 48px)!important}#page-mount[data-page="home"] .lang-root[lang="he"] #security h2{font-size:clamp(32px, 4.3vw, 56px)!important}#page-mount[data-page="home"] .lang-root[lang="en"] #ai h2{font-size:clamp(32px, 4.2vw, 56px)!important}#page-mount[data-page="home"] .lang-root[lang="en"] #integrations h2{font-size:clamp(32px, 4.2vw, 54px)!important}#page-mount[data-page="home"] .lang-root[lang="he"] #integrations h2{font-size:clamp(34px, 4.7vw, 60px)!important}}@media (max-width: 600px){#page-mount[data-page="home"] .lang-root[lang="en"] #platform h2{font-size:10.6vw!important}#page-mount[data-page="home"] .lang-root[lang="en"] #integrations h2{font-size:7.8vw!important}#page-mount[data-page="home"] .lang-root[lang="en"] #safety-plan h2{font-size:7.2vw!important}}@media (max-width: 600px){#page-mount[data-page="solutions"] .lang-root[lang="en"] h1{font-size:10.6vw!important}}@media (min-width: 901px){#page-mount[data-page="demo"] .lang-root[lang="en"] h1{font-size:clamp(32px, 3.6vw, 46px)!important}#page-mount[data-page="demo"] .lang-root[lang="he"] h1{font-size:clamp(34px, 4.1vw, 52px)!important}}@media (min-width: 901px){#page-mount[data-page="lms"] .lang-root[lang="en"] h1{font-size:clamp(36px, 4.9vw, 62px)!important}}@media (max-width: 600px){#page-mount[data-page="lms"] .lang-root[lang="en"] #custom h2{font-size:6.2vw!important}#page-mount[data-page="lms"] .lang-root[lang="he"] #custom h2{font-size:6.2vw!important}}@media (min-width: 901px){#page-mount[data-page="schools"] .lang-root[lang="en"] h1{font-size:clamp(32px, 3.8vw, 48px)!important}#page-mount[data-page="schools"] .lang-root[lang="he"] h1{font-size:clamp(34px, 4.4vw, 56px)!important}}@media (min-width: 901px){#page-mount[data-page="security"] .lang-root[lang="en"] h1{font-size:clamp(36px, 4.6vw, 58px)!important}}@media (min-width: 901px){#page-mount[data-page="platform"] .lang-root[lang="en"] #safetyplan h2{font-size:clamp(24px, 2.3vw, 32px)!important}#page-mount[data-page="platform"] .lang-root[lang="he"] #safetyplan h2{font-size:clamp(28px, 3.3vw, 46px)!important}}@media (max-width: 600px){#page-mount[data-page="platform"] .lang-root[lang="en"] h1{font-size:8.6vw!important}#page-mount[data-page="platform"] .lang-root[lang="en"] #safetyplan h2{font-size:7.2vw!important}}@media (min-width: 901px){#page-mount[data-page="maintenance"] .lang-root[lang="en"] h1{font-size:clamp(32px, 4vw, 50px)!important}#page-mount[data-page="maintenance"] .lang-root[lang="he"] h1{font-size:clamp(32px, 4vw, 50px)!important}}@media (min-width: 901px){#page-mount[data-page="corp-security"] .lang-root[lang="en"] h1{font-size:clamp(32px, 3.6vw, 46px)!important}#page-mount[data-page="corp-security"] .lang-root[lang="he"] h1{font-size:clamp(34px, 4.2vw, 54px)!important}}@media (max-width: 600px){#page-mount[data-page="corp-security"] .lang-root[lang="en"] h1{font-size:9.4vw!important}}@media (min-width: 901px){#page-mount[data-page="about"] .lang-root[lang="en"] h1{font-size:clamp(32px, 3.6vw, 46px)!important}}@media (max-width: 600px){#page-mount[data-page="about"] .lang-root[lang="en"] h1{font-size:7.2vw!important}}@media (min-width: 901px){#page-mount[data-page="blog-post"] .lang-root[lang="en"] h1{font-size:clamp(30px, 3.8vw, 49px)!important}#page-mount[data-page="blog-post"] .lang-root[lang="he"] h1{font-size:clamp(30px, 3.8vw, 49px)!important}}@media (max-width: 600px){#page-mount[data-page="blog-post"] .lang-root[lang="en"] h1{font-size:6.9vw!important}#page-mount[data-page="blog-post"] .lang-root[lang="he"] h1{font-size:6.9vw!important}}

/* style */
:root{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)!important;-webkit-text-size-adjust:100%}
body{background:#FFFFFF}
.site-hdr{padding-top:env(safe-area-inset-top,0px)}

/* motion-site */
::view-transition-group(site-hdr){animation:none}
/* The new page fades in over the old one, which stays put underneath: no flash of background between dark and light pages */
::view-transition-old(root){animation:none}
::view-transition-new(root){animation:vtIn .3s cubic-bezier(.23,1,.32,1) both}
@keyframes vtIn{from{opacity:0}}
@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* font-plex */
html body, html body :is(#plex-force, *){font-family:'IBM Plex Sans','IBM Plex Sans Hebrew','Segoe UI',system-ui,sans-serif!important}
html body code, html body pre{font-family:ui-monospace,Menlo,Consolas,monospace!important}

/* hero-title-white */
html body h1.hero-text .hl, html body h1.hero-text .hl *{color:#FFFFFF!important}

/* navy-switch-vars */
:root{--mint:#35DAA6;--mint-rgb:53,218,166;--mint-h:#60E2B9;--mint-h-rgb:96,226,185;--mint-d:#27AD83;--mint-t:#E4F6F0}
html[data-mint="g2"]{--mint:#45D2A6;--mint-rgb:69,210,166;--mint-h:#6EDCBA;--mint-h-rgb:110,220,186}
html[data-mint="orig"]{--mint:#5DCBA1;--mint-rgb:93,203,161;--mint-h:#84D7B7;--mint-h-rgb:132,215,183}
[data-mint-fill]{fill:var(--mint)}
html body .logo-a .lg-m{fill:var(--mint)!important}
[data-mint-stroke]{stroke:var(--mint)}
[data-mint-fill-h]{fill:var(--mint-d)}
[data-mint-stroke-h]{stroke:var(--mint-d)}
html > dw-navy, html > dw-navy *{font-family:'IBM Plex Sans','IBM Plex Sans Hebrew','Segoe UI',system-ui,sans-serif!important}
html > dw-navy hr{all:unset;display:block;height:1px;background:rgba(255,255,255,.14);margin:6px 4px}
html > dw-navy .hx{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

:root{--navy:#1B2C48;--navy-rgb:27,44,72;--navy-2:#162D52}
html[data-navy="dark"]{--navy:#041327;--navy-rgb:4,19,39;--navy-2:#041327}
html[data-navy="blue"]{--navy:#003D90;--navy-rgb:0,61,144;--navy-2:#003D90}
[data-navy-stroke]{stroke:var(--navy)}
[data-navy-fill]{fill:var(--navy)}
html > dw-navy{display:flex!important;visibility:visible!important;opacity:1;position:fixed!important;right:16px;top:50%;transform:translateY(-50%);z-index:2147483000;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 8px 8px;border-radius:22px;background:rgba(33,41,54,.92);color:#FFFFFF;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 18px 40px -12px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);direction:rtl;font-size:13px;line-height:1;animation:nvIn .5s ease-out both}
html > dw-navy > span{font-weight:700;font-size:12px;text-align:center;padding:2px 4px 6px;color:#C9D4E6;white-space:nowrap}
html > dw-navy button b{font-weight:600}
html > dw-navy button{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 14px;border-radius:999px;font-size:13px;font-weight:600;color:#FFFFFF;white-space:nowrap}
html > dw-navy button i{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
html > dw-navy button:hover{background:rgba(255,255,255,.1)}
html > dw-navy button[aria-pressed="true"]{background:#FFFFFF;color:#212936}
html > dw-navy button[aria-pressed="true"] i{box-shadow:0 0 0 2px var(--mint-h)}
html > dw-navy button:focus-visible{outline:2px solid var(--mint-h);outline-offset:2px}
@keyframes nvIn{from{opacity:0;transform:translate(12px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@media (prefers-reduced-motion: reduce){html > dw-navy{animation:none}}
@media (max-width: 760px){html > dw-navy{right:8px;padding:8px 6px 6px}html > dw-navy button{height:30px;padding:0 10px}}
@media print{html > dw-navy{display:none}}

/* seal-light */
.seal-light svg [fill^="rgba(255,255,255"]{fill:rgba(var(--navy-rgb),.72)}
.seal-light svg circle[fill^="rgba(255,255,255"]{fill:#FFFFFF}
.seal-light svg [stroke^="rgba(255,255,255,.55"]{stroke:rgba(var(--navy-rgb),.55)}
.seal-light svg [stroke^="rgba(255,255,255,.28"]{stroke:rgba(var(--navy-rgb),.28)}
.seal-light svg [fill="#FFFFFF" i]:not(circle){fill:var(--navy)}
.seal-light svg [stroke="#FFFFFF" i]{stroke:var(--navy)}
.seal-light svg [data-mint-fill]{fill:var(--mint-d)}
.seal-light svg [data-mint-stroke]{stroke:var(--mint-d)}
.seal-light{filter:drop-shadow(0 6px 14px rgba(33,41,54,.10))}

/* mobile-hero-phone */
/* במובייל: ב-hero מוצג רק מסך האפליקציה, בלי הדמיית המערכת */
@media (max-width: 640px){
  html body .hero-stage{display:none!important}
  html body .rise > .hero-phone{display:block!important;position:relative!important;inset:auto!important;margin:8px auto 0!important;width:min(260px,76vw)!important;animation:phoneIn 1s cubic-bezier(.22,.61,.36,1) .2s both!important}
}

/* ai-accordion */
/* הפירוט של כל יכולת נפתח מתחת לכותרת שלה, לפי הגלילה */
@supports (animation-timeline: view()){
  .ai-xdesc{overflow:hidden;max-height:0;opacity:0;animation-timeline:--ai;animation-fill-mode:both;animation-timing-function:linear}
  .x0{animation-name:xFirst;animation-range:contain 0% contain 20%}
  .x1{animation-name:xMid;animation-range:contain 20% contain 40%}
  .x2{animation-name:xMid;animation-range:contain 40% contain 60%}
  .x3{animation-name:xMid;animation-range:contain 60% contain 80%}
  .x4{animation-name:xLast;animation-range:contain 80% contain 100%}
  @keyframes xFirst{0%,88%{max-height:220px;opacity:1}100%{max-height:0;opacity:0}}
  @keyframes xMid{0%,100%{max-height:0;opacity:0}12%,88%{max-height:220px;opacity:1}}
  @keyframes xLast{0%{max-height:0;opacity:0}12%,100%{max-height:220px;opacity:1}}
}

/* ai-progress */
.ai-num{margin-inline-start:auto;font-size:12px;font-weight:600;letter-spacing:.06em;opacity:.45;font-variant-numeric:tabular-nums}
.ai-pbar{height:3px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden;margin-top:10px}
.ai-pfill{height:100%;background:var(--mint);transform:scaleX(0);transform-origin:left}
[dir=rtl] .ai-pfill{transform-origin:right}
@supports (animation-timeline: view()){
  .ai-desk .ai-track{display:none!important}
  .ai-pfill{animation-name:aiBar;animation-timeline:--ai;animation-fill-mode:both;animation-timing-function:linear}
  .p0{animation-range:contain 0% contain 20%}
  .p1{animation-range:contain 20% contain 40%}
  .p2{animation-range:contain 40% contain 60%}
  .p3{animation-range:contain 60% contain 80%}
  .p4{animation-range:contain 80% contain 100%}
}

/* ind-more-spacing */
/* כפתור "לכל התעשיות": פחות רווח מעליו ומתחתיו */
.ind-scroll .ind-pin{padding-bottom:clamp(48px,6vw,72px)!important}
.ind-scroll .sec-more-end{padding-top:0!important;margin-top:clamp(12px,1.6vw,20px)}
.ind-scroll .ind-pin{padding-top:clamp(72px,8vw,104px)!important}
.ind-scroll .ind-inner > h2{margin-bottom:18px!important}

/* ft-logo */
html body .ft-logo .lg-w{fill:var(--navy)}
html body .ft-logo .lg-m{fill:var(--mint)}

/* hero-desktop-only */
/* דסקטופ וטאבלט: ב-hero מוצגת רק המערכת, בלי הטלפון שעולה עליה */
@media (min-width: 641px){ html body .rise > .hero-phone{display:none!important} }

/* btn-system */
html body a.ind-tab{min-height:44px!important;height:44px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important}
/* מערכת כפתורים: בלי זוהר ובלי קפיצה, בריחוף רק שינוי גוון */
html body a.cta-teal,html body button.cta-teal,html body .nav-cta,html body .qf button{box-shadow:none!important;transition:background-color .2s ease,color .2s ease!important}
html body a.cta-teal:active,html body button.cta-teal:active,html body .nav-cta:active,html body .qf button:active{transform:none!important}
html body .cta-teal:hover{transform:none!important}
html body a[style*="min-height: 52px; padding: 0 28px"],html body a[style*="min-height: 44px; padding: 0 20px"],html body a[style*="min-height: 36px; padding: 0 14px"],html body button[style*="min-height: 52px; padding: 0 28px"],html body button[style*="min-height: 44px; padding: 0 20px"],html body button[style*="min-height: 36px; padding: 0 14px"]{box-sizing:border-box!important}

/* ai-scroll-style */
/* אזור ה-AI: חזרה להתקדמות לפי גלילה, בלי מספרים, הכותרת הפעילה בלבן בלי תיבה, והבר מתמלא עד הסוף לפני המעבר */
html body .ai-num{display:none!important}
@media (min-width: 901px){ @supports (animation-timeline: view()){
  html body .ai-scroll .ai-tab{background:transparent!important}
  html body .ai-scroll .t0{animation-name:tabFirstW!important}
  html body .ai-scroll .t1,html body .ai-scroll .t2,html body .ai-scroll .t3{animation-name:tabMidW!important}
  html body .ai-scroll .t4{animation-name:tabLastW!important}
  html body .ai-scroll .ai-pfill{animation:none!important;transform:scaleX(0)}
  html body .ai-scroll .ai-pfill.run{animation:aiFillT 5s linear forwards!important}
}}
@keyframes tabFirstW{0%,88%{color:#FFFFFF}100%{color:rgba(255,255,255,.5)}}
@keyframes tabMidW{0%,100%{color:rgba(255,255,255,.5)}12%,88%{color:#FFFFFF}}
@keyframes tabLastW{0%{color:rgba(255,255,255,.5)}12%,100%{color:#FFFFFF}}
@keyframes aiFillT{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion: reduce){html body .ai-scroll .ai-pfill.run{animation:none!important;transform:scaleX(1)!important}}
@keyframes aiBarFull{0%,10%{transform:scaleX(0)}84%,100%{transform:scaleX(1)}}

/* ind-chips */
/* לשוניות התעשיות בעמוד הבית: שורה אחת. במסך צר השורה נגללת הצידה במקום להישבר */
html body .ind-chips{overflow-x:auto;scrollbar-width:none;padding-bottom:2px;max-width:100%}
html body .ind-chips::-webkit-scrollbar{display:none}
html body .ind-chips button{flex-shrink:0;white-space:nowrap;min-height:44px!important;box-sizing:border-box!important;padding:0 14px!important}

/* seal-size */
/* חותמות ISO ו-GDPR: גודל אחד בכל האתר */
html body .hero-seal,html body .seal-light{width:76px!important;height:76px!important;flex-shrink:0}
html body .hero-seal svg,html body .seal-light svg{width:100%!important;height:100%!important}
html body .seal-light{filter:none!important}
html body .hero-seals,html body :has(> .seal-light){gap:12px!important}

/* brand-devices */
/* אמצעים גרפיים מהסמל: זוויות מסגור וסמל-על ברקע (ב-hero בלבד, לבדיקה) */
html body .hero-stage{position:relative}
html body .brand-corner{position:absolute;width:56px;height:56px;pointer-events:none;z-index:2;border:0 solid var(--mint)}
html body .brand-corner.bc-tl{top:-16px;left:-16px;border-top-width:7px;border-left-width:7px;border-top-left-radius:16px}
html body .brand-corner.bc-br{bottom:-16px;right:-16px;border-bottom-width:7px;border-right-width:7px;border-bottom-right-radius:16px}
html body section#top > .brand-mark-bg{position:absolute;z-index:0;pointer-events:none;width:min(62vw,860px);aspect-ratio:1;top:-14%;left:-16%;opacity:.05;color:#FFFFFF}
html body section#top > .brand-mark-bg svg{width:100%;height:100%;display:block;fill:currentColor}
html body section#top > :not(.brand-mark-bg){position:relative;z-index:1}
@media (max-width: 640px){html body section#top > .brand-mark-bg{width:120vw;top:-6%;left:-45%}}

/* brand-motifs */
/* מוטיבים מהסמל: הפלוס במספרים, תבליט המותג, וזוויות מסגור לסרטוני הלקוחות */
html body .bm-plus{display:inline-block;width:.54em;height:.54em;margin-inline:.04em .1em;color:#5DCBA1;vertical-align:.1em;line-height:0}
html body .bm-plus svg{width:100%;height:100%;display:block;fill:currentColor}
html body .bm-dot{display:inline-block;width:7px;height:7px;border-radius:1.5px;background:var(--mint-d);flex-shrink:0}
html body .bm-dot.bm-top{align-self:flex-start;margin-top:.5em}
html body .vid-wrap .brand-corner{width:40px;height:40px}
html body .vid-wrap .brand-corner.bc-tl{top:-11px;left:-11px;border-top-width:5px;border-left-width:5px;border-top-left-radius:12px}
html body .vid-wrap .brand-corner.bc-br{bottom:-11px;right:-11px;border-bottom-width:5px;border-right-width:5px;border-bottom-right-radius:12px}

/* sec-actions-place */
/* כפתורי אזור האבטחה: בדסקטופ בעמודת הכותרת, במובייל מתחת לכל התוכן */
html body .sec-actions{display:none!important}
@media (max-width: 900px){html body .sec-actions{display:flex!important}html body .sec-actions-lead{display:none!important}}

/* deploy-css */
@media (max-width: 600px){html body .deploy-grid{grid-template-columns:minmax(0,1fr)!important}}

/* icons-v1 */
/* אייקונים v1.0: הפרט הירוק בהיר יותר על רקע כהה */
html body .ai-scroll,html body section.dk4,html body section.dk1,html body section.dk3,html body .site-hdr{--icon-accent:#5DCBA1}
html body .lt-sec{--icon-accent:#3FAE85}

/* icons-small */
/* אייקונים קטנים: קו עבה יותר כדי שיישארו קריאים */
html body svg[width="12"],html body svg[width="13"],html body svg[width="14"],html body svg[width="15"],html body svg[width="16"]{--icon-stroke:2.15}
html body svg[width="17"],html body svg[width="18"]{--icon-stroke:1.95}
html body .app-screen svg{--icon-stroke:2.2}
/* industry tabs: a slightly larger icon */
html body .ind-chips button svg{width:19px!important;height:19px!important;--icon-stroke:1.95}

/* brand-frames */
/* מסגור המותג לכותרות: פינה פותחת צמודה למילה הראשונה למעלה, ופינה סוגרת צמודה למילה האחרונה למטה, לפי כיוון הקריאה.
   סביב המוצר הפינות באלכסון ההפוך, כדי שיהיה ניגוד בין השניים. */
html body .brand-frame{clip-path:none!important}
html body .hc-start,html body .hc-end{display:inline-block;position:relative;width:0;height:.72em;vertical-align:baseline}
html body .hc-start::after,html body .hc-end::after{content:"";position:absolute;pointer-events:none;border:0 solid var(--mint);width:.46em;height:.46em}
html body .hc-start::after{inset-block-start:-.34em;inset-inline-end:-.26em;
  border-block-start-width:max(3px,.075em);border-inline-start-width:max(3px,.075em);border-start-start-radius:.15em}
html body .hc-end::after{inset-block-end:-.38em;inset-inline-start:-.1em;
  border-block-end-width:max(3px,.075em);border-inline-end-width:max(3px,.075em);border-end-end-radius:.15em}
/* product frame: the opposite diagonal */
html body .hero-stage > .brand-corner{width:clamp(64px,8vw,112px)!important;height:clamp(64px,8vw,112px)!important;border-width:0!important;border-radius:0!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}
html body .hero-stage > .brand-corner.bc-tl{inset-block-start:clamp(-34px,-2.6vw,-20px)!important;inset-inline-end:clamp(-34px,-2.6vw,-20px)!important;border-block-start-width:clamp(8px,1vw,13px)!important;border-inline-end-width:clamp(8px,1vw,13px)!important;border-start-end-radius:clamp(18px,2vw,28px)!important}
html body .hero-stage > .brand-corner.bc-br{inset-block-end:clamp(-34px,-2.6vw,-20px)!important;inset-inline-start:clamp(-34px,-2.6vw,-20px)!important;border-block-end-width:clamp(8px,1vw,13px)!important;border-inline-start-width:clamp(8px,1vw,13px)!important;border-end-start-radius:clamp(18px,2vw,28px)!important}
[dir=rtl] .bq-mark svg{transform:scaleX(-1)}

/* svc-list-css */
@media (max-width: 900px){html body .svc-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 560px){html body .svc-list{grid-template-columns:minmax(0,1fr)!important}}

/* int-motion */
/* תרשים הממשקים: קווים מדויקים בין הצמתים, ונתונים שזורמים כריבועי מנטה קטנים */
@media (min-width: 901px){
  html body .int-diagram{position:relative}
  html body .int-diagram .int-in svg,html body .int-diagram .int-out svg{visibility:hidden}
  html body .int-diagram .int-node,html body .int-diagram .int-hub{position:relative;z-index:1}
  html body .int-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
  html body .int-diagram .int-node{transition:border-color .35s ease}
  html body .int-diagram .int-node.int-hit{border-color:var(--mint)!important}
}

/* hero-tiles */
/* פתיחה: אריחי המודולים בהדמיה גדולים יותר, כדי שהאייקונים ייראו */
@media (min-width: 641px){
  html body .hero-stage .as-tiles{gap:10px!important}
  html body .hero-stage .as-tile{padding:18px 6px 16px!important;gap:10px!important}
  html body .hero-stage .as-tile svg{width:34px!important;height:34px!important;--icon-stroke:1.8}
  html body .hero-stage .as-tile .tl{font-size:13.5px!important;font-weight:600}
  html body .hero-stage .as-side-item svg{width:16px!important;height:16px!important}
}

/* icons-weight */
/* קו דק יותר: עובי לפי הגודל שבו האייקון מוצג */
html body{--icon-stroke:1.5}
html body svg[width="12"],html body svg[width="13"],html body svg[width="14"],html body svg[width="15"],html body svg[width="16"]{--icon-stroke:1.85}
html body svg[width="17"],html body svg[width="18"]{--icon-stroke:1.7}
html body .app-screen svg{--icon-stroke:1.85}
html body .hero-stage .as-tile svg{--icon-stroke:1.3!important}
html body .ind-chips button svg{--icon-stroke:1.65}

/* hero-side */
/* תפריט הצד בהדמיה: מצב מכווץ של אייקונים בלבד, כמו במערכת, כדי שללוח המודולים יהיה יותר מקום */
@media (min-width: 641px){
  html body .hero-stage .as-body{grid-template-columns:46px minmax(0,1fr) 206px!important}
  html body .hero-stage .as-side{max-height:none!important;-webkit-mask-image:none!important;mask-image:none!important;gap:2px!important;padding:8px 4px!important;align-self:stretch;align-items:center}
  html body .hero-stage .as-side-item{justify-content:center!important;padding:0!important;gap:0!important;font-size:0!important;width:34px;height:26px;box-sizing:border-box;border-radius:8px!important;margin-inline:auto!important;transform:none!important;translate:none!important}
  html body .hero-stage .as-side-item > span{display:none!important}
  html body .hero-stage .as-side-item svg{width:17px!important;height:17px!important;flex-shrink:0}
  html body .hero-stage .as-side-item:nth-child(2){margin-bottom:8px;position:relative}
  html body .hero-stage .as-side-item:nth-child(2)::after{content:"";position:absolute;inset-inline:4px;bottom:-5px;height:1px;background:#E3E6EE}
  html body .hero-stage .as-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
/* בין 641 ל-1000 פיקסלים הכלל הכללי מסתיר את תפריט הצד, אבל העמודה שלו נשארת, והלוח הראשי נדחס לתוכה.
   בהדמיה התפריט המכווץ נשאר גלוי, ולוח ההתראות מוסתר, כדי שלמסכי ההדמיה יהיה רוחב שהם נבנו עבורו. */
@media (min-width: 641px) and (max-width: 1000px){
  html body .hero-stage .as-side{display:flex!important}
  html body .hero-stage .as-right{display:none!important}
  html body .hero-stage .as-body{grid-template-columns:46px minmax(0,1fr)!important}
}
/* בכרטיסי העובד והקבלן, כשהלוח הראשי צר, הערך יורד מתחת לתווית במקום להידחס לצידה */
@media (min-width: 641px) and (max-width: 1060px){
  html body .hero-stage [style*="grid-template-columns: 104px minmax(0, 1fr)"],
  html body .hero-stage [style*="grid-template-columns:142px minmax(0,1fr)"]{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
}
/* מתחת ל-721 התאריכים בתיבות הסיכום של כשירויות וניטורים רחבים משלוש תיבות בשורה */
@media (min-width: 641px) and (max-width: 720px){
  html body .hero-stage .hm-view[data-hview="qualifications"] [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"],
  html body .hero-stage .hm-view[data-hview="monitorings"] [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}html body .as-side-item .as-chev{display:none!important}

/* hero-side-click */
/* תפריט הצד: אותם צבעים כמו בריחוף על אריחי המודולים, גם בריחוף וגם בפריט הנבחר */
html body .hero-stage .as-side-item[data-hgo],html body .hero-stage .as-quick-item[data-hgo]{cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease,color .25s ease}
html body .hero-stage .as-side-item[data-hgo]:hover,html body .hero-stage .as-side-item.on{background:#E6EEFB!important;box-shadow:inset 0 0 0 1px #A9B6CC;color:var(--hc,#34579E)!important}
html body .hero-stage .as-quick-item[data-hgo]:hover{background:#E6EEFB;border-color:#A9B6CC;color:#34579E}
html body .hero-stage .as-side-item[data-hgo]:focus-visible{outline:2px solid var(--mint);outline-offset:1px}

/* dash-css */
/* לוח המחוונים: הסידור כמו במערכת, השעון משמאל והמתגים מימין, והתוכן עצמו נקרא מימין לשמאל בעברית */
[dir=rtl] .dash-tg,[dir=rtl] .dash-score > div:first-child{direction:rtl}
[dir=rtl] .dash-score{grid-template-columns:minmax(0,.9fr) minmax(0,2fr)!important}
[dir=rtl] .hm-dash [style*="direction:ltr"] > div[style*="flex-direction:column"]{direction:rtl}

/* tiles-auto */
/* הדמיה: ריחוף אוטומטי שעובר בין המודולים לפי הסדר, באותם צבעים של ריחוף אמיתי */
html body .hero-stage .as-tile{animation:none!important}
html body .hero-stage .as-tile.auto-hov{background-color:#E6EEFB!important;border-color:#A9B6CC!important;color:var(--hc)!important}
html body .hero-stage .as-tile.auto-hov .tl{color:#34579E!important}
html body .hero-stage .as-side-item.auto-hov{background:#E6EEFB!important;box-shadow:inset 0 0 0 1px #A9B6CC;color:var(--hc,#34579E)!important}

/* hero-intro */
/* פתיחה: הכותרת נכנסת ומתרחבת לגודלה, והפינות של הסמל נפתחות החוצה למקומן */
@media (prefers-reduced-motion: no-preference){
  html body h1.hero-text{animation:rvHeroText linear both,heroGrow 1.15s cubic-bezier(.2,.8,.2,1) .15s both!important;animation-timeline:view(),auto!important;animation-range:exit 10% exit 70%,normal!important}
  html body h1.hero-text .hc-start::after,html body h1.hero-text .hc-end::after{animation:cornerOut 1s cubic-bezier(.34,1.45,.64,1) .55s both}
  [dir=rtl] h1.hero-text .hc-start::after{--fx:-1.1em;--fy:.75em}
  [dir=rtl] h1.hero-text .hc-end::after{--fx:1.1em;--fy:-.75em}
  [dir=ltr] h1.hero-text .hc-start::after{--fx:1.1em;--fy:.75em}
  [dir=ltr] h1.hero-text .hc-end::after{--fx:-1.1em;--fy:-.75em}
}
@keyframes heroGrow{from{scale:.86;letter-spacing:-.06em;filter:blur(10px)}60%{filter:blur(0)}to{scale:1;letter-spacing:normal;filter:none}}
@keyframes cornerOut{from{translate:var(--fx,0) var(--fy,0);scale:.35;opacity:0}35%{opacity:1}to{translate:0 0;scale:1;opacity:1}}

/* logo-scroll */
/* הסמל המלווה הוחלף: בגלילה, המילה Datwise שבלוגו בכותרת נעלמת והסמל עצמו נשאר במקומה ומסתובב.
   בעברית הסמל זז לקצה הימני, באנגלית הוא כבר בקצה השמאלי. בחזרה לראש העמוד הלוגו המלא חוזר. */
html body .mark-follow{display:none!important}
html body .site-hdr .logo-a .logo-svg{overflow:visible}
html body .site-hdr .logo-a .lg-ic{transform-box:view-box;translate:0 0;transition:translate .55s cubic-bezier(.65,0,.35,1)}
html body .site-hdr .logo-a .lg-ic-r{transform-box:view-box;transform-origin:444px 538px;rotate:var(--lg-r,0deg);transition:rotate .18s linear}
html.lg-snap body .site-hdr .logo-a .lg-ic-r{transition:rotate .75s cubic-bezier(.34,1.35,.64,1)}
html body .site-hdr .logo-a .lg-w{transition:fill .25s ease,opacity .3s ease}
@media (prefers-reduced-motion: reduce){html body .site-hdr .logo-a .lg-ic,html body .site-hdr .logo-a .lg-ic-r{transition:none}html body .site-hdr .logo-a .lg-ic-r{rotate:0deg!important}}

/* mark-follow */
/* הסמל מלווה את הגלילה לאורך כל האתר, ומסתובב רק כשגוללים.
   תנועה רכה ומתמשכת: הזוויות מתרחקות מעט ומסתובבות קלות, וחוזרות להרכיב את הלוגו המדויק, שוב ושוב.
   הצבע מתחלף לפי הרקע שמאחוריו: מנטה על אזורים כהים, נייבי על אזורים בהירים. */
html body .mark-follow{position:fixed;z-index:60;pointer-events:none;left:0;top:var(--mf-top,92px);bottom:auto;width:min(22vw,290px);aspect-ratio:1;translate:-30% 0;
  color:var(--mf-c,#5DCBA1);opacity:var(--mf-o,.12);transition:color .9s ease,opacity .9s ease}
html body .mark-follow svg{width:100%;height:100%;display:block;fill:currentColor;overflow:visible;rotate:var(--mf-r,0deg);transition:rotate .25s linear}
html body .mark-follow .mf-spin{transform-box:view-box;transform-origin:444px 538px}
html body .mark-follow .mf-arm{transform-box:view-box}
html body .mark-follow .mf-a0{transform-origin:393.5px 588.6px}
html body .mark-follow .mf-a1{transform-origin:494.5px 588.6px}
html body .mark-follow .mf-a2{transform-origin:393.5px 487.6px}
html body .mark-follow .mf-a3{transform-origin:494.5px 487.6px}
@media (max-width: 900px){html body .mark-follow{width:38vw;translate:-34% 0;--mf-top:84px}}

/* quick-hover */
/* שורת הדוחות: לחיצה וריחוף כמו באריחי המודולים */
html body .hero-stage .as-quick-item[data-hgo]{cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform 160ms cubic-bezier(.23,1,.32,1)!important}
html body .hero-stage .as-quick-item[data-hgo]:hover,html body .hero-stage .as-quick-item[data-hgo]:focus-visible{background:#E6EEFB!important;border-color:#A9B6CC!important;color:#34579E!important}
html body .hero-stage .as-quick-item[data-hgo]:hover svg,html body .hero-stage .as-quick-item[data-hgo]:focus-visible svg{color:var(--hc,#34579E)!important;--icon-accent:var(--hc,#34579E)}
html body .hero-stage .as-quick-item[data-hgo]:active{transform:scale(.97)}
html body .hero-stage .as-quick-item[data-hgo]:focus-visible{outline:2px solid var(--mint);outline-offset:1px}

/* emp-tabs */
html body .hero-stage .emp-tab{cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform 160ms cubic-bezier(.23,1,.32,1)}
html body .hero-stage .emp-tab:hover{background:#E6EEFB!important;border-color:#A9B6CC!important;color:#34579E!important}
html body .hero-stage .emp-tab:active{transform:scale(.97)}

/* gps-pin */
@media (prefers-reduced-motion: no-preference){
  html body .gps-pin .gps-halo{transform-box:fill-box;transform-origin:center;animation:gpsPulse 2.2s ease-out infinite}
}
@keyframes gpsPulse{0%{scale:.6;opacity:.32}100%{scale:2.1;opacity:0}}

/* deck-css */
html body .deck .dk-stage{position:relative;height:236px;border-radius:10px;overflow:hidden;border:1px solid #E3E6EE;background:#FFFFFF}
html body .deck .dk-s{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateX(var(--dk-from,14px));transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
html body .deck .dk-s.on{opacity:1;transform:none;pointer-events:auto}
html body .deck .dk-nav{width:28px;height:28px;border-radius:50%;border:1px solid #D5DDEB;background:#FFFFFF;color:#34579E;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
html body .deck .dk-nav:hover{background:#E6EEFB;border-color:#A9B6CC}
html body .deck .dk-dot{width:7px;height:7px;border-radius:2px;border:0;padding:0;background:#C9D4E6;cursor:pointer;transition:background-color .2s ease,width .25s ease}
html body .deck .dk-dot.on{width:18px;background:#3FAE85}
@media (prefers-reduced-motion: reduce){html body .deck .dk-s{transition:none}}

/* hero-demo */
/* פתיחה: דמו שרץ לבד כמו סרטון. סמן גדול זז, מרחף ולוחץ; מסכים נפתחים מהמקום שנלחץ, חלון קופץ נפתח ונסגר,
   והמצלמה מתקרבת לאזור החשוב ומתרחקת. אין אפשרות ללחוץ בתוך ההדמיה. */
html body .demo-cursor,html body .demo-modal,html body .demo-toast{display:none}
@media (min-width: 641px){
  html.demo-on body .hero-stage{position:relative;cursor:default}
  html.demo-on body .hero-stage .hero-enter{overflow:hidden;border-radius:14px}
  html.demo-on body .hero-stage .app-screen{pointer-events:none;user-select:none;transition:transform 1.1s cubic-bezier(.45,.05,.2,1);will-change:transform}
  html.demo-on body .hero-stage .app-screen{position:relative}
  html.demo-on body .demo-cursor{display:block;position:absolute;top:0;left:0;z-index:9;width:30px;height:30px;pointer-events:none;
    transform:translate(var(--dx,70%),var(--dy,70%));transition:transform 1.05s cubic-bezier(.45,.05,.25,1),opacity .35s ease}
  html.demo-on body .demo-cursor.hide{opacity:0}
  html.demo-on body .demo-cursor .dc-halo{position:absolute;left:-13px;top:-13px;width:36px;height:36px;border-radius:50%;background:rgba(93,203,161,.28);scale:.2;opacity:0;transition:scale .3s ease,opacity .3s ease}
  html.demo-on body .demo-cursor.hover .dc-halo{scale:1;opacity:1}
  html.demo-on body .demo-cursor svg{position:relative;display:block;filter:drop-shadow(0 4px 8px rgba(4,19,39,.45));transition:transform .14s ease;transform-origin:4px 3px}
  html.demo-on body .demo-cursor.down svg{transform:scale(.82)}
  html.demo-on body .demo-ripple{position:absolute;z-index:8;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;border:3px solid #5DCBA1;background:rgba(93,203,161,.18);pointer-events:none;animation:demoRip .65s ease-out forwards}
  html.demo-on body .demo-ripple.r2{animation-delay:.12s;opacity:0}
  html.demo-on body .hero-stage .demo-press{transform:scale(.95)!important;transition:transform .12s ease!important}
  html.demo-on body .hero-stage .emp-tab.demo-hov,html.demo-on body .hero-stage .demo-row-hov{background:#E6EEFB!important;border-color:#A9B6CC!important;color:#34579E!important}
  html.demo-on body .hero-stage .hm-view.demo-enter,html.demo-on body .hero-stage .hm-view.demo-back{animation:demoSlide .5s cubic-bezier(.2,.8,.2,1) both}
  html.demo-on body .demo-spot{position:absolute;z-index:15;border-radius:14px;pointer-events:none;opacity:0;box-shadow:0 0 0 2.5px #5DCBA1,0 0 0 9999px rgba(4,19,39,.42);transition:opacity .45s ease}
  html.demo-on body .demo-spot.on{opacity:1}
  html.demo-on body .demo-spot-lab{position:absolute;z-index:16;pointer-events:none;opacity:0;translate:0 6px;padding:7px 13px;border-radius:10px;background:#041327;color:#FFFFFF;font-size:12.5px;font-weight:700;white-space:nowrap;box-shadow:0 12px 26px -10px rgba(4,19,39,.5);transition:opacity .4s ease .15s,translate .45s cubic-bezier(.2,.8,.2,1) .15s}
  html.demo-on body .demo-spot-lab::before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;background:#5DCBA1;margin-inline-end:8px;vertical-align:1px}
  html.demo-on body .demo-spot-lab.on{opacity:1;translate:0 0}
  /* pop-up: send a reminder */
  html.demo-on body .demo-modal{display:flex;position:absolute;inset:0;z-index:20;align-items:center;justify-content:center;background:rgba(4,19,39,.32);opacity:0;transition:opacity .3s ease}
  html.demo-on body .demo-modal.on{opacity:1}
  html.demo-on body .demo-modal .dm-card{width:min(340px,80%);background:#FFFFFF;border-radius:16px;box-shadow:0 30px 60px -20px rgba(4,19,39,.45);padding:18px 20px;display:flex;flex-direction:column;gap:12px;translate:0 18px;scale:.96;transition:translate .4s cubic-bezier(.2,.8,.2,1),scale .4s cubic-bezier(.2,.8,.2,1)}
  html.demo-on body .demo-modal.on .dm-card{translate:0 0;scale:1}
  html.demo-on body .demo-modal .dm-t{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#212936}
  html.demo-on body .demo-modal .dm-s{font-size:12px;color:#5D6471;line-height:1.5}
  html.demo-on body .demo-modal .dm-ch{display:flex;gap:8px}
  html.demo-on body .demo-modal .dm-ch span{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;border:1px solid #D5DDEB;font-size:11.5px;color:#34579E;background:#FFFFFF}
  html.demo-on body .demo-modal .dm-ch span.on{background:#E6EEFB;border-color:#A9B6CC;font-weight:700}
  html.demo-on body .demo-modal .dm-a{display:flex;gap:8px;justify-content:flex-end}
  html.demo-on body .demo-modal .dm-a span{padding:7px 16px;border-radius:9px;font-size:12px;font-weight:700}
  html.demo-on body .demo-modal .dm-send{background:#34579E;color:#FFFFFF;transition:transform .12s ease}
  html.demo-on body .demo-modal .dm-cancel{border:1px solid #D5DDEB;color:#5D6471}
  html.demo-on body .demo-toast{display:flex;position:absolute;top:14px;left:50%;z-index:21;translate:-50% -14px;opacity:0;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;background:#E7F4E8;border:1px solid #BFE0C3;color:#3C8A45;font-size:12.5px;font-weight:700;box-shadow:0 12px 30px -12px rgba(4,19,39,.3);transition:opacity .3s ease,translate .4s cubic-bezier(.2,.8,.2,1)}
  html.demo-on body .demo-toast.on{opacity:1;translate:-50% 0}
  html.demo-on body .demo-sugg{position:absolute;z-index:18;width:300px;background:#FFFFFF;border-radius:12px;box-shadow:0 24px 48px -18px rgba(4,19,39,.45);border:1px solid #E3E6EE;padding:6px;display:flex;flex-direction:column;gap:2px;opacity:0;translate:0 -6px;transition:opacity .25s ease,translate .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
  html.demo-on body .demo-sugg.on{opacity:1;translate:0 0}
  html.demo-on body .demo-sugg .ds-h{font-size:10.5px;color:#8A97AD;padding:4px 8px 2px}
  html.demo-on body .demo-sugg .ds-i{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;color:#212936;transition:background-color .2s ease}
  html.demo-on body .demo-sugg .ds-i.hl{background:#E6EEFB}
  html.demo-on body .demo-sugg .ds-ic{width:28px;height:28px;border-radius:8px;background:#EEF2F8;color:#34579E;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  html.demo-on body .demo-sugg .ds-t{display:flex;flex-direction:column;gap:1px;min-width:0}
  html.demo-on body .demo-sugg .ds-t b{font-size:12.5px}
  html.demo-on body .demo-sugg .ds-t span{font-size:10.5px;color:#5D6471;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.demo-on body .demo-sugg mark{background:#D7F1E5;color:inherit;border-radius:3px;padding:0 1px}
  html.demo-on body .demo-q{color:#212936;font-weight:600}
  html.demo-on body .demo-caret{display:inline-block;width:1.5px;height:13px;background:#34579E;vertical-align:-2px;margin-inline-start:1px;animation:demoCaret 1s steps(1) infinite}
  html.demo-on body .demo-search{transition:width .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
  html.demo-on body .demo-search.focus{width:230px!important;box-shadow:0 0 0 2.5px #5DCBA1}
}
@keyframes demoRip{0%{opacity:1;scale:.35}100%{opacity:0;scale:1.5}}
@keyframes demoCaret{0%{opacity:1}50%{opacity:0}}
@keyframes demoSlide{from{opacity:0;transform:translateX(var(--sx,28px))}to{opacity:1;transform:none}}

/* dash-anim */
/* לוח המחוונים: המחוג, האחוזים, הטבעת והעמודות זזים בכל כניסה למסך */
html body .dz-needle{transform-box:view-box;transform-origin:110px 104px;transition:transform 2.5s cubic-bezier(.25,.8,.25,1)}
html body .dz-start .dz-needle{transform:rotate(-171deg);transition:none}
html body .dz-ring{transition:stroke-dasharray 2.5s cubic-bezier(.25,.8,.25,1)}
html body .dz-bar{transition:height 1.8s cubic-bezier(.25,.8,.25,1)}
html body .dz-start .dz-bar{transition:none}

/* demo-phone */
/* the field step: a phone built at the real app's size (393 points wide) and scaled down as a whole,
   so fonts, sizes and spacing keep the app's proportions */
html body .demo-phone,html body .demo-dim{display:none}
@media (min-width: 641px){
  html.demo-on body .demo-dim{display:block;position:absolute;inset:0;z-index:12;background:rgba(4,19,39,.42);opacity:0;transition:opacity .45s ease;pointer-events:none}
  html.demo-on body .demo-dim.on{opacity:1}
  html.demo-on body .demo-phone{box-sizing:border-box;display:block;position:absolute;z-index:19;top:50%;inset-inline-end:6%;width:282px;height:590px;border-radius:46px;background:#0B1424;padding:10px;
    box-shadow:0 40px 80px -24px rgba(0,0,0,.7),inset 0 0 0 1.5px rgba(255,255,255,.14);translate:0 -40%;opacity:0;transition:translate .6s cubic-bezier(.2,.8,.2,1),opacity .45s ease;pointer-events:none}
  html.demo-on body .demo-phone.on{translate:0 -50%;opacity:1}
  html.demo-on body .ph-scr{position:relative;width:262px;height:570px;border-radius:37px;overflow:hidden;background:#F7F7F7}
  html.demo-on body .ph-canvas{position:absolute;top:0;left:0;width:393px;height:855px;transform:scale(.66667);transform-origin:0 0;
    font-family:'IBM Plex Sans','IBM Plex Sans Hebrew',-apple-system,system-ui,sans-serif;color:#0D1B31;-webkit-font-smoothing:antialiased;text-align:start;line-height:1.25}
  html.demo-on body .ph-canvas *{box-sizing:border-box}
  html.demo-on body .pa-island{position:absolute;top:11px;left:50%;width:124px;height:36px;margin-left:-62px;border-radius:20px;background:#000;z-index:30}
  html.demo-on body .ph-s{position:absolute;inset:0;background:#F7F7F7;opacity:0;transform:translateX(var(--px,-28px));transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);overflow:hidden}
  html.demo-on body .ph-s.on{opacity:1;transform:none}
  html.demo-on body .pa-navy{position:absolute;top:0;left:0;right:0;background:#162D52}
  html.demo-on body .pa-sb{position:absolute;top:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:6px 32px 0 44px;direction:ltr;font-size:17px;font-weight:600;color:#FFFFFF;z-index:5}
  html.demo-on body .pa-sb.dark{color:#0D1B31}
  html.demo-on body .pa-sbr{display:flex;align-items:flex-end;gap:2px}
  html.demo-on body .pa-sbr i{width:3.5px;background:currentColor;border-radius:1px}
  html.demo-on body .pa-sbr i:nth-child(1){height:5px}html.demo-on body .pa-sbr i:nth-child(2){height:7px}html.demo-on body .pa-sbr i:nth-child(3){height:9.5px}html.demo-on body .pa-sbr i:nth-child(4){height:12px;opacity:.35}
  html.demo-on body .pa-sbr b{font-size:14px;margin:0 6px 0 5px;line-height:1}
  html.demo-on body .pa-sbr em{width:26px;height:12.5px;border-radius:4px;background:#4CD964;display:block}
  html.demo-on body .pa-nav{position:absolute;top:56px;left:18px;right:18px;height:56px;display:flex;align-items:center;justify-content:space-between;font-size:21px;font-weight:600}
  html.demo-on body .pa-nav.w{color:#FFFFFF}html.demo-on body .pa-nav.d{color:#0D1B31}
  html.demo-on body .pa-hello{position:absolute;top:116px;inset-inline:22px;font-size:27px;font-weight:800;color:#FFFFFF}
  html.demo-on body .pa-co{position:absolute;top:152px;inset-inline:22px;font-size:16px;color:#97A3B6}
  html.demo-on body .pa-search{position:absolute;top:180px;left:20px;right:20px;height:44px;border-radius:12px;background:#FFFFFF;border:1.5px solid #C9D1DE;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:17px;color:#6E798C}
  html.demo-on body .pa-cnts{position:absolute;top:238px;left:22px;right:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  html.demo-on body .pa-cnt{height:102px;border-radius:14px;background:#FFFFFF;box-shadow:0 8px 18px -10px rgba(4,19,39,.25);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0 12px}
    html.demo-on body .pa-cnt b{font-size:30px;font-weight:800;color:#E6543B;line-height:1.1}
  html.demo-on body .pa-cnt span{font-size:16px;color:#0D1B31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  html.demo-on body .pa-h2{position:absolute;inset-inline:22px;font-size:20px;font-weight:800}
  html.demo-on body .pa-mods{position:absolute;top:404px;left:16px;right:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
  html.demo-on body .pa-mod{position:relative;height:96px;border-radius:14px;background:#FFFFFF;border:1.5px solid #DDDDDD;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-top:14px;font-size:14.5px;text-align:center;line-height:1.15}
  html.demo-on body .pa-mod i{position:absolute;top:9px;inset-inline-end:9px;display:flex}
  html.demo-on body .pa-rech{position:absolute;top:627px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:baseline}
  html.demo-on body .pa-h2s{font-size:19px;font-weight:800}
  html.demo-on body .pa-link{font-size:16px;color:#3770CC}
  html.demo-on body .pa-recent{position:absolute;top:664px;left:16px;right:16px;border-radius:16px;background:#FFFFFF;border:1.5px solid #DDDDDD;padding:4px 18px}
  html.demo-on body .pa-recent div{display:flex;align-items:center;gap:14px;height:47px;font-size:17px}
  html.demo-on body .pa-recent .no{font-size:14px;color:#6E798C}
  html.demo-on body .pa-ai{position:absolute;bottom:112px;inset-inline-end:16px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8E97ED,#725DDE);box-shadow:0 0 0 12px rgba(123,108,230,.14);display:flex;align-items:center;justify-content:center;z-index:3}
  html.demo-on body .pa-fab{position:absolute;bottom:40px;inset-inline-end:16px;height:50px;padding:0 24px;border-radius:25px;background:#162D52;color:#FFFFFF;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;box-shadow:0 10px 20px -10px rgba(4,19,39,.5);z-index:3}
  /* camera */
  html.demo-on body .pa-camS{background:#2A2F36}
  html.demo-on body .pa-scene{position:absolute;inset:0;transform-origin:0 0}
  html.demo-on body .pa-wall{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 40%,#E4E6EA 0%,#CDD1D7 55%,#B7BCC4 100%)}
  html.demo-on body .pa-floor{position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(#9AA0A8,#7E848D);box-shadow:0 -2px 0 #8C929A}
  html.demo-on body .pa-signb{position:absolute;top:150px;left:50%;width:150px;margin-left:-75px;height:44px;border-radius:6px;background:#D63A2E;color:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.2)}
  html.demo-on body .pa-ext{position:absolute;top:215px;left:50%;width:200px;height:440px;margin-left:-100px}
  html.demo-on body .pa-ext img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.05)}
  html.demo-on body .pa-sticker{position:absolute;top:190px;left:84px;width:58px;height:58px;padding:5px;background:#FFFFFF;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.3);transform:rotate(-2deg)}
  html.demo-on body .pa-shade{position:absolute;inset:0;pointer-events:none}
  html.demo-on body .pa-vf{position:absolute;left:50%;top:400px;width:240px;height:240px;margin:-120px 0 0 -120px;border-radius:22px;box-shadow:0 0 0 2000px rgba(0,0,0,.45);transition:width .45s ease,height .45s ease,margin .45s ease,box-shadow .45s ease}
  html.demo-on body .pa-camS.focus .pa-vf{width:150px;height:150px;margin:-75px 0 0 -75px}
  html.demo-on body .pa-vf b{position:absolute;width:40px;height:40px;border:5px solid #FFFFFF;transition:border-color .3s ease}
  html.demo-on body .pa-vf b:nth-child(1){top:-2px;left:-2px;border-right:0;border-bottom:0;border-top-left-radius:22px}
  html.demo-on body .pa-vf b:nth-child(2){top:-2px;right:-2px;border-left:0;border-bottom:0;border-top-right-radius:22px}
  html.demo-on body .pa-vf b:nth-child(3){bottom:-2px;left:-2px;border-right:0;border-top:0;border-bottom-left-radius:22px}
  html.demo-on body .pa-vf b:nth-child(4){bottom:-2px;right:-2px;border-left:0;border-top:0;border-bottom-right-radius:22px}
  html.demo-on body .pa-camS.ok .pa-vf b{border-color:#5DCBA1}
  html.demo-on body .pa-scanl{position:absolute;left:16px;right:16px;top:14px;height:3px;border-radius:2px;background:#5DCBA1;box-shadow:0 0 16px 3px rgba(93,203,161,.6);animation:paScan 1.3s ease-in-out infinite alternate}
  html.demo-on body .pa-camS.focus .pa-scanl{opacity:0}
  html.demo-on body .pa-camtop{position:absolute;top:60px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;color:#FFFFFF;font-size:19px;font-weight:600;z-index:4}
  html.demo-on body .pa-aim{position:absolute;top:548px;left:40px;right:40px;text-align:center;color:#FFFFFF;font-size:17px;line-height:1.4;z-index:4;transition:opacity .3s ease}
  html.demo-on body .pa-camS.ok .pa-aim{opacity:0}
  html.demo-on body .pa-scanned{position:absolute;top:548px;left:50%;translate:-50% 8px;display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:99px;background:#5DCBA1;color:#041327;font-size:17px;font-weight:700;opacity:0;z-index:4;transition:opacity .3s ease,translate .35s cubic-bezier(.34,1.56,.64,1)}
  html.demo-on body .pa-camS.ok .pa-scanned{opacity:1;translate:-50% 0}
  html.demo-on body .pa-torch{position:absolute;bottom:60px;left:50%;width:62px;height:62px;margin-left:-31px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:4}
  html.demo-on body .pa-camS.shake .pa-scene{animation:paShake 1.7s ease-in-out infinite}
  /* item */
  html.demo-on body .pa-tabs{position:absolute;top:115px;left:0;right:0;height:52px;display:flex;justify-content:space-around;align-items:stretch;border-bottom:1.5px solid #D9DDE3;font-size:17px;color:#6E798C}
  html.demo-on body .pa-tabs span{display:flex;align-items:center;padding:0 6px}
  html.demo-on body .pa-tabs span.on{color:#0D1B31;font-weight:700;box-shadow:inset 0 -3.5px 0 #4286F5}
  html.demo-on body .pa-ibody{position:absolute;top:186px;left:16px;right:16px;display:flex;flex-direction:column;gap:22px}
  html.demo-on body .pa-itm{display:flex;gap:16px;align-items:flex-start}
  html.demo-on body .pa-img{width:98px;height:112px;border-radius:12px;border:1.5px solid #DDDDDD;background:#FFFFFF;overflow:hidden;flex-shrink:0}
  html.demo-on body .pa-img img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
  html.demo-on body .pa-itx{display:flex;flex-direction:column;gap:9px;padding-top:2px}
  html.demo-on body .pa-itx b{font-size:20px;font-weight:800}
  html.demo-on body .pa-itx .g{font-size:15px;color:#6E798C}
  html.demo-on body .pa-itx .kv{display:flex;align-items:center;gap:10px;font-size:15px;color:#6E798C}
  html.demo-on body .pa-outl{display:inline-flex;padding:3px 16px;border-radius:99px;border:2px solid #51A620;color:#51A620;font-size:15px}
  html.demo-on body .pa-solid{display:inline-flex;padding:4px 18px;border-radius:99px;background:#E6543B;color:#FFFFFF;font-size:15px}
  html.demo-on body .pa-loc{position:relative;height:62px;border-radius:14px;background:#FFFFFF;border:1.5px solid #DDDDDD;display:flex;align-items:center;gap:14px;padding:0 16px;font-size:14.5px;color:#6E798C;line-height:1.55}
  html.demo-on body .pa-seth{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;margin-bottom:-10px}
  html.demo-on body .pa-checks{position:relative;border-radius:14px;background:#FFFFFF;border:1.5px solid #DDDDDD}
  html.demo-on body .pa-checks > div{display:flex;align-items:center;gap:10px;height:76px;padding:0 16px;border-top:1.5px solid #E6E9EF}
  html.demo-on body .pa-checks > div:first-child{border-top:0}
  html.demo-on body .pa-checks .tx{flex:1;display:flex;flex-direction:column;gap:6px}
  html.demo-on body .pa-checks b{font-size:17px;font-weight:800}
  html.demo-on body .pa-checks small{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#6E798C;white-space:nowrap}
  html.demo-on body .pa-checks small i{width:1.5px;height:18px;background:#CACACA}
  html.demo-on body .pa-checks .red{color:#E6543B}
  html.demo-on body .pa-okc{width:20px;height:20px;border-radius:50%;border:2px solid #51A620;display:inline-flex;align-items:center;justify-content:center}
  html.demo-on body .pa-okc svg{width:13px;height:13px}
  /* form */
  html.demo-on body .pa-fc{position:absolute;top:118px;left:0;right:0;bottom:0;overflow:hidden}
  html.demo-on body .pa-fin{padding:0 16px;transition:transform .75s cubic-bezier(.4,0,.2,1)}
  html.demo-on body .pa-colall{display:flex;justify-content:flex-end;padding:14px 4px 22px}
  html.demo-on body .pa-sech{display:flex;align-items:center;gap:12px;padding:16px 0 14px;border-bottom:1.5px solid #D9DDE3;font-size:20px;font-weight:800;margin-bottom:6px}
  html.demo-on body .pa-sech > span{flex:1}
  html.demo-on body .pa-sech em,html.demo-on body .pa-lbl em,html.demo-on body .pa-qt em,html.demo-on body .pa-sigh em{color:#E6543B;font-style:normal;font-size:.85em;vertical-align:super;margin-inline-start:3px}
  html.demo-on body .pa-sech small{font-size:17px;font-weight:400;color:#6E798C}
  html.demo-on body .pa-lbl{font-size:15.5px;color:#6E798C;margin:14px 0 8px}
  html.demo-on body .pa-lbl.d{color:#0D1B31}
  html.demo-on body .pa-in{height:44px;border-radius:11px;border:1.5px solid #1E2D4F;background:#FFFFFF;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:17px}
  html.demo-on body .pa-in.mut{border-color:#98979A;color:#9AA3B2}
  html.demo-on body .pa-q{padding:14px 0 6px}
  html.demo-on body .pa-qn{font-size:13.5px;color:#6E798C;margin-bottom:4px}
  html.demo-on body .pa-qt{font-size:16.5px;font-weight:700;margin-bottom:10px}
  html.demo-on body .pa-opts{display:flex;gap:8px}
  html.demo-on body .pa-opts span{flex:1;height:36px;border-radius:10px;border:1.5px solid #C9CED6;background:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:14.5px;color:#6E798C;transition:all .25s ease}
  html.demo-on body .pa-opts span.sel{background:#E5F3E3;border-color:#51A620;color:#3C7F2D;font-weight:700}
  html.demo-on body .pa-note{margin-top:10px;height:44px;border-radius:11px;border:1.5px solid #C9CED6;background:#FFFFFF;padding:11px 14px;font-size:15px;color:#9AA3B2}
  html.demo-on body .pa-rc{display:flex;align-items:center;gap:14px;height:68px;border-radius:15px;border:1.5px solid #98979A;background:#FFFFFF;padding:0 16px;margin-bottom:12px;transition:border-color .25s ease,border-width .25s ease}
  html.demo-on body .pa-rc .t{flex:1;display:flex;flex-direction:column;gap:3px}
  html.demo-on body .pa-rc b{font-size:18px;font-weight:500}
  html.demo-on body .pa-rc small{font-size:15px;color:#6E798C}
  html.demo-on body .pa-rc .rd{width:24px;height:24px;border-radius:50%;border:2px solid #9AA3B2;flex-shrink:0;transition:all .25s ease}
  html.demo-on body .pa-rc.sel{border:2.5px solid #162D52}
  html.demo-on body .pa-rc.sel .rd{border:2.5px solid #162D52;box-shadow:inset 0 0 0 4.5px #FFFFFF;background:#162D52}
  html.demo-on body .pa-ta{height:118px;border-radius:15px;border:1.5px solid #98979A;background:#FFFFFF;padding:14px 16px;font-size:17px;color:#9AA3B2}
  html.demo-on body .pa-sigh{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px;font-size:16px;color:#0D1B31}
  html.demo-on body .pa-sigh span:last-child{display:flex;align-items:center;gap:8px;color:#6E798C}
  html.demo-on body .pa-sig{position:relative;height:150px;border-radius:15px;border:1.5px solid #98979A;background:#FFFFFF}
  html.demo-on body .pa-sig .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:17px;color:#6E798C;transition:opacity .25s ease}
  html.demo-on body .pa-sig.draw .ph{opacity:0}
  html.demo-on body .pa-sig svg{position:absolute;inset:0}
  html.demo-on body .pa-sigp{stroke-dasharray:520;stroke-dashoffset:520}
  html.demo-on body .pa-sig.draw .pa-sigp{transition:stroke-dashoffset 1.4s ease;stroke-dashoffset:0}
  html.demo-on body .pa-confirm{margin-top:12px;font-size:15px;color:#6E798C}
  html.demo-on body .pa-cta{position:absolute;bottom:38px;left:16px;right:16px;height:52px;border-radius:26px;background:#162D52;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;z-index:3;box-shadow:0 -14px 18px 6px #F7F7F7}
  html.demo-on body .pa-done{position:absolute;inset:0;z-index:20;background:rgba(4,19,39,.42);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}
  html.demo-on body .pa-done.on{opacity:1}
  html.demo-on body .pa-done > div{width:280px;background:#FFFFFF;border-radius:20px;padding:24px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;scale:.9;transition:scale .35s cubic-bezier(.34,1.56,.64,1)}
  html.demo-on body .pa-done.on > div{scale:1}
  html.demo-on body .pa-done .ic{width:58px;height:58px;border-radius:50%;background:#E7F4E8;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
  html.demo-on body .pa-done b{font-size:19px}
  html.demo-on body .pa-done > div > span:last-child{font-size:16px;color:#6E798C}
  html.demo-on body .ph-tap{position:absolute;z-index:30;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(93,203,161,.35);border:2px solid #5DCBA1;pointer-events:none;animation:phTap .6s ease-out forwards}
  html.demo-on body .ph-spin{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#FFFFFF;display:inline-block;animation:phSpin .7s linear infinite}
}
@keyframes paScan{from{top:14px}to{top:220px}}
@keyframes paShake{0%,100%{translate:0 0;rotate:0deg}25%{translate:2.5px -2px;rotate:.25deg}50%{translate:-2px 1.5px;rotate:-.2deg}75%{translate:1.5px 2px;rotate:.15deg}}
@keyframes phTap{0%{opacity:1;scale:.4}100%{opacity:0;scale:1.5}}
@keyframes phSpin{to{rotate:360deg}}

/* demo-story */
/* כיתוב לכל סצנה מתחת לדמו, וכרטיס סיום עם קריאה לפעולה */
html body .demo-cap,html body .demo-end{display:none}
@media (min-width: 641px){
  html.demo-on body .demo-cap{display:flex;align-items:center;gap:14px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:45;translate:-50% 0;width:max-content;max-width:calc(100vw - 32px);margin:0;font-family:'IBM Plex Sans','IBM Plex Sans Hebrew','Segoe UI',system-ui,sans-serif;visibility:hidden;padding:9px 18px;min-height:40px;border-radius:99px;color:#FFFFFF;background:rgba(4,19,39,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 34px -12px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.12)}
  html.demo-on body .demo-cap .dcap-t{flex:none;display:flex;align-items:center;gap:10px;font-size:clamp(14px,1.15vw,16px);font-weight:600;line-height:1.35;opacity:0;translate:0 4px;transition:opacity .35s ease,translate .35s ease}
  html.demo-on body .demo-cap .dcap-t.on{opacity:1;translate:0 0}
  html.demo-on body .demo-cap .dcap-t::before{content:'';flex-shrink:0;width:8px;height:8px;border-radius:2px;background:#5DCBA1}
  html.demo-on body .demo-cap .dcap-p{display:flex;gap:5px;flex-shrink:0}
  html.demo-on body .demo-cap .dcap-p i{width:18px;height:3px;border-radius:2px;background:rgba(255,255,255,.22);transition:background-color .35s ease,width .35s ease}
  html.demo-on body .demo-cap .dcap-p i.done{background:rgba(93,203,161,.55)}
  html.demo-on body .demo-cap .dcap-p i.on{width:30px;background:#5DCBA1}
    background:radial-gradient(120% 90% at 100% 0%,rgba(93,203,161,.22) 0%,rgba(93,203,161,0) 55%),linear-gradient(160deg,#0B2244 0%,#041327 70%);
    box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1);display:flex;flex-direction:column;gap:16px;scale:.92;translate:0 14px;transition:scale .6s cubic-bezier(.34,1.56,.64,1),translate .6s cubic-bezier(.2,.8,.2,1)}
  html.demo-on body .demo-cap{transition:opacity .3s ease}
  html.demo-on body .demo-cap.off{opacity:0}
  html.demo-on body .demo-end{display:flex;position:absolute;inset:0;z-index:40;align-items:center;justify-content:center;padding:24px;background:rgba(4,19,39,.72);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s;pointer-events:auto}
  html.demo-on body .demo-end.on{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}
  html.demo-on body .demo-end .de-card{width:min(620px,100%);border-radius:20px;padding:clamp(44px,4vw,60px) clamp(36px,3.6vw,56px) clamp(32px,3vw,44px);background:#041327;color:#FFFFFF;text-align:start;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:clamp(22px,2vw,30px);translate:0 10px;transition:translate .5s cubic-bezier(.2,.8,.2,1)}
  html.demo-on body .demo-end.on .de-card{translate:0 0}
  html.demo-on body .demo-end .de-t{position:relative;margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:800;line-height:1.02;letter-spacing:-.01em;text-wrap:balance}
  html.demo-on body .demo-end .de-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 24px;border-top:1px solid rgba(255,255,255,.18);padding-top:clamp(20px,1.8vw,26px)}
  html.demo-on body .demo-end .de-s{margin:0;flex:1 1 15em;font-size:16px;line-height:1.5;color:#A9B6CC;text-wrap:pretty}
  html.demo-on body .demo-end .de-a{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  html.demo-on body .demo-end .de-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:99px;background:#5DCBA1;color:#041327;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap;transition:background-color .2s ease}
  html.demo-on body .demo-end .de-btn:hover{background:#3FAE85}
  html.demo-on body .demo-end .de-re{padding:0;border:0;background:none;color:#A9B6CC;font:inherit;font-size:15px;cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.3)}
  html.demo-on body .demo-end .de-re:hover{color:#FFFFFF}
  html.demo-on body .demo-end .de-btn:focus-visible,html.demo-on body .demo-end .de-re:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}
}
@media (prefers-reduced-motion: reduce){html body .demo-cap,html body .demo-end{display:none!important}}

/* sp-css */
@media (max-width: 1000px){html body .sp-all{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 600px){html body .sp-all{grid-template-columns:1fr!important}}html body .sp-rel{transition:border-color .2s ease,box-shadow .2s ease}html body .sp-rel:hover{border-color:#A9B6CC;box-shadow:0 10px 24px -14px rgba(4,19,39,.25)}@media (max-width: 900px){html body .dd-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .sp-hub{grid-template-columns:1fr!important}html body .sp-wide > div[style*="repeat(3"]{grid-template-columns:1fr!important}}

/* hero-logos-css */
html body .hero-logos img{filter:brightness(0) invert(1);opacity:.78;transition:opacity .2s ease}html body .hero-logos:hover .hl-row{animation-play-state:paused}html body .hero-logos img:hover{opacity:1}@media (prefers-reduced-motion: reduce){html body .hero-logos .hl-row{animation:none}}

/* wide-screens */
/* Large screens: content spreads wider and text scales with it. The demo window only widens (its animation measures positions). */:root{--wk:1;--wz:1}@media (min-width: 1600px){:root{--wk:1.12;--wz:1.12}}@media (min-width: 1900px){:root{--wk:1.26;--wz:1.26}}@media (min-width: 2300px){:root{--wk:1.48;--wz:1.48}}@media (min-width: 2700px){:root{--wk:1.7;--wz:1.7}}html body [style*="max-width: 1240px"]{max-width:calc(1240px * var(--wk))!important}html body [style*="max-width: 1180px"]{max-width:calc(1180px * var(--wk))!important}html body [style*="max-width: 1120px"]{max-width:calc(1120px * var(--wk))!important}html body [style*="max-width: 1100px"]{max-width:calc(1100px * var(--wk))!important}html body [style*="max-width: 1000px"]{max-width:calc(1000px * var(--wk))!important}html body [style*="max-width: 980px"]{max-width:calc(980px * var(--wk))!important}html body [style*="max-width: 900px"]{max-width:calc(900px * var(--wk))!important}html body [style*="max-width: 860px"]{max-width:calc(860px * var(--wk))!important}html body [style*="max-width: 820px"]{max-width:calc(820px * var(--wk))!important}html body [style*="max-width: 760px"]{max-width:calc(760px * var(--wk))!important}html body [style*="max-width: 720px"]{max-width:calc(720px * var(--wk))!important}html body [style*="max-width: 700px"]{max-width:calc(700px * var(--wk))!important}html body [style*="max-width: 640px"]{max-width:calc(640px * var(--wk))!important}html body [style*="max-width: 600px"]{max-width:calc(600px * var(--wk))!important}html body [style*="max-width: 560px"]{max-width:calc(560px * var(--wk))!important}#page-mount section:not(:has(.hero-stage)),#page-mount footer,html body .site-hdr,#page-mount .hero-head,#page-mount .hero-head + div,#page-mount .hero-clients > *,#page-mount .demo-intro{zoom:var(--wz);--wk:1}

/* style */
.cookie-bar{position:fixed;z-index:80;bottom:max(16px,env(safe-area-inset-bottom,0px));inset-inline-start:16px;max-width:560px;background:#FFFFFF;color:#212936;border:1px solid #E3E6EE;border-radius:16px;box-shadow:0 24px 48px -20px rgba(var(--navy-rgb),.35);padding:16px 18px;display:flex;flex-direction:column;gap:12px;font-family:Assistant,'Segoe UI',system-ui,sans-serif;animation:ckIn .32s cubic-bezier(.23,1,.32,1) both}
.cookie-bar[hidden]{display:none}
.cookie-bar.ck-out{animation:ckOut .2s cubic-bezier(.4,0,1,1) both}
@keyframes ckIn{from{opacity:0;transform:translateY(12px)}}
@keyframes ckOut{to{opacity:0;transform:translateY(12px)}}
.cookie-bar p{margin:0;font-size:14.5px;line-height:1.5;color:#5D6471}
.cookie-bar a{color:#34579E;font-weight:700;text-decoration:underline}
.ck-actions{display:flex;gap:10px;flex-wrap:wrap}
.ck-actions button{font:inherit;font-size:14px;font-weight:700;padding:10px 18px;border-radius:99px;cursor:pointer;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color .2s ease}
.ck-actions button:active{transform:scale(.97)}
.ck-ess{background:#FFFFFF;color:var(--navy);border:1.5px solid var(--navy)}
.ck-all{background:var(--navy);color:#FFFFFF;border:1.5px solid var(--navy)}
html[lang=he] .cookie-bar [lang=en],html[lang=en] .cookie-bar [lang=he]{display:none}
html[lang=he] .cookie-bar{direction:rtl}
@media (max-width:600px){.cookie-bar{inset-inline:12px;max-width:none}}
@media (prefers-reduced-motion: reduce){.cookie-bar,.cookie-bar.ck-out{animation:none}}