/*! LIVONUS system page styles — generated by build.mjs */ .sys-hero{position: relative;isolation: isolate;overflow: clip;padding-top: calc(var(--header-h) + clamp(2rem,1.5rem + 2vw,3.5rem));padding-bottom: clamp(3.5rem,2.5rem + 4vw,6.5rem);background: var(--grad-night);color: var(--on-dark)}.sys-hero__inner{position: relative}.sys-hero__layout{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--s-7) clamp(2rem,5vw,5rem);align-items: center;margin-top: clamp(1.75rem,1rem + 2vw,3rem)}.sys-hero__copy{display: grid;gap: 1.4rem;justify-items: start}.sys-hero__meta{display: flex;align-items: center;gap: 1rem}.sys-hero__index{color: var(--on-dark-3)}.sys-hero__title{font-size: clamp(2.5rem,1.6rem + 3vw,4.5rem);line-height: 1.02;letter-spacing: var(--track-display)}.sys-hero__title em{display: block;margin-top: 0.1em;background: var(--grad-sun);-webkit-background-clip: text;background-clip: text;color: transparent}.sys-hero__text{max-width: 34rem;font-size: var(--fs-lead);line-height: 1.6;color: var(--on-dark-2)}.sys-hero__copy .btn-row{margin-top: 0.4rem}.sys-hero__stage{position: relative}.sys-hero__ring{position: absolute;z-index: 0;left: 50%;top: 46%;width: 118%;height: auto;transform: translate(-50%,-50%);opacity: 0.8}.sys-hero__studio{position: relative;z-index: 1;aspect-ratio: 1}.sys-hero__studio img{width: 100%;height: 100%;object-fit: cover;-webkit-mask-image: radial-gradient(ellipse 58% 62% at 50% 50%,#000 60%,transparent 100%);mask-image: radial-gradient(ellipse 58% 62% at 50% 50%,#000 60%,transparent 100%)}.js .sys-hero__studio{animation: studio-in 1100ms var(--ease-out) both}@keyframes studio-in{from{opacity: 0;transform: translateY(24px) scale(0.97)}}.sys-hero__chips{position: absolute;z-index: 2;left: -1.25rem;bottom: 1.5rem;display: grid;gap: 0.55rem;justify-items: start;list-style: none;margin: 0;padding: 0}.sys-hero__chips li{display: inline-flex;align-items: center;gap: 0.55rem;padding: 0.6rem 1rem 0.6rem 0.75rem;border-radius: var(--r-pill);background: rgba(255,255,255,0.92);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: var(--shadow-md);font-size: var(--fs-sm);font-weight: 700;color: var(--navy-800)}.sys-hero__chips .icon{width: 1.05rem;height: 1.05rem;color: var(--sun-600)}.sys-hero__chips .sys-hero__chip-concept{background: rgba(6,22,48,0.78);color: var(--on-dark-2);font-family: var(--font-mono);font-size: 0.75rem;font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase}.sys-hero__chips .sys-hero__chip-concept .icon{color: var(--sun-400)}.js .sys-hero__chips li{animation: chip-in 700ms var(--ease-out) both}.js .sys-hero__chips li:nth-child(1){animation-delay: 450ms}.js .sys-hero__chips li:nth-child(2){animation-delay: 560ms}.js .sys-hero__chips li:nth-child(3){animation-delay: 670ms}@keyframes chip-in{from{opacity: 0;transform: translateX(-16px)}}@media (max-width: 960px){.sys-hero__layout{grid-template-columns: 1fr}.sys-hero__stage{max-width: 32rem;width: 100%;justify-self: center}.sys-hero__chips{position: relative;left: auto;bottom: auto;display: flex;flex-wrap: wrap;justify-content: center;margin-top: -0.5rem}}@media (max-width: 480px){.sys-hero__chips li{padding: 0.45rem 0.75rem 0.45rem 0.6rem;font-size: var(--fs-xs)}.sys-hero__copy .btn-row .btn{width: 100%;justify-content: space-between}}.sys-overview{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);gap: var(--s-7) clamp(2rem,6vw,6rem);align-items: start}.sys-overview__copy{display: grid;gap: 1.5rem;justify-items: start}.sys-overview__p{color: var(--ink-3);line-height: 1.75;max-width: 38rem}.sys-glance{position: sticky;top: calc(var(--header-h) + 1.5rem);display: grid;gap: 1.25rem;padding: clamp(1.5rem,1rem + 1.5vw,2.25rem);border-radius: var(--r-lg);background: var(--white);border: 1px solid var(--line);box-shadow: var(--shadow-md)}.sys-glance__head{display: flex;align-items: center;gap: 0.85rem}.sys-glance__mark{width: 2.25rem;height: auto}.sys-glance__title{font-size: var(--fs-h4)}.sys-glance__list{grid-template-columns: 1fr}.sys-glance__list > div{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);gap: 1rem;padding-block: 0.85rem}.sys-glance__list dt{margin: 0;padding-top: 0.15rem}.sys-glance__list dd{font-size: var(--fs-sm);line-height: 1.5}@media (max-width: 960px){.sys-overview{grid-template-columns: 1fr}.sys-glance{position: static}}@media (max-width: 420px){.sys-glance__list > div{grid-template-columns: 1fr;gap: 0.25rem}}.sys-fits{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(1rem,2vw,1.75rem)}.sys-fit{position: relative;display: grid;gap: 0.85rem;align-content: start;padding: clamp(1.5rem,1rem + 1.5vw,2.25rem);border-radius: var(--r-lg);border: 1px solid var(--line);background: linear-gradient(180deg,var(--white),var(--navy-50));overflow: hidden;transition: transform var(--t-base) var(--ease-out),box-shadow var(--t-base),border-color var(--t-base)}.sys-fit:hover{transform: translateY(-4px);box-shadow: var(--shadow-md);border-color: var(--sun-300)}.sys-fit__num{position: absolute;right: 1.25rem;top: 0.5rem;font-family: var(--font-display);font-size: 4.5rem;font-weight: 700;line-height: 1;letter-spacing: -0.05em;color: transparent;-webkit-text-stroke: 1px var(--navy-200)}.sys-fit .card__icon{margin-bottom: 0.75rem}.sys-fit__title{font-size: var(--fs-h3)}.sys-fit__text{color: var(--ink-3);font-size: var(--fs-sm);line-height: 1.7}@media (max-width: 900px){.sys-fits{grid-template-columns: 1fr}}.sys-connects{display: grid;grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);gap: var(--s-7) clamp(2rem,5vw,5rem);align-items: center}.sys-connects__copy{display: grid;gap: 1.5rem;justify-items: start}.sys-connects__self .flow__disc{fill: rgba(231,166,51,0.16);stroke: var(--sun-400);stroke-width: 2}.sys-connects__self .flow__ring{stroke: rgba(231,166,51,0.35)}.sys-connects__self .flow__icon{color: var(--sun-300)}.sys-connects__self .flow__label{fill: var(--sun-300);font-weight: 600}@media (max-width: 960px){.sys-connects{grid-template-columns: 1fr}}.sys-prepare{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--s-7) clamp(2rem,6vw,6rem);align-items: center}.sys-prepare__copy{display: grid;gap: 1.5rem;justify-items: start}.sys-prepare__panel{padding: clamp(1.5rem,1rem + 2vw,2.75rem);border-radius: var(--r-xl);background: var(--white);border: 1px solid var(--line);box-shadow: var(--shadow-md)}.sys-prepare__panel .check-list{gap: 1.1rem}.sys-prepare__panel .check-list li{font-weight: 600;color: var(--ink)}@media (max-width: 900px){.sys-prepare{grid-template-columns: 1fr}}.sys-faq__intro{display: grid;gap: 1.5rem;justify-items: start;position: sticky;top: calc(var(--header-h) + 2rem)}@media (max-width: 960px){.sys-faq__intro{position: static}}.sys-others{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(1rem,2vw,1.75rem)}@media (max-width: 700px){.sys-others{grid-template-columns: 1fr}}