body{margin:0;background:#FFFFFF}
a{color:#0F0A5E}a:hover{color:#2A2290}
:focus-visible{outline:2px solid #16D1F2;outline-offset:3px}
[lang=en] .h1,[lang=en] .h2,[lang=en] .hd{letter-spacing:-.02em}
.wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,4vw,56px);box-sizing:border-box}
.navbtn{background:transparent;border:0;color:#2B2760;font:inherit;font-size:15px;font-weight:500;padding:10px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.navbtn:hover,.navbtn[aria-expanded="true"],.navbtn.cur{background:#F1F0FA;color:#0F0A5E}
.navlink{color:#2B2760;text-decoration:none;font-size:15px;font-weight:500;padding:10px 12px;border-radius:999px}
.navlink:hover,.navlink[aria-current="page"]{background:#F1F0FA;color:#0F0A5E}
.navlink[aria-current="page"]{font-weight:600}
.mm a{color:#0F0A5E;text-decoration:none}
.mm a:hover{text-decoration:underline;text-underline-offset:3px}
.mm a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#16D1F2;text-decoration-thickness:2px}
.tab{border:0;background:transparent;font:inherit;cursor:pointer;position:relative;overflow:hidden;color:inherit}
.menu-btn{display:none}
.sm-only{display:none}
.hd{font-family:'Inter Tight','SFAR','IBM Plex Sans Arabic',sans-serif;font-weight:600}
.h2,.h1{text-wrap:balance}
.num{font-family:'Inter Tight',sans-serif;font-feature-settings:"tnum";white-space:nowrap}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#3A3570;padding:6px 14px;border-radius:999px;background:#FFFFFF;border:1px solid #E6E3F5;align-self:flex-start}
.eyebrow i{width:7px;height:7px;border-radius:999px;background:#16D1F2}
.center .eyebrow{align-self:center}
.ptag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:#8A4B00;background:#FFF4DE;border-radius:999px;padding:3px 10px;white-space:nowrap;vertical-align:middle}
.phd{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:#8A4B00;background:#FFF4DE;border:1px dashed #E8B65C;border-radius:9px;padding:2px 9px;white-space:nowrap}
.av{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex:0 0 auto;box-sizing:border-box;line-height:1}
.av1{background:#DDF6FC;color:#0A5F7E}.av2{background:#F1E8FE;color:#6B2BC9}.av3{background:#E9E8F7;color:#0F0A5E}.av4{background:#0F0A5E;color:#FFFFFF}.av5{background:#E1F5EC;color:#0F6E4F}.av6{background:#FFF4DE;color:#8A4B00}
.st{font-size:12px;line-height:18px;border-radius:999px;padding:2px 9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.trk{display:block;height:6px;border-radius:999px;background:#EEEDF8;position:relative;overflow:hidden}
.trk .bar{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px}
.sic{width:40px;height:40px;border-radius:12px;background:#F1F0FA;color:#0F0A5E;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#5E5A86;flex-wrap:wrap}
.crumb a{color:#5E5A86;text-decoration:none}.crumb a:hover{color:#0F0A5E;text-decoration:underline}
.crumb svg{opacity:.6}
.avail{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#3A3570;background:#F6F5FD;border-radius:999px;padding:7px 14px 7px 12px;text-decoration:none;align-self:flex-start}
.avail:hover{background:#F1F0FA;color:#0F0A5E}
.center .avail{align-self:center}
/* product window */
.win{background:#FFFFFF;border:1px solid #E6E3F5;border-radius:22px;box-shadow:0 30px 80px -24px rgba(15,10,94,.35);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.win-top{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #EFEDF8;background:#FFFFFF;font-size:13px;color:#5E5A86;flex:0 0 auto}
.win-search{flex:0 1 260px;height:30px;border-radius:9px;background:#F6F5FD;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:12px;color:#8C88B3;margin-inline-start:auto;min-width:0;white-space:nowrap;overflow:hidden}
.win-body{display:flex;min-height:0;flex:1 1 auto}
.win-rail{width:56px;flex:0 0 auto;border-inline-end:1px solid #EFEDF8;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;background:#FCFCFF}
.win-rail span{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#8C88B3}
.win-rail span.on{background:#EEEDF8;color:#0F0A5E}
.win-main{flex:1 1 auto;min-width:0;position:relative;background:#FBFBFE}
.pane{position:relative;height:100%;box-sizing:border-box;padding:20px}
.card{background:#FFFFFF;border:1px solid #E6E3F5;border-radius:14px;min-width:0}
.lbl{font-size:12px;color:#5E5A86}
.row{display:flex;align-items:center;gap:10px;min-width:0}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cursor{position:absolute;width:0;height:0;pointer-events:none;z-index:6;opacity:0}
.cursor svg{position:absolute;left:-4px;top:-2px;filter:drop-shadow(0 2px 3px rgba(15,10,94,.3))}
.toast{position:absolute;inset-inline-end:16px;bottom:16px;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#0A0745;color:#FFFFFF;font-size:12px;line-height:18px;box-shadow:0 20px 40px -16px rgba(4,2,30,.6);max-width:300px}
/* points list next to the stage */
.fgrid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:40px;align-items:start}
.plist{display:flex;flex-direction:column;gap:4px}
.pt{position:relative;display:flex;flex-direction:column;gap:6px;text-align:start;padding:16px 22px 16px 18px;border-radius:16px;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;transition:background-color .25s var(--est)}
.pt::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:2px;border-radius:2px;background:#E6E3F5}
.pt .vprog{position:absolute;inset-block:14px;inset-inline-start:0;width:2px;border-radius:2px;background:#0F0A5E;transform-origin:50% 0}
.pt b{font-size:18px;line-height:28px;color:#3A3570;transition:color .25s}
.pt span.pd{font-size:15px;line-height:26px;color:#8C88B3;transition:color .25s}
.pt.on{background:#F6F5FD}
.pt.on b{color:#0F0A5E}.pt.on span.pd{color:#3A3570}
.pt:hover b{color:#0F0A5E}
@keyframes vprog{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.mo .pt .vprog.run{animation:vprog var(--dur,7s) linear both}
.stagebox{position:sticky;top:104px}
/* tiles */
.tile{position:relative;display:flex;flex-direction:column;gap:14px;background:#FFFFFF;border:1px solid #E6E3F5;border-radius:22px;padding:24px;text-decoration:none;color:inherit;overflow:hidden;min-width:0}
.tile:hover{color:inherit}
.tile .go{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#0F0A5E;margin-top:auto}
.vig{position:relative;background:#F6F5FD;border-radius:14px;padding:14px;overflow:hidden;min-height:150px;box-sizing:border-box}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:0;align-items:stretch}
.plan{position:relative;border:1px solid #E6E3F5;border-radius:22px;padding:26px;display:grid;grid-template-rows:subgrid;grid-row:span 8;row-gap:12px;align-content:start;background:#FFFFFF;margin-bottom:16px}
.plan>*{min-width:0}
.plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:22px}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li svg{flex:0 0 auto;margin-top:3px;color:#0F6E4F}
.cmpw{border:1px solid #E6E3F5;border-radius:22px;background:#FFFFFF}
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;table-layout:fixed}
.cmp th,.cmp td{padding:14px 18px;text-align:center;border-bottom:1px solid #F0EEF9;vertical-align:middle}
.cmp th:first-child,.cmp td:first-child{text-align:start;width:32%}
.cmp thead th{position:sticky;top:72px;z-index:3;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid #E6E3F5;vertical-align:top;padding-block:18px 16px}
.cmp thead th:first-child{border-start-start-radius:22px}
.cmp thead th:last-child{border-start-end-radius:22px}
.cmp tr.grp td{background:#F6F5FD;font-weight:600;color:#0F0A5E;font-size:14px;padding-block:10px;border-bottom:0}
.cmp tbody tr:not(.grp):hover td{background:#FBFBFE}
.cmp td.hl,.cmp th.hl{background:rgba(241,240,250,.55)}
.cmp thead th.hl{background:rgba(246,245,253,.97)}
.ok{display:inline-flex;width:24px;height:24px;border-radius:999px;background:#E1F5EC;color:#0F6E4F;align-items:center;justify-content:center}
.no{display:inline-block;width:12px;height:2px;border-radius:2px;background:#D5D2EC;vertical-align:middle}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cmpsel{display:none}
/* faq */
.faqi{border:1px solid #E6E3F5;border-radius:18px;background:#FFFFFF;overflow:hidden}
.faqi>button{width:100%;min-height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:start;font-size:17px;font-weight:600;color:#0F0A5E}
.faqa{padding:0 22px 20px;font-size:16px;line-height:28px;color:#3A3570}
/* form */
.fld{display:flex;flex-direction:column;gap:7px;min-width:0}
.fld label{font-size:14px;font-weight:600;color:#2B2760}
.fld label i{font-style:normal;font-weight:500;color:#8C88B3;font-size:13px}
.inp{height:48px;border:1px solid #D5D2EC;border-radius:12px;background:#FFFFFF;padding:0 14px;font:inherit;font-size:15px;color:#111111;box-sizing:border-box;width:100%;transition:border-color .15s,box-shadow .15s}
textarea.inp{height:104px;padding:12px 14px;resize:vertical;line-height:24px}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235E5A86' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-inline-end:40px}
[dir=ltr] select.inp{background-position:right 14px center}
.inp:hover{border-color:#B9B5D9}
.inp:focus{outline:none;border-color:#0F0A5E;box-shadow:0 0 0 3px rgba(22,209,242,.35)}
.inp::placeholder{color:#9A96C4}
.ferr{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:20px;color:#A3203A}
.fgrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.fgrid2 .full{grid-column:1 / -1}
/* phone mock */
.phonef{width:260px;border-radius:40px;background:#0A0745;padding:10px;box-shadow:0 40px 80px -30px rgba(15,10,94,.6);box-sizing:border-box;flex:0 0 auto}
.phones{border-radius:31px;background:#FFFFFF;overflow:hidden;position:relative;height:520px;display:flex;flex-direction:column}
.notch{position:absolute;top:8px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:999px;background:#0A0745;z-index:4}
/* mobile drawer */
.drawer{position:fixed;inset:72px 0 0 0;z-index:29;background:#FFFFFF;overflow-y:auto;border-top:1px solid #E6E3F5}
.dgrp{border-bottom:1px solid #F0EEF9}
.dgrp>button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;color:#0F0A5E;padding:0 4px}
.dlinks{display:flex;flex-direction:column;gap:2px;padding:0 4px 16px}
.dlinks a{min-height:44px;display:flex;align-items:center;font-size:16px;color:#2B2760;text-decoration:none;border-radius:10px}
.dlinks b{font-size:13px;color:#5E5A86;font-weight:600;padding-top:10px}
/* bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s6{grid-column:span 6}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
.mcta{display:none}
@media (max-width:1100px){.nav-links{display:none!important}.menu-btn{display:inline-flex}.fgrid{grid-template-columns:minmax(0,1fr);gap:28px}.stagebox{position:relative;top:0;order:-1}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.hide-md{display:none!important}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.s2,.s3,.s4{grid-column:span 1}.s6{grid-column:span 2}.g2,.g2r{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:900px){.win-rail{display:none}.win-search{display:none}.flow{flex-direction:column;align-items:center!important}.fl-line{flex:0 0 18px!important;width:2px;height:18px!important;min-width:0!important;background:#C9C6EE!important}.fl-card{flex:0 0 auto!important;width:min(340px,100%);box-sizing:border-box}}
@media (max-width:760px){.sgrid{grid-template-columns:minmax(0,1fr)!important}.cmpsel{display:flex}.cmp th:not(:first-child),.cmp td:not(:first-child){display:none}.cmp.sel0 .c0,.cmp.sel1 .c1,.cmp.sel2 .c2,.cmp.sel3 .c3{display:table-cell!important}.cmp th:first-child,.cmp td:first-child{width:auto}.cmp td.hl,.cmp th.hl{background:transparent}.cmp thead th{top:136px}.fgrid2{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.g-st{grid-template-columns:minmax(0,1fr)!important}.mgrid{grid-template-columns:minmax(0,1fr)!important}.autogrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.end-login{display:none!important}.lg-only{display:none}.sm-only{display:inline}.hide-sm{display:none!important}.h1{font-size:40px!important;line-height:52px!important}.h2{font-size:32px!important;line-height:42px!important}.h3{font-size:24px!important;line-height:34px!important}.ctas{flex-direction:column;align-items:stretch!important}.plans{grid-template-columns:minmax(0,1fr)}.bento{grid-template-columns:minmax(0,1fr)}.s6{grid-column:span 1}.pane{padding:14px}.pt{padding:14px 16px 14px 14px}.pt b{font-size:17px}.sec{padding-block:72px!important}.tile{padding:20px}.plan{padding:22px}.phonef{width:236px}.phones{height:470px}
.mcta{display:flex;position:fixed;inset-inline:12px;bottom:12px;z-index:40;transform:translateY(140%);transition:transform .35s cubic-bezier(.6,0,.2,1)}.stk .mcta{transform:none}}
/* ===== motion ===== */
:root{--ein:cubic-bezier(.2,.7,.2,1);--est:cubic-bezier(.6,0,.2,1)}
.hdr::after{content:"";position:absolute;inset-inline:0;top:100%;height:18px;background:linear-gradient(rgba(15,10,94,.07),rgba(15,10,94,0));opacity:0;pointer-events:none;transition:opacity .25s var(--est)}
.scrolled .hdr::after{opacity:1}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes riseLg{from{opacity:0;transform:translateY(64px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes growX{from{transform:scaleX(0)}to{transform:none}}
@keyframes growY{from{transform:scaleY(0)}to{transform:none}}
@keyframes slideIn{from{opacity:0;transform:translateX(var(--sx,-28px))}to{opacity:1;transform:none}}
@keyframes dropIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes dotsLife{0%{opacity:0}12%{opacity:1}85%{opacity:1}100%{opacity:0}}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes ring{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes type{from{max-width:0}to{max-width:var(--tw,12em)}}
@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,209,242,.55)}70%{box-shadow:0 0 0 12px rgba(22,209,242,0)}100%{box-shadow:0 0 0 0 rgba(22,209,242,0)}}
@keyframes press{0%,100%{transform:none}50%{transform:scale(.94)}}
@keyframes flash{0%{background:#DDF6FC}100%{background:transparent}}
@keyframes chkIn{from{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
.spin{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#FFFFFF;display:inline-block;box-sizing:border-box;animation:spin .8s linear infinite}
@keyframes livep{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(309px)}}
[dir=rtl]{--sx:28px}
.mo [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ein),transform .8s var(--ein);transition-delay:var(--d,0ms)}
.mo [data-rv].in{opacity:1;transform:none}
.mo [data-rv].in.done{transition:transform .2s var(--est);transition-delay:0s}
.mo [data-rv]:not(.in) *{animation-play-state:paused!important}
.mo [data-loop]:not(.play) *,.mo [data-loop]:not(.play)::before{animation-play-state:paused!important}
.mo [data-hero]{animation:rise .8s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .hw{display:inline-block;animation:rise .7s var(--ein) both;animation-delay:var(--d,0ms)}
.bar,.gbar,.tprog,.strike{transform-origin:right center}
[dir=ltr] .bar,[dir=ltr] .gbar,[dir=ltr] .tprog,[dir=ltr] .strike{transform-origin:left center}
.mo .bar{animation:growX 1.2s var(--ein) both;animation-delay:var(--d,0ms)}
.vbar{display:block;transform-origin:50% 100%}
.mo .vbar{animation:growY .9s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .pane{animation:fade .35s var(--est) both}
.mo .stg{animation:rise .5s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .pp{animation:pop .35s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .pin{animation:popIn .45s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .gbar{animation:growX .8s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .dn{animation:dropIn .5s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .sli{animation:slideIn .55s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .fd{animation:fade .5s var(--est) both;animation-delay:var(--d,0ms)}
.mo .fo{animation:fadeOut .3s var(--est) both;animation-delay:var(--d,0ms)}
.mo .draw{stroke-dasharray:1;animation:draw .9s var(--est) both;animation-delay:var(--d,0ms)}
.typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}
.mo .typed{max-width:0;animation:type var(--tdur,1s) steps(var(--ts,10)) both;animation-delay:var(--d,0ms)}
.caret{display:inline-block;width:1.5px;height:1.1em;background:#0F0A5E;vertical-align:middle;margin-inline-start:1px}
.mo .caret{animation:caret 1s steps(1) infinite}
.mo .pulse{animation:pulse 1.6s var(--est) infinite;animation-delay:var(--d,0ms)}
.mo .press{animation:press .35s var(--est) both;animation-delay:var(--d,0ms)}
.mo .flash{animation:flash 1.4s var(--est) both;animation-delay:var(--d,0ms)}
.mo .chk{animation:chkIn .4s var(--ein) both;animation-delay:var(--d,0ms)}
.mo .live{animation:livep 1.6s ease-in-out infinite}
.dots{display:none}
.mo .dots{display:inline-flex;gap:4px;animation:dotsLife var(--dl,.9s) linear both;animation-delay:var(--d,0s)}
.dots span{width:6px;height:6px;border-radius:999px;background:#9A96C4;animation:blink 1s infinite}
.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}
.ringc{position:relative}
.ringc::after{content:"";position:absolute;inset:-4px;border-radius:inherit;box-shadow:0 0 0 3px rgba(22,209,242,.45);opacity:0;pointer-events:none}
.mo .ringc::after{animation:ring 1.6s var(--est) both;animation-delay:var(--d,0ms)}
.tprog{position:absolute;inset-inline:16px;bottom:5px;height:2px;border-radius:2px;background:#16D1F2;animation:prog var(--dur,6s) linear both}
.drift{position:relative;overflow:hidden}
.drift::before{content:"";position:absolute;top:0;bottom:0;left:-330px;right:-330px;background-image:repeating-linear-gradient(115deg,transparent 0 140px,rgba(255,255,255,.03) 140px 280px);pointer-events:none}
.drift>*{position:relative}
.mo .drift::before{animation:drift 30s linear infinite}
.mo .pnum{animation:dropIn .3s var(--est) both}
.mo .faqa{animation:dropIn .3s var(--est) both}
.mo .mmx{animation:dropIn .25s var(--est) both}
.mo .drawer{animation:fade .2s var(--est) both}
/* cycling layers: N layers share one loop */
.cyc{position:relative}
.cyc>.ly{position:absolute;inset:0}
.cyc>.ly:not(:first-child){opacity:0}
@keyframes cyc4{0%{opacity:0}2%,23%{opacity:1}25%,100%{opacity:0}}
@keyframes cyc2{0%{opacity:0}3%,47%{opacity:1}50%,100%{opacity:0}}
@keyframes cyc3{0%{opacity:0}2%,31%{opacity:1}33.3%,100%{opacity:0}}
.mo .cyc>.ly{opacity:0;animation:var(--cn,cyc4) var(--ct,10s) var(--est) infinite;animation-delay:var(--cd,0s)}
.lift{position:relative;transition:transform .2s var(--est)}
.lift::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 22px 44px -20px rgba(15,10,94,.35);opacity:0;transition:opacity .2s var(--est);pointer-events:none}
.cta svg,.go svg{transition:transform .2s var(--est)}
@media (hover:hover){.lift:hover,.mo [data-rv].in.done.lift:hover{transform:translateY(-4px)}.lift:hover::after{opacity:1}.cta:hover svg,.tile:hover .go svg{transform:translateX(-4px)}[dir=ltr] .cta:hover svg,[dir=ltr] .tile:hover .go svg{transform:translateX(4px)}}

.cyh{opacity:0}.cyh.f{opacity:1}
.mo .cyh{opacity:0;animation:var(--cn,cyc4) var(--ct,10s) var(--est) infinite;animation-delay:var(--cd,0s)}
@keyframes popOut{0%{opacity:0;transform:translateY(10px) scale(.96)}14%,82%{opacity:1;transform:none}100%{opacity:0;transform:scale(.98)}}
.mo .modal{animation:popOut var(--md,1.6s) var(--ein) both;animation-delay:var(--d,0ms)}
[data-astra-root]:not(.mo) .modal{display:none}
[data-astra-root]:not(.mo) .fo{opacity:0}
@keyframes curIn{0%{opacity:0;transform:translate(var(--cx,-70px),var(--cy,60px))}25%{opacity:1}100%{opacity:1;transform:none}}
@keyframes curTap{0%,100%{transform:none}50%{transform:scale(.82)}}
.cursor .cv{display:block}
.mo .cursor{animation:curIn .8s var(--ein) both,fadeOut .3s var(--est) forwards;animation-delay:var(--d,0ms),calc(var(--d,0ms) + var(--hold,1.4s))}
.mo .cursor .cv{animation:curTap .3s var(--est) both;animation-delay:calc(var(--d,0ms) + .8s)}
[dir=rtl] .cursor{--cx:70px}
.sline{position:absolute;inset-inline:0;top:52%;height:1.5px;background:#5E5A86;transform-origin:right center}
[dir=ltr] .sline{transform-origin:left center}
.mo .sline{animation:growX .4s var(--est) both;animation-delay:var(--d,0ms)}
.mo .dnt{animation:donutDraw 1.2s var(--ein) both;animation-delay:var(--d,0ms)}
@keyframes donutDraw{from{stroke-dasharray:0 100}}
.gsvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
[dir=rtl] .gsvg{transform:scaleX(-1)}
mark.hit{background:#DDF6FC;color:#0A5F7E;border-radius:4px;padding:0 2px}
.tbtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:9px;border:1px solid #E6E3F5;background:#FFFFFF;font-size:12px;font-weight:600;color:#3A3570;white-space:nowrap}
.fchip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:#EEEDF8;color:#0F0A5E;font-size:12px;font-weight:600;white-space:nowrap}
.bub{max-width:82%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:21px}
.bub.me{background:#0F0A5E;color:#FFFFFF;align-self:flex-end;border-end-end-radius:4px}
.bub.ai{background:#FFFFFF;color:#111111;border:1px solid #E6E3F5;align-self:flex-start;border-end-start-radius:4px}
.tog{width:34px;height:20px;border-radius:999px;background:#D5D2EC;position:relative;display:inline-block;flex:0 0 auto}
.tog i{position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:999px;background:#FFFFFF;box-shadow:0 1px 2px rgba(15,10,94,.3)}
.tog.on{background:#0F0A5E}.tog.on i{inset-inline-start:16px}
@keyframes togOn{from{background:#D5D2EC}to{background:#0F0A5E}}
@keyframes knobR{from{transform:none}to{transform:translateX(-14px)}}
@keyframes knobL{from{transform:none}to{transform:translateX(14px)}}
.mo .tog.flip{animation:togOn .3s var(--est) both;animation-delay:var(--d,0ms)}
.mo .tog.flip i{animation:knobL .3s var(--est) both;animation-delay:var(--d,0ms)}
.mo [dir=rtl] .tog.flip i,[dir=rtl].mo .tog.flip i{animation-name:knobR}
[data-astra-root]:not(.mo) .tog.flip{background:#0F0A5E}
[data-astra-root]:not(.mo)[dir=ltr] .tog.flip i{transform:translateX(14px)}
[data-astra-root]:not(.mo)[dir=rtl] .tog.flip i{transform:translateX(-14px)}
/* ===== solutions & industries ===== */
.pipe{display:flex;align-items:stretch;gap:0;min-width:0}
.pipe .pnode{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:#FFFFFF;border:1px solid #E6E3F5;box-sizing:border-box}
.pipe .pnode.cur{border-color:#0F0A5E;box-shadow:0 14px 30px -18px rgba(15,10,94,.55)}
.pipe .plink{flex:0 0 16px;height:2px;align-self:center;background:#C9C6EE}
.pnum{width:22px;height:22px;border-radius:999px;background:#F1F0FA;color:#0F0A5E;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-family:'Inter Tight',sans-serif}
.vstep{display:flex;flex-direction:column;gap:0;position:relative}
.vstep .vs{position:relative;display:flex;gap:12px;align-items:flex-start;padding-bottom:16px}
.vstep .vs:last-child{padding-bottom:0}
.vstep .vs::before{content:"";position:absolute;top:26px;bottom:2px;inset-inline-start:11px;width:2px;background:#E6E3F5}
.vstep .vs:last-child::before{display:none}
.vstep .vs.vok::before{background:#0F6E4F}
.hcard{background:#FFFFFF;border:1px solid #E6E3F5;border-radius:22px;box-shadow:0 30px 70px -30px rgba(15,10,94,.4);padding:22px;display:flex;flex-direction:column;gap:16px;min-width:0;box-sizing:border-box}
.trow{display:grid;grid-template-columns:var(--cols);align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid #F3F2FA;font-size:12.5px;min-width:0}
.trow.th{font-size:11.5px;color:#5E5A86;font-weight:600;padding-block:6px 8px}
.calg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.calg .cd{min-height:52px;border-radius:9px;background:#FFFFFF;border:1px solid #F0EEF9;padding:5px;display:flex;flex-direction:column;gap:3px;box-sizing:border-box;min-width:0;font-size:10.5px}
.calg .cd.mute{background:transparent;border-color:transparent;color:#B9B5D9}
.calg .ev{display:block;border-radius:5px;padding:1px 5px;font-size:10px;line-height:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ichip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #E6E3F5;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s var(--est),color .2s var(--est);white-space:nowrap}
.ichip:hover{border-color:#C9C6EE}
.gn{flex:0 0 var(--nw,170px)}
.mtile{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:22px;background:#FFFFFF;border:1px solid #E6E3F5;text-decoration:none;color:inherit;min-width:0;box-sizing:border-box}
.mtile:hover{color:inherit}
.mtile .go{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#0F0A5E;margin-top:auto}
.glyph{height:56px;border-radius:12px;background:#F6F5FD;position:relative;overflow:hidden;display:flex;align-items:center;gap:6px;padding:0 12px;box-sizing:border-box}
.note{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:#F6F5FD;color:#3A3570;font-size:15px;line-height:26px;text-align:start}
@media (max-width:640px){.pipe{flex-direction:column}.pipe .plink{flex:0 0 12px;width:2px;height:12px}.trow{grid-template-columns:var(--colsm,var(--cols))}.gn{flex-basis:112px!important}.calg .cd{min-height:40px;padding:3px}.calg .ev{font-size:0;height:5px;padding:0}.hcard{padding:18px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.mo .cyc>.ly:not(:first-child){opacity:0!important}.mo .cyc>.ly:first-child{opacity:1!important}}

/* ===== website part 3 (company, support, legal, resources) ===== */
.srch{position:relative;display:flex;align-items:center;width:100%;max-width:640px}
.srch>svg{position:absolute;inset-inline-start:18px;color:#5E5A86;pointer-events:none}
.srch .inp{height:58px;border-radius:999px;padding-inline:50px 22px;font-size:16px;box-shadow:0 14px 34px -22px rgba(15,10,94,.45)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips .ichip{cursor:pointer;background:#FFFFFF;color:#2B2760}
.chips .ichip[aria-pressed="true"]{background:#0F0A5E;border-color:#0F0A5E;color:#FFFFFF}
.toc{display:flex;flex-direction:column;gap:2px}
.toc a{display:flex;gap:10px;padding:8px 12px;border-radius:10px;color:#3A3570;text-decoration:none;font-size:14px;line-height:22px}
.toc a:hover{background:#F1F0FA;color:#0F0A5E}
.toc a b{font-family:'Inter Tight',sans-serif;font-weight:600;color:#8C88B3;min-width:18px}
.lgl{display:flex;flex-direction:column;gap:40px;min-width:0}
.lgl section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:96px}
.lgl h2{margin:0;font-family:'Inter Tight','SFAR','IBM Plex Sans Arabic',sans-serif;font-weight:600;font-size:24px;line-height:34px;color:#0F0A5E;display:flex;gap:12px;align-items:baseline}
.lgl h2 bdi{font-family:'Inter Tight',sans-serif;color:#8C88B3;font-size:18px}
.lgl p{margin:0;font-size:17px;line-height:31px;color:#2B2760}
.lgl ul{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:10px;font-size:17px;line-height:30px;color:#2B2760}
.lgl li::marker{color:#9A96C4}
.lgl b{color:#0F0A5E;font-weight:600}
.prose{display:flex;flex-direction:column;gap:22px;font-size:19px;line-height:36px;color:#2B2760;min-width:0}
.prose p{margin:0}
.prose h2{margin:20px 0 0;font-family:'Inter Tight','SFAR','IBM Plex Sans Arabic',sans-serif;font-weight:600;font-size:30px;line-height:42px;color:#0F0A5E}
.prose ul,.prose ol{margin:0;padding-inline-start:24px;display:flex;flex-direction:column;gap:12px}
.prose li::marker{color:#5E5A86;font-family:'Inter Tight',sans-serif;font-weight:600}
.prose b{color:#0F0A5E;font-weight:600}
.qcard{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:22px;background:#FFFFFF;border:1px solid #E6E3F5;min-width:0}
.cover{position:relative;height:190px;border-radius:16px;overflow:hidden;background:#0F0A5E;display:flex;align-items:flex-end;padding:18px;box-sizing:border-box}
.cover::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(115deg,transparent 0 70px,rgba(255,255,255,.035) 70px 140px)}
.cover>*{position:relative}
.kv{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:10px 24px;font-size:15px;line-height:26px}
.kv dt{color:#5E5A86}.kv dd{margin:0;color:#111111;font-weight:500}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g3 .span2{grid-column:span 2}
.e404{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:200px;line-height:1;letter-spacing:-.04em;color:#0F0A5E}
@media (max-width:1100px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.lgrid{grid-template-columns:minmax(0,1fr)!important}.tocw{position:relative!important;top:0!important}}
@media (max-width:640px){.g3{grid-template-columns:minmax(0,1fr)}.g3 .span2{grid-column:auto}.kv{grid-template-columns:minmax(0,1fr);gap:2px 0}.kv dd{margin-bottom:10px}.e404{font-size:128px}.prose{font-size:18px;line-height:34px}.prose h2{font-size:25px;line-height:36px}.cover{height:160px}.lgl p,.lgl ul{font-size:16px;line-height:29px}}

body{font-family:"Inter Tight","IBM Plex Sans Arabic",sans-serif} [data-server-slot]{min-width:0}