.nav li{list-style:none;display:contents}
.nav .current-menu-item>a,.nav .current_page_item>a{color:#fff;background:rgba(255,255,255,.08)}
.ftr ul li{list-style:none}
.ftr .bot a{color:var(--tx2)}
.dmock{--ac:#19c6f5;width:100%;max-width:560px;margin-inline:auto;border-radius:18px;background:linear-gradient(160deg,#0f2552,#071430);border:1px solid var(--line2);box-shadow:0 40px 80px -30px rgba(10,108,240,.6);overflow:hidden;direction:ltr}
.dm-top{display:flex;gap:6px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.dm-top i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.dm-top span{margin-left:auto;width:40%;height:8px;border-radius:6px;background:rgba(255,255,255,.08)}
.dm-body{display:grid;grid-template-columns:22% 1fr;min-height:250px}
.dm-side{padding:14px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.dm-side b{height:22px;border-radius:7px;background:var(--ac);opacity:.9;margin-bottom:6px}
.dm-side span{height:9px;border-radius:5px;background:rgba(255,255,255,.08)}
.dm-side span.on{background:color-mix(in srgb,var(--ac) 60%,transparent)}
.dm-main{padding:14px;display:flex;flex-direction:column;gap:12px}
.dm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dm-kpis div{padding:10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.dm-kpis em{width:50%;height:6px;border-radius:4px;background:rgba(255,255,255,.12)}
.dm-kpis strong{width:70%;height:12px;border-radius:5px;background:var(--ac)}
.dm-chart{flex:1;min-height:90px;display:flex;align-items:flex-end;gap:6px;padding:10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.dm-chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--ac),rgba(10,108,240,.3));animation:grow 1.6s ease both}
@keyframes grow{from{transform:scaleY(.1);transform-origin:bottom}}
.dm-rows{display:flex;flex-direction:column;gap:6px}
.dm-rows div{height:10px;border-radius:5px;background:rgba(255,255,255,.06)}
.dm-rows div:nth-child(2){width:85%}.dm-rows div:nth-child(3){width:65%}
.dmock.sm{border-radius:0;border:0;box-shadow:none;max-width:none;height:100%}
.dmock.sm .dm-body{min-height:0;height:calc(100% - 29px)}
.dash-teaser{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:50px;border-radius:32px;background:linear-gradient(160deg,rgba(15,37,82,.7),rgba(8,23,51,.5));border:1px solid var(--line2)}
.dash-teaser p{color:var(--tx2);margin-bottom:24px}
.dash-hero{text-align:right;padding-bottom:30px}
.dh-in{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.dash-hero h1{margin:18px 0 14px}
.dash-hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.lvl{--ac:#2f8bff;position:relative;padding:34px 28px;border-radius:24px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;transition:.3s}
.lvl:hover{transform:translateY(-6px);border-color:var(--ac)}
.lvl.hot{background:linear-gradient(180deg,rgba(47,139,255,.16),var(--panel));border-color:var(--blue2)}
.lvl .pop{position:absolute;top:-13px;right:24px;padding:4px 14px;border-radius:20px;background:var(--grad);font-size:13px;font-weight:700}
.lv-n{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff;background:var(--ac)}
.lvl h3{font-size:24px;font-weight:800}
.lvl>p{color:var(--tx2)}
.lvl ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:8px 0 14px;flex:1}
.lvl li{display:flex;gap:10px;align-items:center;color:var(--tx2);font-size:15px}
.lvl li svg{width:18px;height:18px;color:var(--ac)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.tabs button{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:30px;background:var(--panel);border:1px solid var(--line);color:var(--tx2);font-weight:700;font-size:14px;transition:.2s}
.tabs button svg{width:16px;height:16px}
.tabs button:hover{color:#fff}
.tabs button.on{background:var(--grad);border-color:transparent;color:#fff}
.tabs.lv{margin-bottom:36px}
.tabs.lv button{padding:6px 14px;font-size:13px}
.demos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.demo{border-radius:22px;overflow:hidden;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;transition:.3s}
.demo:hover{transform:translateY(-6px);border-color:var(--line2)}
.demo[hidden]{display:none}
.dthumb{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#071430}
.dthumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.lvtag{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800;color:#fff;background:var(--ac)}
.dbody{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.dbody .tag{align-self:flex-start;font-size:12px;padding:3px 10px;border-radius:20px;background:rgba(25,198,245,.1);color:var(--cyan);border:1px solid rgba(25,198,245,.25)}
.dbody h3{font-size:20px;font-weight:800;line-height:1.4}
.dbody p{color:var(--tx2);font-size:15px}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fchips span{font-size:12px;padding:3px 10px;border-radius:20px;background:var(--panel2);color:var(--tx2)}
.dact{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.dact .btn{flex:1;padding:11px 14px;font-size:14px}
.empty-demos{text-align:center;padding:40px;border-radius:20px;border:1px dashed var(--line2);color:var(--tx2)}
.types{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ty{padding:24px 20px;border-radius:18px;background:var(--panel);border:1px solid var(--line);transition:.3s}
.ty:hover{border-color:var(--cyan);transform:translateY(-4px)}
.ty .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--grad);color:#fff;margin-bottom:12px}
.ty h4{font-size:16px;font-weight:800;margin-bottom:6px}
.ty p{font-size:14px;color:var(--tx2)}
.feats4{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc-list{display:flex;flex-direction:column;gap:16px}
.srow{display:grid;grid-template-columns:110px 1.2fr 1fr auto;gap:28px;align-items:center;padding:28px 30px;border-radius:22px;background:var(--panel);border:1px solid var(--line);transition:.3s;scroll-margin-top:100px}
.srow:hover{border-color:var(--line2);background:var(--panel2)}
.sr-ic{position:relative}
.sr-ic .num{position:absolute;top:-14px;left:-6px;font-size:40px;font-weight:800;color:rgba(120,160,255,.1);direction:ltr}
.sr-ic .ic{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 14px 30px -12px rgba(10,108,240,.9)}
.sr-ic .ic svg{width:32px;height:32px}
.sr-tx h2{font-size:24px;font-weight:800;margin-bottom:6px}
.sr-tx p{color:var(--tx2)}
.sr-ul{list-style:none;display:grid;gap:7px}
.sr-ul li{display:flex;gap:8px;align-items:center;color:var(--tx2);font-size:15px}
.sr-ul svg{width:17px;height:17px;color:var(--cyan)}
.about-mv{display:flex;flex-direction:column;gap:16px}
.smap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:100px}
.sm-col{padding:28px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.sm-col h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:16px;color:var(--cyan)}
.sm-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.sm-col ul ul{padding-inline-start:16px;margin-top:8px}
.sm-col a{color:var(--tx2);transition:.2s}
.sm-col a:hover{color:#fff}
#contact,#demos,#levels,#services,#why,#process,#dashboards,#sectors{scroll-margin-top:80px}
@media (max-width:1024px){
  .dash-teaser,.dh-in{grid-template-columns:1fr}
  .levels,.demos{grid-template-columns:1fr 1fr}
  .types{grid-template-columns:repeat(3,1fr)}
  .feats4,.smap{grid-template-columns:1fr 1fr}
  .srow{grid-template-columns:90px 1fr}
  .srow .sr-ul,.srow .btn{grid-column:2}
}
@media (max-width:640px){
  .dash-teaser{padding:28px 20px}
  .levels,.demos,.types,.feats4,.smap{grid-template-columns:1fr}
  .srow{grid-template-columns:1fr;padding:24px}
  .srow .sr-ul,.srow .btn{grid-column:auto}
  .tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
  .tabs button{flex:none}
}
/* services auto slider */
.svc-slider{position:relative}
.svc-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 2px 14px;-webkit-overflow-scrolling:touch}
.svc-track::-webkit-scrollbar{display:none}
.svc-track .sv{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;opacity:1;transform:none}
.svc-track .sv:hover{transform:translateY(-6px)}
.svc-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.sl-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--tx2);transition:.2s}
.sl-btn:hover{background:var(--grad);color:#fff;border-color:transparent}
.sl-dots{display:flex;gap:8px}
.sl-dots button{width:9px;height:9px;border-radius:9px;background:var(--line2);transition:.3s;padding:0}
.sl-dots button.on{width:28px;background:var(--grad)}
.svc-slider::after{content:"";position:absolute;bottom:72px;left:0;height:3px;width:var(--prog,0%);background:var(--grad);border-radius:3px;opacity:.6;transition:width .1s linear}
@media (max-width:1024px){.svc-track .sv{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:640px){.svc-track .sv{flex-basis:85%}}