/*! LIVONUS home page styles — generated by build.mjs */ .hero{position: relative;isolation: isolate;overflow: clip;min-height: max(720px,100svh);display: flex;flex-direction: column;background: var(--navy-950);color: var(--on-dark)}.hero__image{position: absolute;inset: 0;z-index: -3;width: 100%;height: 100%;object-fit: cover;object-position: 62% 50%;transform: scale(1.06);animation: hero-zoom 18s var(--ease-out) forwards}@keyframes hero-zoom{to{transform: scale(1)}}.hero__shade{position: absolute;inset: 0;z-index: -2;background: linear-gradient(90deg,rgba(4,13,28,0.92) 0%,rgba(6,22,48,0.8) 34%,rgba(6,22,48,0.38) 64%,rgba(6,22,48,0.18) 100%),linear-gradient(0deg,rgba(4,13,28,0.96) 0%,rgba(4,13,28,0.55) 26%,rgba(4,13,28,0) 52%),linear-gradient(180deg,rgba(4,13,28,0.45) 0%,rgba(4,13,28,0) 22%)}.hero__grid{position: absolute;inset: 0;z-index: -1;background-image: linear-gradient(rgba(203,216,231,0.09) 1px,transparent 1px),linear-gradient(90deg,rgba(203,216,231,0.09) 1px,transparent 1px);background-size: 80px 80px;mask-image: radial-gradient(60% 70% at 18% 45%,#000,transparent 75%);-webkit-mask-image: radial-gradient(60% 70% at 18% 45%,#000,transparent 75%)}.hero__ring{position: absolute;z-index: -1;right: -16vw;top: 56%;width: min(860px,66vw);height: auto;transform: translateY(-50%);opacity: 0.65}.hero__inner{flex: 1;display: grid;grid-template-rows: 1fr auto;gap: clamp(2.5rem,5vh,4.5rem);padding-top: calc(var(--header-h) + clamp(3rem,8vh,7rem));padding-bottom: clamp(1.5rem,4vh,3rem)}.hero__copy{align-self: center;display: grid;gap: clamp(1.25rem,1rem + 1vw,1.9rem);justify-items: start;max-width: 60rem}.hero__title{font-size: var(--fs-display);line-height: 1.0;letter-spacing: var(--track-display);font-weight: 600;text-wrap: balance}.hero__title em{display: block;background: var(--grad-sun);-webkit-background-clip: text;background-clip: text;color: transparent;padding-bottom: 0.08em}.hero__text{max-width: 34rem;font-size: var(--fs-lead);line-height: 1.6;color: var(--on-dark-2)}.hero__actions{display: flex;flex-wrap: wrap;gap: 0.85rem 1rem;margin-top: 0.4rem}.js .hero__copy > *{animation: hero-rise 1000ms var(--ease-out) both}.js .hero__copy > :nth-child(2){animation-delay: 90ms}.js .hero__copy > :nth-child(3){animation-delay: 180ms}.js .hero__copy > :nth-child(4){animation-delay: 270ms}.hero__chain{position: relative}.chain{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0;list-style: none;margin: 0;padding: 0;border: 1px solid rgba(203,216,231,0.16);border-radius: var(--r-lg);background: rgba(6,22,48,0.42);backdrop-filter: blur(14px) saturate(1.2);-webkit-backdrop-filter: blur(14px) saturate(1.2);overflow: hidden}.chain__step{position: relative;display: grid;grid-template-columns: auto minmax(0,1fr);align-items: start;gap: 0.9rem;padding: 1.15rem 1.35rem}.chain__step + .chain__step{border-left: 1px solid rgba(203,216,231,0.12)}.chain__icon{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: 50%;background: rgba(231,166,51,0.12);color: var(--sun-400);border: 1px solid rgba(231,166,51,0.3)}.chain__icon .icon{width: 1.25rem;height: 1.25rem}.chain__copy{display: grid;gap: 0.1rem}.chain__index{font-family: var(--font-mono);font-size: 0.75rem;letter-spacing: 0.12em;color: var(--on-dark-3)}.chain__title{font-family: var(--font-display);font-size: 1.0625rem;font-weight: 600;letter-spacing: -0.01em;color: var(--white)}.chain__text{font-size: var(--fs-xs);line-height: 1.45;color: var(--on-dark-3)}.chain__line{position: absolute;left: var(--r-lg);right: var(--r-lg);top: 0;height: 1px;overflow: hidden;pointer-events: none}.chain__line span{position: absolute;top: 0;left: 0;width: 22%;height: 1px;background: linear-gradient(90deg,transparent,var(--sun-400),transparent);animation: chain-run 5.5s var(--ease-in-out) infinite}@keyframes chain-run{from{transform: translateX(-100%)}to{transform: translateX(460%)}}.js .chain__step{animation: hero-rise 900ms var(--ease-out) both;animation-delay: calc(420ms + var(--i) * 90ms)}.hero__caption{position: absolute;right: var(--gutter);bottom: 0.9rem;z-index: 1;font-family: var(--font-mono);font-size: 0.75rem;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(198,210,224,0.7)}.hero__scroll{position: absolute;left: 50%;bottom: 0.6rem;z-index: 1;transform: translateX(-50%);display: none}.hero__scroll span{display: grid;place-items: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;border: 1px solid var(--line-dark-2);color: var(--white);animation: scroll-bob 2.4s var(--ease-in-out) infinite}.hero__scroll .icon{width: 1rem;height: 1rem}@keyframes scroll-bob{50%{transform: translateY(5px)}}@media (max-width: 1000px){.chain{grid-template-columns: repeat(2,minmax(0,1fr))}.chain__step:nth-child(3){border-left: 0}.chain__step:nth-child(n + 3){border-top: 1px solid rgba(203,216,231,0.12)}}@media (max-width: 640px){.hero{min-height: auto}.hero__image{object-position: 64% 50%}.hero__shade{background: linear-gradient(180deg,rgba(4,13,28,0.7) 0%,rgba(6,22,48,0.72) 40%,rgba(4,13,28,0.97) 78%)}.hero__ring{right: -55vw;top: 22%;width: 130vw;opacity: 0.45}.hero__inner{padding-top: calc(var(--header-h) + 3.5rem);padding-bottom: 3.25rem}.chain__step{grid-template-columns: 1fr;gap: 0.6rem;padding: 1rem;align-items: start}.chain__icon{width: 2.4rem;height: 2.4rem}.hero__actions .btn{width: 100%;justify-content: space-between}.hero__caption{left: var(--gutter);right: auto}}.intro{padding-bottom: calc(var(--section-y) * 0.8)}.intro__statement{display: grid;grid-template-columns: auto minmax(0,1fr);gap: clamp(1.25rem,3vw,3rem);align-items: start;max-width: 74rem}.intro__mark{width: clamp(3.25rem,2.4rem + 3vw,5.5rem);height: auto;margin-top: 0.35rem}.intro__statement .eyebrow{margin-bottom: 1.25rem}.intro__text{font-size: clamp(1.65rem,1.15rem + 2vw,2.9rem);font-weight: 500;line-height: 1.18;letter-spacing: -0.03em;color: var(--ink);text-wrap: pretty}.intro__text em{background: var(--grad-sun-deep);-webkit-background-clip: text;background-clip: text;color: transparent}:lang(zh) .intro__text{letter-spacing: 0;line-height: 1.4}@media (max-width: 640px){.intro__statement{grid-template-columns: 1fr}.intro__mark{width: 3.25rem}}.scale{margin-top: clamp(3rem,2rem + 4vw,5.5rem);padding: clamp(1.5rem,1rem + 2vw,2.5rem);border-radius: var(--r-xl);background: var(--navy-50);border: 1px solid var(--line)}.scale__title{color: var(--ink-3);margin-bottom: 1.5rem}.scale__list{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: clamp(1rem,2vw,2rem);list-style: none;margin: 0;padding: 0}.scale__item{position: relative;display: grid;gap: 0.35rem;justify-items: start}.scale__art{position: relative;display: block;overflow: hidden;width: 100%;aspect-ratio: 1.35;border-radius: var(--r-md);background: radial-gradient(80% 75% at 50% 40%,#FFFFFF 0%,#F3F6F9 70%,#E9EEF3 100%);border: 1px solid var(--line);color: var(--navy-800);margin-bottom: 0.65rem;transition: border-color var(--t-base),transform var(--t-base) var(--ease-out),box-shadow var(--t-base)}.scale__art svg{position: absolute;inset: 10% 8%;width: 84%;height: 80%}.scale__item:hover .scale__art{border-color: var(--sun-300);transform: translateY(-3px);box-shadow: var(--shadow-md)}.scale__label{font-family: var(--font-display);font-size: var(--fs-h4);font-weight: 600;letter-spacing: -0.015em}.scale__text{font-size: var(--fs-xs);color: var(--ink-3)}.scale__arrow{position: absolute;top: calc((100% - 3.2rem) / 2 - 0.9rem);right: calc(-1 * clamp(1rem,2vw,2rem) / 2 - 0.9rem);z-index: 1;display: grid;place-items: center;width: 1.8rem;height: 1.8rem;border-radius: 50%;background: var(--sun-500);color: var(--navy-900);box-shadow: 0 0 0 4px var(--navy-50)}.scale__arrow .icon{width: 0.9rem;height: 0.9rem;stroke-width: 2.2}@media (max-width: 860px){.scale__list{grid-template-columns: repeat(2,minmax(0,1fr))}.scale__item:nth-child(2) .scale__arrow{display: none}}.pillars{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(1.5rem,3vw,3rem);margin-top: clamp(3rem,2rem + 3vw,5rem)}.pillar{position: relative;display: grid;gap: 0.75rem;align-content: start;padding-top: 1.75rem;border-top: 1px solid var(--line-2)}.pillar::before{content: '';position: absolute;top: -1px;left: 0;width: 48px;height: 2px;background: var(--sun-500)}.pillar__index{position: absolute;top: 1.75rem;right: 0;font-family: var(--font-mono);font-size: 0.75rem;color: var(--ink-3)}.pillar__icon{color: var(--sun-600)}.pillar__icon .icon{width: 1.75rem;height: 1.75rem;stroke-width: 1.4}.pillar__title{font-size: var(--fs-h4)}.pillar__text{color: var(--ink-3);font-size: var(--fs-sm);line-height: 1.7}@media (max-width: 800px){.pillars{grid-template-columns: 1fr}}.portfolio__note{margin-top: 1.75rem}.cycle__layout{display: grid;grid-template-columns: minmax(0,0.86fr) minmax(0,1.14fr);gap: var(--s-7) clamp(2rem,5vw,5rem);align-items: center}.cycle__copy{display: grid;gap: 1.5rem;justify-items: start}.cycle__note{grid-column: 1 / -1;justify-content: flex-end}.cycle__rail{position: relative;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));width: 100%;margin: 0.5rem 0 0;padding: 0;list-style: none}.cycle__rail::before,.cycle__rail::after{content: '';position: absolute;left: 0;top: calc(0.5rem - 1px);height: 2px;border-radius: 2px;pointer-events: none}.cycle__rail::before{right: 0;background: var(--line-dark-2)}.cycle__rail::after{width: calc(var(--progress,0) * 100%);background: var(--grad-sun);box-shadow: 0 0 12px rgba(231,166,51,0.55)}.cycle__stop{min-width: 0}.cycle__stop-btn{position: relative;z-index: 1;display: grid;justify-items: start;gap: 0.3rem;width: 100%;min-height: 2.75rem;padding: 0 0.5rem 0.25rem 0;border-radius: var(--r-xs);text-align: left;color: var(--on-dark-3)}.cycle__stop-dot{width: 1rem;height: 1rem;margin-bottom: 0.45rem;border-radius: 50%;background: var(--navy-900);border: 2px solid var(--navy-500);transition: background-color var(--t-base),border-color var(--t-base),box-shadow var(--t-base)}.cycle__stop-name{font-family: var(--font-display);font-size: var(--fs-sm);font-weight: 600;line-height: 1.25;color: var(--on-dark-2);transition: color var(--t-base)}.cycle__stop-time{font-family: var(--font-mono);font-size: var(--fs-label);letter-spacing: 0.02em;color: var(--on-dark-3);font-variant-numeric: tabular-nums;transition: color var(--t-base)}.cycle__stop-btn:hover .cycle__stop-name{color: var(--white)}.cycle__stop-btn:hover .cycle__stop-dot{border-color: var(--sun-400)}.cycle__stop.is-past .cycle__stop-dot{background: var(--sun-500);border-color: var(--sun-500)}.cycle__stop.is-active .cycle__stop-dot{background: var(--sun-300);border-color: var(--sun-300);box-shadow: 0 0 0 5px rgba(231,166,51,0.2),0 0 18px rgba(247,208,138,0.8)}.cycle__stop.is-active .cycle__stop-name{color: var(--white)}.cycle__stop.is-active .cycle__stop-time{color: var(--sun-300)}.no-js .cycle__rail{display: none}.cycle__panels{width: 100%}.js .cycle__panels{display: grid}.cycle__panel{padding-top: 1.25rem;border-top: 1px solid var(--line-dark)}.js .cycle__panel{grid-area: 1 / 1;opacity: 0;visibility: hidden;transform: translateY(8px);transition: opacity 450ms var(--ease-out),transform 450ms var(--ease-out),visibility 0s linear 450ms}.js .cycle__panel.is-active{opacity: 1;visibility: visible;transform: none;transition-delay: 0s}.no-js .cycle__panel + .cycle__panel{margin-top: 1.25rem}.cycle .cycle__panel-kicker{display: flex;align-items: center;gap: 0.55rem;font-family: var(--font-mono);font-size: var(--fs-label);letter-spacing: 0.14em;text-transform: uppercase;color: var(--sun-400)}:lang(zh) .cycle .cycle__panel-kicker{font-family: var(--font-body);letter-spacing: 0.06em}.cycle__panel-kicker .icon{width: 1.05rem;height: 1.05rem}.cycle .cycle__panel-title{margin-top: 0.65rem;font-family: var(--font-display);font-size: var(--fs-h4);font-weight: 600;line-height: 1.3;letter-spacing: -0.01em;color: var(--white)}:lang(zh) .cycle .cycle__panel-title{letter-spacing: 0}.cycle__panel-text{margin-top: 0.5rem;font-size: var(--fs-sm);line-height: 1.7}@media (max-width: 960px){.cycle__layout{grid-template-columns: 1fr}.cycle__note{justify-content: flex-start}}@media (max-width: 480px){.cycle__stop-end{display: none}}.manufacture__visual{position: relative}.manufacture__visual .media-frame{aspect-ratio: 4 / 4.6;box-shadow: var(--shadow-lg)}.manufacture__visual .media-frame img{object-position: 58% center}.manufacture__visual .media-frame__caption{top: 1rem;bottom: auto}.manufacture__chips{position: absolute;left: 1rem;right: 1rem;bottom: 1rem;z-index: 2;display: flex;align-items: center;gap: 0.5rem;list-style: none;margin: 0;padding: 0.5rem;border-radius: var(--r-pill);background: rgba(6,22,48,0.62);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255,255,255,0.14)}.manufacture__chips li{flex: 1;display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;padding: 0.55rem 0.9rem 0.55rem 0.55rem;border-radius: var(--r-pill);font-weight: 700;font-size: var(--fs-sm);color: var(--white)}.manufacture__chips li + li{position: relative}.manufacture__chips li + li::before{content: '';position: absolute;left: -0.5rem;top: 50%;width: 0.5rem;height: 1px;background: var(--sun-500)}.manufacture__chips li:last-child{background: var(--sun-500);color: var(--navy-900)}.manufacture__chips span{display: grid;place-items: center;width: 1.75rem;height: 1.75rem;border-radius: 50%;background: var(--navy-900);color: var(--sun-400);font-family: var(--font-mono);font-size: 0.75rem}.manufacture__copy{display: grid;gap: 1.5rem;justify-items: start}.manufacture__copy .steps{width: 100%;margin-top: 0.5rem}@media (max-width: 960px){.manufacture__visual .media-frame{aspect-ratio: 4 / 3.2}.manufacture__chips li{padding: 0.4rem 0.6rem 0.4rem 0.4rem;font-size: var(--fs-xs)}}.partnership__copy{display: grid;gap: 1.5rem;justify-items: start}.partnership__audiences{display: flex;flex-wrap: wrap;gap: 0.5rem;list-style: none;margin: 0;padding: 0}.globe{margin: 0;justify-self: center;width: min(100%,540px)}.globe__sphere{position: relative;aspect-ratio: 1}.globe__base,.globe__land,.globe__overlay{position: absolute;inset: 0;width: 100%;height: 100%}.globe__land{opacity: 0.95}.globe__arcs path{fill: none;stroke: var(--sun-400);stroke-width: 1.6;stroke-linecap: round;stroke-dasharray: 5 7;animation: flow-dash 2.4s linear infinite;filter: drop-shadow(0 0 4px rgba(231,166,51,0.6))}.globe__halo{fill: rgba(231,166,51,0.14);stroke: rgba(231,166,51,0.45);transform-box: fill-box;transform-origin: center;animation: halo 3s var(--ease-out) infinite;animation-delay: calc(var(--i) * 0.5s)}.globe__dot{fill: #FCE7B8;filter: drop-shadow(0 0 6px rgba(247,208,138,0.95))}@keyframes halo{0%{transform: scale(0.6);opacity: 1}100%{transform: scale(1.9);opacity: 0}}.globe__caption{text-align: center;color: var(--on-dark-3);margin-top: 0.5rem}.faq-section__intro{display: grid;gap: 1.5rem;justify-items: start;position: sticky;top: calc(var(--header-h) + 2rem)}@media (max-width: 960px){.faq-section__intro{position: static}}@media (max-width: 420px){.manufacture__chips{left: 0.5rem;right: 0.5rem;bottom: 0.5rem;gap: 0.25rem;padding: 0.35rem}.manufacture__chips li{min-width: 0;gap: 0;padding: 0.4rem 0.5rem}.manufacture__chips span{display: none}}.flow--live{padding: 0;gap: 0}.flow--live::before,.flow--live::after{display: none}.scene{position: relative;overflow: hidden;aspect-ratio: 3 / 2;background: var(--navy-900)}.scene__photo,.scene__svg,.scene__grade,.scene__warmth{position: absolute;inset: 0;width: 100%;height: 100%}.scene__photo{object-fit: cover;filter: brightness(calc(1 - 0.68 * var(--night,0))) saturate(calc(1 - 0.35 * var(--night,0)))}.scene__grade{background: #233D66;mix-blend-mode: multiply;opacity: calc(var(--night,0) * 0.6);pointer-events: none}.scene__warmth{background: linear-gradient(180deg,rgba(255,168,92,0.75),rgba(255,132,64,0.4));mix-blend-mode: soft-light;opacity: calc(var(--warm,0) * 0.85);pointer-events: none}.scene__night-sky{opacity: var(--night,0)}.scene__star{fill: #fff}.scene__star:nth-child(3n){animation: scene-twinkle 4s var(--ease-in-out) infinite alternate;animation-delay: calc(var(--i) * -0.8s)}@keyframes scene-twinkle{to{opacity: 0.35}}.scene__lamp,.scene__pool{opacity: 0;transition: opacity 700ms var(--ease-out)}.scene__lamp-tint{fill: rgba(255,196,120,0.22)}.scene__bloom path{fill: rgba(255,196,120,0.4)}.scene__pool{fill: url(#scene-pool)}.scene__led-halo{fill: url(#scene-led);opacity: calc(0.25 + 0.6 * var(--night,0))}[data-battery='charging'] .scene__led-halo{animation: scene-charge 2.4s var(--ease-in-out) infinite}@keyframes scene-charge{50%{opacity: 0.2}}.scene .flow__track,.scene .flow__path,.scene__leader path{vector-effect: non-scaling-stroke}.scene .flow__track{stroke: rgba(255,255,255,0.35);stroke-width: 1.4}.scene .flow__link.is-standby .flow__track{stroke: rgba(255,255,255,0.6);stroke-width: 1.4;stroke-dasharray: 6 14}.scene .flow__path{stroke-width: 2.6}.scene__leader path{fill: none;stroke: rgba(255,255,255,0.8);stroke-width: 1}.scene__pin{fill: var(--white);stroke: rgba(6,22,48,0.45);stroke-width: 2}.scene .scene__caption{position: absolute;right: 0.9rem;bottom: 0.75rem;z-index: 1;margin: 0;padding: 0.2rem 0.6rem;border-radius: var(--r-pill);background: rgba(6,22,48,0.55);font-family: var(--font-mono);font-size: var(--fs-label);letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,0.82);pointer-events: none}:lang(zh) .scene .scene__caption{font-family: var(--font-body);letter-spacing: 0.04em}.scene__tag{position: absolute;z-index: 1;transform: translate(-50%,-50%);padding: 0.28rem 0.65rem;border-radius: var(--r-pill);background: rgba(6,22,48,0.62);border: 1px solid rgba(255,255,255,0.16);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);font-family: var(--font-mono);font-size: var(--fs-label);line-height: 1.4;letter-spacing: 0.1em;text-transform: uppercase;white-space: nowrap;color: var(--white);pointer-events: none}:lang(zh) .scene__tag{font-family: var(--font-body);letter-spacing: 0.04em}.scene__hud{position: absolute;z-index: 2;inset: 0.85rem 0.85rem auto;display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem;pointer-events: none}.scene__hud > *{pointer-events: auto}.scene__chip{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 0.25rem 1rem;min-height: 2.75rem;padding: 0.35rem 1rem;border-radius: var(--r-pill);background: rgba(6,22,48,0.62);border: 1px solid rgba(255,255,255,0.14);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}.scene__chip .flow__live{color: var(--on-dark-2)}.scene__chip .flow__clock{min-height: 0;padding: 0 0 0 1.55rem;background: none;border: 0}.scene__chip .flow__clock .icon{left: 0}.flow--live .flow__play{background: rgba(6,22,48,0.62);border-color: rgba(255,255,255,0.18);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}.flow__body{display: grid;gap: 1.1rem;padding: clamp(1rem,0.75rem + 0.8vw,1.5rem)}.flow--live .flow__chart{height: clamp(3.5rem,3rem + 1.4vw,4.4rem)}.flow--live .flow__readouts{gap: 0;border-top: 1px solid var(--line-dark)}.flow--live .flow__readout{padding: 0.9rem 1rem 0.35rem;background: none;border: 0;border-radius: 0}.flow--live .flow__readout:nth-child(odd){padding-left: 0}.flow--live .flow__readout:nth-child(even){border-left: 1px solid var(--line-dark)}.flow--live .flow__readout:nth-child(n + 3){border-top: 1px solid var(--line-dark)}@container (min-width: 36rem){.flow--live .flow__readout:nth-child(n){padding-left: 1rem;border-top: 0}.flow--live .flow__readout:first-child{padding-left: 0}.flow--live .flow__readout + .flow__readout{border-left: 1px solid var(--line-dark)}}@container (max-width: 44rem){.scene__chip .flow__live{display: none}}@container (max-width: 36rem){.scene__tag--inverter,.scene__leader--inverter{display: none}}@container (max-width: 31rem){.scene{aspect-ratio: 1.2}.scene__tag,.scene__leaders{display: none}.scene__hud{inset: 0.6rem 0.6rem auto}.scene__chip{min-height: 2.25rem;padding: 0.25rem 0.8rem}}@media print{.scene__hud,.scene__tag,.scene__grade,.scene__warmth,.scene__night-sky,.scene__lamp,.scene__pool{display: none}.scene__photo{filter: none}}