.lhub__grid{gap:var(--space-8);display:grid}@media (min-width:1024px){.lhub__grid{align-items:start;column-gap:var(--space-16);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.lhub{--stage-h:clamp(460px, 68vh, 760px)}.lhub__list{margin:0;padding:0;list-style:none}@media (min-width:1024px){.lhub__list{padding-bottom:calc(var(--stage-h) / 2)}}.lhub__row{border-top:1px solid var(--color-line);position:relative}.lhub__row:last-of-type{border-bottom:1px solid var(--color-line)}.lhub__link{isolation:isolate;align-items:start;column-gap:var(--space-4);padding:var(--space-8) 0;color:var(--color-ink);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}@media (min-width:768px){.lhub__link{column-gap:var(--space-6);padding:2.5rem 0}}.lhub__link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.lhub__beam{z-index:-1;pointer-events:none;background:var(--color-accent);opacity:0;clip-path:inset(0 100% 0 -16%);position:absolute;inset:0}.lhub__row[data-active=true] .lhub__beam{animation:lhub-beam var(--dur-medium) var(--ease-brand) both}@keyframes lhub-beam{0%{opacity:0;clip-path:inset(0 100% 0 -16%)}18%{opacity:.4}82%{opacity:.4}to{opacity:0;clip-path:inset(0 -16% 0 100%)}}.lhub__num{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);transition:background-color var(--dur-small) var(--ease-brand), color var(--dur-small) var(--ease-brand);background:0 0;align-self:start;padding:3px 7px;line-height:1.2}.lhub__row[data-active=true] .lhub__num{background:var(--color-accent);color:var(--color-ink)}.lhub__service{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);transition:color var(--dur-small) var(--ease-brand);display:block}.lhub__row[data-active=true] .lhub__service{color:var(--color-ink)}.lhub__need{margin-top:var(--space-3);max-width:20ch;font-family:var(--font-display);font-size:var(--fs-h3);text-wrap:balance;color:var(--color-ink);font-weight:500;line-height:1.2}@media (min-width:1024px){.lhub__need{font-size:var(--fs-h2);max-width:22ch}}.lhub__mark{isolation:isolate;margin-inline:-.25rem;padding-inline:.25rem;display:inline-block;position:relative}.lhub__mark:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;transition:transform var(--dur-medium) var(--ease-brand);position:absolute;inset:0;transform:scaleX(0)}.lhub__row[data-active=true] .lhub__mark:before{transform:scaleX(1)}.lhub__door{margin-top:var(--space-4);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);font-size:11px;display:block}.lhub__disc{isolation:isolate;border:1px solid var(--color-line);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-ink);transition:border-color var(--dur-small) var(--ease-brand);place-items:center;display:inline-grid;position:relative}.lhub__disc:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:var(--color-accent);transition:transform var(--dur-small) var(--ease-brand);position:absolute;inset:-1px;transform:scale(0)}.lhub__disc svg{transition:translate var(--dur-small) var(--ease-brand)}.lhub__row[data-active=true] .lhub__disc{border-color:var(--color-accent)}.lhub__row[data-active=true] .lhub__disc:before{transform:scale(1)}@media (hover:hover){.lhub__link:hover .lhub__disc svg{translate:2px}}.lhub .showcase__compare-handle,.lhub .showcase__compare-hint,.lhub .showcase__video-controls{display:none}.lhub__inline{padding-bottom:var(--space-8)}.lhub .lhub__inline .showcase__media-frame{margin-inline:auto}.lhub .lhub__inline .showcase__media-frame[data-shape=portrait]{max-width:240px}.lhub .lhub__inline .showcase__media-frame[data-shape=square]{max-width:320px}@media (min-width:1024px){.lhub__inline{display:none}}.lhub__col{display:none}@media (min-width:1024px){.lhub__col{top:calc(var(--nav-h) + (100vh - var(--nav-h) - var(--stage-h)) / 2);top:calc(var(--nav-h) + (100svh - var(--nav-h) - var(--stage-h)) / 2);display:block;position:sticky}}.lhub__stage{height:var(--stage-h,clamp(460px, 68vh, 760px));perspective:1600px;place-items:center;display:grid;position:relative;container-type:size}.lhub__frame[data-shape=wide],.lhub__layer[data-shape=wide]{--fw:min(100cqw, calc(100cqh * 16 / 10));--fh:calc(var(--fw) * 10 / 16)}.lhub__frame[data-shape=square],.lhub__layer[data-shape=square]{--fh:min(calc(100cqh * .82), 100cqw);--fw:var(--fh)}.lhub__frame[data-shape=portrait],.lhub__layer[data-shape=portrait]{--fh:100cqh;--fw:min(calc(var(--fh) * 9 / 16), 100cqw)}.lhub__frame[data-shape=landscape32],.lhub__layer[data-shape=landscape32]{--fw:min(100cqw, calc(100cqh * 3 / 2));--fh:calc(var(--fw) * 2 / 3)}.lhub__frame[data-shape=widescreen],.lhub__layer[data-shape=widescreen]{--fw:100cqw;--fh:min(calc(var(--fw) * 9 / 16), 100cqh)}.lhub__motion{transform-style:preserve-3d;will-change:transform;position:relative}.lhub__frame{width:var(--fw,560px);height:var(--fh,350px);contain:layout paint;background:var(--color-ink);backface-visibility:hidden;transition:width var(--dur-scene) var(--ease-brand), height var(--dur-scene) var(--ease-brand), background-color var(--dur-medium) var(--ease-brand), border-color var(--dur-medium) var(--ease-brand);border:1px solid #0000;position:relative;overflow:hidden}.lhub__frame[data-tone=light]{background:var(--color-panel);border-color:var(--color-line)}.lhub .lhub__stage .lhub__layer{width:var(--fw,560px);height:var(--fh,350px);aspect-ratio:auto;opacity:0;visibility:hidden;pointer-events:none;will-change:transform;background:0 0;max-width:none;margin:auto;transition:opacity .3s linear,visibility 0s linear .3s;position:absolute;inset:0}.lhub .lhub__stage .lhub__layer[data-active=true]{opacity:1;visibility:visible;transition:opacity .45s linear var(--xf-in,.25s), visibility 0s linear 0s}.lhub__stage[data-move=flip-f] .lhub__layer,.lhub__stage[data-move=flip-b] .lhub__layer,.lhub__stage[data-move=quarter-f] .lhub__layer,.lhub__stage[data-move=quarter-b] .lhub__layer{--xf-in:.5s}.lhub__stage[data-move=push-f] .lhub__motion{animation:lhub-push 1s var(--ease-brand) both}.lhub__stage[data-move=push-b] .lhub__motion{animation:lhub-pull 1s var(--ease-brand) both}.lhub__stage[data-move=flip-f] .lhub__motion{animation:1s linear both lhub-flip-f}.lhub__stage[data-move=flip-b] .lhub__motion{animation:1s linear both lhub-flip-b}.lhub__stage[data-move=quarter-f] .lhub__motion{animation:1s linear both lhub-quarter-f}.lhub__stage[data-move=quarter-b] .lhub__motion{animation:1s linear both lhub-quarter-b}.lhub__stage[data-move=lean-f] .lhub__motion{animation:lhub-lean-f 1s var(--ease-brand) both}.lhub__stage[data-move=lean-b] .lhub__motion{animation:lhub-lean-b 1s var(--ease-brand) both}.lhub__stage[data-move=out-f] .lhub__motion{animation:lhub-out 1s var(--ease-brand) both}.lhub__stage[data-move=out-b] .lhub__motion{animation:lhub-in 1s var(--ease-brand) both}@keyframes lhub-push{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes lhub-pull{0%{transform:scale(1)}45%{transform:scale(.955)}to{transform:scale(1)}}@keyframes lhub-flip-f{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:rotateY(0)}50%{transform:rotateY(90deg)}50.001%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotateY(-90deg)}to{transform:rotateY(0)}}@keyframes lhub-flip-b{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:rotateY(0)}50%{transform:rotateY(-90deg)}50.001%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes lhub-quarter-f{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:rotate(0)scale(1)}50%{transform:rotate(90deg)scale(.86)}50.001%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotate(-90deg)scale(.86)}to{transform:rotate(0)scale(1)}}@keyframes lhub-quarter-b{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:rotate(0)scale(1)}50%{transform:rotate(-90deg)scale(.86)}50.001%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotate(90deg)scale(.86)}to{transform:rotate(0)scale(1)}}@keyframes lhub-lean-f{0%{transform:rotateX(0)scale(1)}50%{transform:rotateX(-10deg)scale(.97)}to{transform:rotateX(0)scale(1)}}@keyframes lhub-lean-b{0%{transform:rotateX(0)scale(1)}50%{transform:rotateX(10deg)scale(.97)}to{transform:rotateX(0)scale(1)}}@keyframes lhub-out{0%{transform:scale(1)}50%{transform:scale(.86)}to{transform:scale(1)}}@keyframes lhub-in{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.lsteps-band__dots{pointer-events:none;background-image:radial-gradient(circle,#1c1d1f38 .6px,#0000 .6px);background-size:30px 30px;position:absolute;inset:0}.lsteps{view-timeline-name:--lsteps}.lsteps__track{margin-top:var(--space-12);--rail:var(--space-12);position:relative}@media (min-width:768px){.lsteps__track{--rail:2.5rem}}.lsteps__rail{pointer-events:none;width:14px;position:absolute;top:0;bottom:0;left:0;container-type:size}@media (min-width:768px){.lsteps__rail{width:auto;height:14px;bottom:auto;right:0}}.lsteps__line{position:absolute;overflow:visible}.lsteps__line--v{width:1px;height:100%;top:0;left:7px}.lsteps__line--h{display:none}@media (min-width:768px){.lsteps__line--v{display:none}.lsteps__line--h{width:100%;height:1px;display:block;top:7px;left:0}}.lsteps__line path{fill:none;stroke:var(--color-line);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--dur-scene) var(--ease-brand) .15s}.reveal.is-visible .lsteps__line path{stroke-dashoffset:0}.lsteps__packet{border-radius:var(--radius-pill);background:var(--color-accent);outline:6px solid #ffab8040;width:14px;height:14px;position:absolute;top:0;left:0}@supports (animation-timeline:view()){.lsteps__packet{animation:linear both lsteps-travel-y;animation-timeline:--lsteps;animation-range:cover 22% cover 78%}@media (min-width:768px){.lsteps__packet{animation-name:lsteps-travel-x}}}@keyframes lsteps-travel-y{0%{translate:0}to{translate:0 calc(100cqh - 14px)}}@keyframes lsteps-travel-x{0%{translate:0}to{translate:calc(100cqw - 14px)}}.lsteps__list{padding:0 0 0 var(--rail);gap:2.5rem;margin:0;list-style:none;display:grid}@media (min-width:768px){.lsteps__list{gap:var(--space-8);padding:var(--rail) 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}}.lsteps__step{position:relative}@media (min-width:768px){.lsteps__step{flex-direction:column;align-items:flex-start;display:flex}.lsteps__body{margin-bottom:var(--space-4)}.lsteps__exit{margin-top:auto}}.lsteps__dot{left:calc(-1 * var(--rail) + 4px);border-radius:var(--radius-pill);background:var(--color-ground);border:1px solid var(--color-ink);width:6px;height:6px;position:absolute;top:6px}@media (min-width:768px){.lsteps__dot{left:0;top:calc(-1 * var(--rail) + 4px)}}.lsteps__meta{letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);font-size:11px}.lsteps__title{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);font-weight:500;line-height:1.15}.lsteps__body{margin-top:var(--space-3);color:#1c1d1fcc;max-width:34ch;font-size:1rem;line-height:1.6}.lsteps__exit{align-items:center;gap:var(--space-2);margin-top:var(--space-4);border:1px solid var(--color-line);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);transform-origin:0;padding:5px 10px;font-size:11px;display:inline-flex}.lsteps__exit i{border-radius:var(--radius-pill);background:var(--color-accent);width:7px;height:7px}@supports (animation-timeline:view()){.lsteps__exit{animation:linear both lsteps-pop;animation-timeline:--lsteps;animation-range:cover calc(28% + var(--i,0) * 11%) cover calc(36% + var(--i,0) * 11%)}}@keyframes lsteps-pop{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.lsteps__line-text{margin-top:var(--space-6);max-width:34ch;font-family:var(--font-display);font-size:var(--fs-h3);font-weight:400;line-height:1.25}@media (prefers-reduced-motion:reduce){.lhub__motion{animation:none!important}.lhub__frame{transition:background-color var(--dur-small) linear, border-color var(--dur-small) linear}.lhub .lhub__stage .lhub__layer,.lhub .lhub__stage .lhub__layer[data-active=true]{transition:opacity var(--dur-small) linear 0s}.lhub__beam{opacity:0;animation:none!important}.lhub__mark:before,.lhub__disc:before,.lhub__num,.lhub__service,.lhub__disc,.lhub__disc svg{transition:none}.lsteps__line path{stroke-dashoffset:0;transition:none}.lsteps__packet{translate:0 calc(100cqh - 14px);animation:none!important}.lsteps__exit{opacity:1;transform:none;animation:none!important}}@media (prefers-reduced-motion:reduce) and (min-width:768px){.lsteps__packet{translate:calc(100cqw - 14px)}}
