/* LC Systems New (draft) overlay */
html{scroll-behavior:smooth}
#lcsn-loader{position:fixed;inset:0;z-index:100000;background:#f9f9fb;display:grid;place-items:center;transition:opacity .45s,visibility .45s}
#lcsn-loader.done{opacity:0;visibility:hidden}
#lcsn-loader i{width:46px;height:46px;border-radius:50%;border:3px solid rgba(48,40,138,.15);border-top-color:#30288a;animation:lcsnspin .8s linear infinite}
@keyframes lcsnspin{to{transform:rotate(360deg)}}
.hero{position:relative;isolation:isolate}
#lcsnLight{position:absolute;left:0;top:-24px;width:100%;height:calc(100% + 40px);z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 55%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 85%,transparent);mask-composite:intersect}
.h-display{letter-spacing:-.015em}

.sys{border-radius:18px!important;box-shadow:0 1px 2px rgba(31,31,46,.04),0 14px 36px -20px rgba(48,40,138,.22)!important;transition:box-shadow .35s,transform .35s}
.sys:hover{box-shadow:0 1px 2px rgba(31,31,46,.05),0 22px 48px -22px rgba(48,40,138,.32)!important}
.sys .card{border-radius:12px;transition:border-color .25s,box-shadow .25s,transform .25s}
.sys .card:hover{border-color:rgba(48,40,138,.35);box-shadow:0 8px 20px -14px rgba(48,40,138,.4);transform:translateY(-1px)}
.lcsn-num{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 8px;margin-right:12px;border-radius:999px;background:#30288a;color:#fff;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;vertical-align:middle;transform:translateY(-3px)}
img{image-rendering:auto}
.lcsn-anim .lcsn-r:not(.in){opacity:0;transform:translateY(22px)}
.lcsn-r{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.lcsn-thm{display:inline-grid;place-items:center}
.lcsn-thm svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mnav .lcsn-mthm{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;padding:inherit}
@media(max-width:767px){.hdr-icons .lcsn-thm{display:none!important}}
@media(min-width:768px){.mnav .lcsn-mthm{display:none}}
/* dark */
html[data-theme=dark]{filter:invert(.92) hue-rotate(180deg);background:#fff}
html[data-theme=dark] img,html[data-theme=dark] video,html[data-theme=dark] canvas,html[data-theme=dark] picture{filter:invert(1) hue-rotate(180deg)}
html[data-theme=dark] #lcsnLight{position:absolute;left:0;top:-24px;width:100%;height:calc(100% + 40px);z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 55%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 85%,transparent);mask-composite:intersect}
html[data-theme=dark] #lcsn-loader{background:#f9f9fb}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lcsn-anim .lcsn-r:not(.in){opacity:1;transform:none}#lcsn-loader,#lcsnLight{position:absolute;left:0;top:-24px;width:100%;height:calc(100% + 40px);z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 55%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 85%,transparent);mask-composite:intersect}}
.mnav .lcsn-mthm{grid-column:1/-1;padding:10px 8px 10px 30px;font-weight:600}.mnav .lcsn-mthm svg{width:20px!important;height:20px!important;flex:none}
