@layer components{.mk .dk-night{--dk-glow:#3f7cff;isolation:isolate;color:#f8f8f8;color:lab(97.68% -.0000298023 .0000119209);background:#030713;background:lab(1.88437% .579476 -6.02885);border-radius:40px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.mk .dk-night{--dk-glow:lab(53.5104% 18.422 -77.3965)}}.mk .dk-aurora{z-index:-1;filter:blur(40px);height:120%;animation:dk-aurora calc(18s / max(var(--mk-motion), .01)) ease-in-out infinite alternate;background:radial-gradient(40% 35% at 30% 30%,#235efa8c,#0000 70%),radial-gradient(35% 30% at 72% 22%,#008fae73,#0000 70%),radial-gradient(30% 25% at 55% 60%,#7235d059,#0000 70%);background:radial-gradient(40% 35% at 30% 30%,lab(44.5961% 28.6518 -84.4768/.55),#0000 70%),radial-gradient(35% 30% at 72% 22%,lab(54.3166% -36.2341 -41.5686/.45),#0000 70%),radial-gradient(30% 25% at 55% 60%,lab(38.0006% 51.1646 -70.8194/.35),#0000 70%);position:absolute;inset:-30% -10% auto}.mk .dk-grid{z-index:-1;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-image:linear-gradient(lab(100% 0 0/.06) 1px,#0000 1px),linear-gradient(90deg,lab(100% 0 0/.06) 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 0,#000,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 0,#000,#0000 75%)}.mk .dk-horizon{inset-inline:-25%;height:120%;box-shadow:0 -20px 80px -10px var(--dk-glow), inset 0 30px 60px -30px #96bfffb3;background:radial-gradient(60% 40% at 50% 0,#2d67e473,#030713 70%);background:radial-gradient(60% 40% at 50% 0,lab(45.5659% 17.4037 -70.3361/.45),lab(1.88437% .579476 -6.02885) 70%);border-top:1px solid #b1cfffcc;border-top:1px solid lab(82.0902% -1.78346 -36.0135/.8);border-radius:50%;position:absolute;bottom:-70%}@supports (color:lab(0% 0 0)){.mk .dk-horizon{box-shadow:0 -20px 80px -10px var(--dk-glow), inset 0 30px 60px -30px lab(76.1148% -.827253 -42.8969/.7)}}.mk .dk-horizon-end{bottom:-95%}.mk .dk-pill{color:#fffc;color:lab(100% 0 0/.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;background:lab(100% 0 0/.06);border:1px solid #ffffff26;border:1px solid lab(100% 0 0/.15);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.875rem;display:inline-flex}.mk .dk-dot{width:8px;height:8px;animation:dk-beat calc(2s / max(var(--mk-motion), .01)) ease-out infinite;background:#4cd676;background:lab(76.742% -54.3943 35.916);border-radius:50%;box-shadow:0 0 #4cd67699;box-shadow:0 0 lab(76.742% -54.3943 35.916/.6)}.mk .dk-h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.5rem,1.5rem + 4.4vw,5.75rem);font-weight:700;line-height:1.04}.mk .dk-h2{letter-spacing:-.025em;font-size:clamp(1.75rem,1.3rem + 1.8vw,3rem);font-weight:700;line-height:1.1}.mk .dk-shimmer{color:#0000;animation:dk-shimmer calc(5s / max(var(--mk-motion), .01)) linear infinite;background-image:linear-gradient(100deg,#71a3ff 20%,#f4f9ff 40%,#71a3ff 60%,#60ccfc 80%);background-image:linear-gradient(100deg,lab(66.413% 3.73134 -53.3546) 20%,lab(97.6602% -2.12559 -7.10934) 40%,lab(66.413% 3.73134 -53.3546) 60%,lab(77.0952% -21.6631 -33.6571) 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text}.mk .dk-in{animation:dk-in calc(.9s * var(--mk-motion)) var(--mk-ease-out) both;animation-delay:calc(var(--d,0) * .11s * var(--mk-motion))}.mk .dk-btn{min-height:52px;transition:translate var(--mk-dur-ui) var(--mk-ease-out), box-shadow var(--mk-dur-ui) var(--mk-ease-out);border-radius:999px;align-items:center;gap:.625rem;padding:0 1.5rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.mk .dk-btn-glow{color:#fff;box-shadow:inset 0 1px 0 #ffffff40, 0 12px 40px -10px var(--dk-glow,#3f7cff);background:#2061f5;background:lab(44.9078% 24.7281 -80.7899)}@supports (color:lab(0% 0 0)){.mk .dk-btn-glow{box-shadow:inset 0 1px 0 lab(100% 0 0/.25), 0 12px 40px -10px var(--dk-glow,lab(53.5104% 18.422 -77.3965))}}.mk .dk-btn-glow:hover{translate:0 calc(-2px * var(--mk-motion));box-shadow:inset 0 1px 0 #ffffff40, 0 18px 56px -8px var(--dk-glow,#3f7cff)}@supports (color:lab(0% 0 0)){.mk .dk-btn-glow:hover{box-shadow:inset 0 1px 0 lab(100% 0 0/.25), 0 18px 56px -8px var(--dk-glow,lab(53.5104% 18.422 -77.3965))}}.mk .dk-btn-glow:after{content:"";animation:dk-sheen calc(4s / max(var(--mk-motion), .01)) ease-in-out infinite;background:linear-gradient(110deg,#0000 35%,#ffffff59 50%,#0000 65%);background:linear-gradient(110deg,#0000 35%,lab(100% 0 0/.35) 50%,#0000 65%);position:absolute;inset:0;translate:-120%}.mk .dk-btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;background:lab(100% 0 0/.06);border:1px solid #fff3;border:1px solid lab(100% 0 0/.2)}.mk .dk-ver{font-size:.75rem;font-family:var(--mk-font-mono);background:#ffffff2e;background:lab(100% 0 0/.18);border-radius:999px;padding:.125rem .5rem}.mk .dk-stage{perspective:1400px}.mk .dk-window{background:var(--mk-surface);max-width:1040px;color:var(--mk-ink);box-shadow:0 -10px 120px -20px var(--dk-glow);transform-origin:50% 100%;border:1px solid #ffffff24;border:1px solid lab(100% 0 0/.14);border-bottom:0;border-radius:22px 22px 0 0;margin-inline:auto;overflow:hidden}@supports (animation-timeline:view()){.mk:not([data-motion=reduce]) .dk-window{animation:linear both dk-tilt;animation-timeline:view();animation-range:entry cover 40%}}.mk .dk-titlebar{border-bottom:1px solid var(--mk-line);align-items:center;gap:.5rem;height:40px;padding-inline:1rem;display:flex}.mk .dk-titlebar span{background:#ff645f;background:lab(63.3139% 59.7937 35.1683);border-radius:50%;width:12px;height:12px}.mk .dk-titlebar span:nth-child(2){background:#f7be2b;background:lab(80.4753% 12.2361 74.4039)}.mk .dk-titlebar span:nth-child(3){background:#57cb60;background:lab(73.1677% -50.536 42.2263)}.mk .dk-titlebar p{color:var(--mk-ink-muted);margin-inline:auto;padding-inline-end:3.5rem;font-size:.75rem;font-weight:600}.mk .dk-screen{background:var(--mk-bg-sunken);justify-content:center;align-items:center;min-height:380px;padding:2.5rem 1rem 3.5rem;display:flex}.mk .dk-chip{border:1px solid var(--mk-line);background:var(--mk-surface);white-space:nowrap;border-radius:999px;padding:.625rem 1.25rem;font-weight:500}.mk .dk-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"tables tables""offline once""stock backup""print print""reports languages";gap:1rem;display:grid}@media (min-width:1024px){.mk .dk-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"tables tables offline once""tables tables stock backup""reports reports print print""languages languages print print"}}.mk .dk-tile{border:1px solid var(--mk-line);background:var(--mk-surface);min-height:240px;transition:opacity calc(.25s * var(--mk-motion) + .15s) var(--mk-ease-out), translate calc(var(--mk-dur-reveal) * var(--mk-motion)) var(--mk-ease-out), border-color var(--mk-dur-ui);border-radius:28px;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.mk .dk-tile:before{content:"";z-index:0;background:radial-gradient(60% 50% at 50% 0%, var(--mk-accent-soft), transparent 70%);opacity:0;transition:opacity var(--mk-dur-reveal);position:absolute;inset:0}.mk .dk-tile:hover{border-color:var(--mk-accent-line)}.mk .dk-tile:hover:before{opacity:1}.mk .dk-tile>*{position:relative}.mk .dk-art{flex:1;place-items:center;min-height:110px;display:grid}.mk .dk-tile-big .dk-art{min-height:360px}.mk .dk-scene{justify-content:center;width:100%;display:flex}.mk .dk-icon{background:var(--mk-accent-soft);width:36px;height:36px;color:var(--mk-accent);border-radius:12px;flex:none;place-items:center;display:grid}.mk .dk-icon svg{width:18px;height:18px}.mk .dk-offline{width:96px;height:96px;color:var(--mk-accent);place-items:center;display:grid;position:relative}.mk .dk-ring{border:2px solid var(--mk-accent);opacity:0;animation:dk-ring calc(2.4s / max(var(--mk-motion), .01)) ease-out infinite;border-radius:50%;position:absolute;inset:0}.mk .dk-ring-late{animation-delay:calc(1.2s / max(var(--mk-motion), .01))}.mk .dk-once{letter-spacing:-.05em;color:var(--mk-accent);font-size:5.5rem;font-weight:800;line-height:1}.mk .dk-once span{color:var(--mk-ink-muted);font-size:.5em}.mk[data-motion-ready] .dk-tile[data-inview] .dk-once{animation:dk-pop calc(.7s * var(--mk-motion)) cubic-bezier(.34, 1.56, .64, 1) both}.mk .dk-meter{background:var(--mk-bg-sunken);border-radius:999px;width:100%;height:14px;overflow:hidden}.mk .dk-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--mk-accent), #00ade4);width:85%;height:100%;animation:dk-drain calc(5s / max(var(--mk-motion), .01)) steps(1, end) infinite;display:block}@supports (color:lab(0% 0 0)){.mk .dk-meter span{background:linear-gradient(90deg, var(--mk-accent), lab(65.4617% -24.5049 -41.557))}}.mk .dk-backup{width:100%;color:var(--mk-ink-muted);align-items:center;gap:.75rem;display:flex}.mk .dk-track{background:repeating-linear-gradient(90deg, var(--mk-line) 0 6px, transparent 6px 12px);flex:1;height:2px;position:relative}.mk .dk-track i{background:var(--mk-accent);width:10px;height:10px;box-shadow:0 0 12px var(--mk-accent);animation:dk-run calc(2s / max(var(--mk-motion), .01)) var(--mk-ease-inout) infinite;border-radius:50%;position:absolute;top:-4px;left:0}.mk .dk-bars{align-items:flex-end;gap:.5rem;width:100%;height:120px;display:flex}.mk .dk-bars span{height:calc(var(--h) * 100%);background:linear-gradient(180deg, var(--mk-accent), color-mix(in oklch, var(--mk-accent) 35%, transparent));transform-origin:bottom;animation:dk-grow calc(2.4s / max(var(--mk-motion), .01)) ease-in-out infinite alternate;animation-delay:calc(var(--i) * .14s);border-radius:8px 8px 3px 3px;flex:1}.mk .dk-words{text-align:center;width:100%;height:3.5rem;font-size:clamp(1.5rem,1rem + 2.4vw,2.25rem);font-weight:700;line-height:3.5rem;position:relative;overflow:hidden}.mk .dk-words span{opacity:0;animation:dk-word calc(8s / max(var(--mk-motion), .01)) var(--mk-ease-out) infinite;position:absolute;inset:0}.mk .dk-words span:nth-child(2){animation-delay:calc(2s / max(var(--mk-motion), .01))}.mk .dk-words span:nth-child(3){animation-delay:calc(4s / max(var(--mk-motion), .01))}.mk .dk-words span:nth-child(4){animation-delay:calc(6s / max(var(--mk-motion), .01))}.mk .dk-steps{view-timeline:--dk-steps block;gap:2.5rem;display:grid;position:relative}.mk .dk-steps li{text-align:center;flex-direction:column;align-items:center;display:flex}.mk .dk-num{z-index:1;border:1px solid var(--mk-line);background:var(--mk-surface);width:64px;height:64px;box-shadow:var(--mk-shadow-md);transition:border-color var(--mk-dur-reveal), box-shadow var(--mk-dur-reveal);border-radius:50%;place-items:center;font-size:1.5rem;font-weight:700;display:grid;position:relative}.mk [data-inview]>.dk-num{border-color:var(--mk-accent);box-shadow:0 0 0 6px var(--mk-accent-soft), var(--mk-shadow-md)}@media (min-width:768px){.mk .dk-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.mk .dk-steps:before,.mk .dk-steps:after{content:"";top:31px;background:var(--mk-line);height:2px;position:absolute;inset-inline:16.66%}.mk .dk-steps:after{background:var(--mk-accent);transform-origin:0}@supports (animation-timeline:view()){.mk:not([data-motion=reduce]) .dk-steps:after{animation:linear both dk-line;animation-timeline:--dk-steps;animation-range:entry 70% cover 50%}}}@keyframes dk-aurora{0%{transform:translate(-4%)rotate(0)scale(1)}to{transform:translate(4%,4%)rotate(8deg)scale(1.12)}}@keyframes dk-beat{70%{box-shadow:0 0 0 8px #4cd67600;box-shadow:0 0 0 8px lab(76.742% -54.3943 35.916/0)}to{box-shadow:0 0 #4cd67600;box-shadow:0 0 lab(76.742% -54.3943 35.916/0)}}@keyframes dk-shimmer{to{background-position:-250% 0}}@keyframes dk-in{0%{opacity:0;translate:0 calc(28px * var(--mk-motion));filter:blur(calc(10px * var(--mk-motion)))}}@keyframes dk-sheen{0%,55%{translate:-120%}85%,to{translate:120%}}@keyframes dk-tilt{0%{opacity:.4;transform:rotateX(28deg)scale(.9)translateY(40px)}}@keyframes dk-ring{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.35)}}@keyframes dk-pop{0%{opacity:0;transform:scale(.4)}}@keyframes dk-drain{0%{width:85%}20%{width:68%}40%{width:51%}60%{width:34%}80%{width:92%}}@keyframes dk-run{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 10px)}}@keyframes dk-grow{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes dk-word{0%{opacity:0;translate:0 100%}6%,22%{opacity:1;translate:0}28%,to{opacity:0;translate:0 -100%}}@keyframes dk-line{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.mk .dk-aurora,.mk .dk-dot,.mk .dk-shimmer,.mk .dk-btn-glow:after,.mk .dk-ring,.mk .dk-meter span,.mk .dk-track i,.mk .dk-bars span,.mk .dk-words span{animation:none}.mk .dk-words span:first-child{opacity:1}}.mk[data-motion=reduce] :is(.dk-aurora,.dk-dot,.dk-shimmer,.dk-ring,.dk-meter span,.dk-track i,.dk-bars span,.dk-words span),.mk[data-motion=reduce] .dk-btn-glow:after{animation:none}}
