@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:#0B0B14;background:#ffffff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4,p{margin:0}
@keyframes mkpulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
@keyframes mkspin{to{transform:rotate(360deg)}}
@keyframes mkblink{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes mkbar{0%{transform:scaleY(.28)}100%{transform:scaleY(1)}}
@keyframes mkdrift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-24px)}}
@keyframes mkfloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}
@keyframes mkfloat3{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes mkdash{to{stroke-dashoffset:-18}}
@keyframes mkrise{from{opacity:0;transform:translateY(72px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mkcardin{from{opacity:0;transform:translateY(26px) scale(.9)}to{opacity:1;transform:none}}
@keyframes mkfade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes mkmsgL{from{opacity:0;transform:translateX(-14px) translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes mkmsgR{from{opacity:0;transform:translateX(14px) translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes mkgridpan{from{background-position:0 0}to{background-position:0 -40px}}
@keyframes mkping{0%{transform:scale(.6);opacity:.7}80%,100%{transform:scale(2.1);opacity:0}}
@keyframes mktypedot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}
@keyframes mkwaveb{0%,100%{transform:scaleY(.28)}50%{transform:scaleY(1)}}
@keyframes mkfillpub{0%{width:14%}50%{width:64%}100%{width:88%}}
@keyframes mkflowdash{to{background-position:0 -24px}}
@keyframes mknodepulse{0%,100%{box-shadow:0 0 0 0 rgba(128,82,255,.28)}50%{box-shadow:0 0 0 6px rgba(128,82,255,0)}}
@keyframes mkshimmer{0%{background-position:-260px 0}100%{background-position:260px 0}}
@keyframes mkwidgetglow{0%,100%{opacity:.5}50%{opacity:.9}}
@keyframes mkbarloop{0%{transform:scaleX(0)}90%,100%{transform:scaleX(1)}}
@media(max-width:900px){[data-eco-grid]{grid-template-columns:1fr!important}[data-eco-flank]{display:none!important}}
html,body{overflow-x:clip;max-width:100%}
@media(max-width:1024px){
  [data-r="bento"],[data-r="statgrid3"],[data-r="statgrid4"],[data-workforce-grid],[data-r="testi"]{grid-template-columns:repeat(2,1fr)!important}
  [data-r="dashgrid"]{grid-template-columns:236px 1fr!important}
  [data-r="dashnav"]{display:none!important}
}
@media(max-width:768px){
  [data-mk-sec]{padding-block:84px!important}
  [data-r="showcase"]{grid-template-columns:1fr!important}
  [data-r="showcase"]>div{padding:34px 24px!important}
  [data-r="pricegrid"]{grid-template-columns:1fr!important}
  [data-r="twohead"]{grid-template-columns:1fr!important;align-items:start!important}
}
@media(max-width:640px){
  [data-r="bento"],[data-r="statgrid3"],[data-r="statgrid4"],[data-r="problem2"],[data-workforce-grid],[data-r="testi"]{grid-template-columns:1fr!important}
  [data-r="statgrid3"]>div,[data-r="statgrid4"]>div{border-left:none!important;min-height:0!important}
  [data-r="statgrid3"]>div+div,[data-r="statgrid4"]>div+div{border-top:1px solid rgba(255,255,255,.13)!important}
  [data-r="dashgrid"]{grid-template-columns:1fr!important}
  [data-r="dashlist"]{display:none!important}
  [data-r="dashtop"]{padding:11px 14px!important;gap:6px!important}
  [data-r="dashwslabel"]{display:none!important}
  [data-r="dashpill-ap"]{display:none!important}
  [data-r="dashpill-ch"]{margin-left:auto!important}
  [data-r="ecochips"]{gap:5px!important}
  [data-r="ecochips"]>div{padding:3px 7px!important;gap:4px!important;border-radius:9px!important}
  [data-r="ecochips"]>div>img{width:12px!important;height:12px!important}
  [data-r="ecochips"]>div>span{font-size:9.5px!important}
  [data-r="dashframe"]{aspect-ratio:auto!important;height:540px!important}
  [data-r="jline"],[data-r="jdot"]{display:none!important}
  [data-r="jvtrack"],[data-r="jvdot"]{display:block!important}
  [data-r="jnodes"]{flex-direction:column!important;gap:12px!important}
  [data-r="jnode"]{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;position:relative!important;z-index:1!important}
  [data-copy-body]{flex-direction:column!important}
  [data-mob16]{font-size:16px!important}
  [data-mk="hero"] h1{font-size:36px!important;max-width:366px!important;margin-left:auto!important;margin-right:auto!important;text-wrap:balance!important}
  [data-r="showcasetabs"]{flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;padding-bottom:6px!important;-webkit-overflow-scrolling:touch!important}
  [data-r="showcasetabs"] [data-mk-tab]{flex:0 0 auto!important;padding:7px 12px!important;font-size:12.5px!important;gap:6px!important}
  [data-r="showcasetabs"] [data-mk-tab]>span{display:none!important}
  [data-mk-panels] h3{font-size:20px!important}
}
@media(max-width:480px){
  [data-mk-sec]{padding-block:64px!important}
  [data-r="herocta"],[data-r="ctaact"]{flex-direction:column!important;align-items:stretch!important;width:100%!important}
  [data-r="herocta"]>a,[data-r="ctaact"]>a{width:100%!important;justify-content:center!important}
}
@media(max-width:380px){
  [data-mk-sec]{padding-inline:16px!important}
  [data-mk="hero"]{padding-left:16px!important;padding-right:16px!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
@media(max-width:860px){[data-mk="hero"]{padding-top:112px!important}[data-mk="hero-float"]{display:none!important}[data-mk="hero-stage"]{margin-top:44px!important;margin-bottom:60px!important}}

/* hover states (converted from style-hover) */
.scp0:hover { transform: translateY(-2px); box-shadow: rgba(128, 82, 255, 0.95) 0px 24px 50px -10px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset; }
.scp1:hover { transform: translateY(-2px); border-color: rgba(143, 140, 255, 0.7); }
.scp2:hover { transform: translateY(-2px); box-shadow: rgba(60, 40, 120, 0.5) 0px 12px 24px -14px; border-color: rgb(222, 214, 250); }
.scp3:hover { transform: translateY(-6px); }
.scp4:hover { transform: translateY(-4px); background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.17); }
.scp5:hover { transform: translateY(-5px); box-shadow: rgba(128, 82, 255, 0.42) 0px 42px 82px -34px; border-color: rgb(222, 214, 250); }
.scp6:hover { transform: translateY(-5px); box-shadow: rgba(46, 125, 255, 0.42) 0px 42px 82px -34px; border-color: rgb(222, 214, 250); }
.scp7:hover { transform: translateY(-5px); box-shadow: rgba(168, 85, 247, 0.42) 0px 42px 82px -34px; border-color: rgb(222, 214, 250); }
.scp8:hover { transform: translateY(-5px); box-shadow: rgba(22, 163, 74, 0.4) 0px 42px 82px -34px; border-color: rgb(222, 214, 250); }
.scp9:hover { transform: translateY(-5px); box-shadow: rgba(99, 102, 241, 0.42) 0px 42px 82px -34px; border-color: rgb(222, 214, 250); }
.scpa:hover { transform: translateY(-5px); box-shadow: rgba(113, 70, 240, 0.42) 0px 42px 82px -34px; border-color: rgb(222, 214, 250); }
.scpb:hover { transform: translateY(-2px); box-shadow: rgba(128, 82, 255, 0.85) 0px 24px 50px -14px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset; }
.scpc:hover { transform: translateY(-6px); box-shadow: rgba(128, 82, 255, 0.45) 0px 44px 78px -34px; }
.scpd:hover { transform: translateY(-6px); box-shadow: rgba(128, 82, 255, 0.6) 0px 46px 84px -32px; }
.scpe:hover { transform: translateY(-3px); box-shadow: rgba(128, 82, 255, 1) 0px 30px 60px -14px, rgba(255, 255, 255, 0.28) 0px 1px 0px inset; }
.scpf:hover { transform: translateY(-3px); border-color: rgba(143, 140, 255, 0.7); }
.scpg:hover { transform: translateY(-2px); box-shadow: rgba(128, 82, 255, 0.9) 0px 22px 44px -12px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset; }
.scph:hover { transform: translateY(-2px); }
.scpi:hover { color: rgb(255, 255, 255); }