.landing .lp-hero{padding-block:var(--lp-hero-top) 0;text-align:center}.landing .lp-hero__title{margin:0 auto;max-width:15ch;font-size:var(--lp-fs-h1);line-height:1}.landing .lp-hero__visual{position:relative}.landing .lp-hero__rot{display:inline-block;vertical-align:bottom;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;white-space:nowrap;color:var(--lp-fg);background:var(--lp-grad-underline) left bottom /100% .07em no-repeat}.landing .lp-hero__rot .lp-hero__ch{display:inline-block}.landing .lp-hero__measure{position:absolute;visibility:hidden;white-space:nowrap;font:inherit;pointer-events:none}.landing .lp-hero__lede{margin:26px auto 0;max-width:560px;font-size:var(--lp-fs-lede);line-height:var(--lp-lh-lede);font-weight:300;color:var(--lp-fg-2)}.landing .lp-hero__ctas{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.landing .lp-rec{position:relative;margin:72px auto 0;max-width:1120px}.landing .lp-rec__frame{position:relative;border-radius:var(--lp-r-2xl);background:var(--lp-surface-2);box-shadow:var(--lp-shadow-lg);padding:clamp(6px,1.2vw,12px);max-width:100%}.landing .lp-rec__screen{position:relative;border-radius:var(--lp-r-lg);overflow:hidden;aspect-ratio:1120/620;background:var(--lp-surface);box-shadow:0 0 0 1px var(--lp-line)}.landing .lp-rec__screen:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;border-radius:inherit;opacity:0;transition:opacity .5s ease;background:linear-gradient(90deg,var(--lp-surface) 0,transparent 7%,transparent 93%,var(--lp-surface) 100%),linear-gradient(180deg,var(--lp-surface) 0,transparent 9%,transparent 91%,var(--lp-surface) 100%)}.landing .lp-rec__screen.is-zoomed:after{opacity:1}.landing .lp-rec__stage{position:absolute;left:0;top:0;width:1120px;height:620px;transform-origin:0 0}.landing .lp-rec__cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.landing .lp-rec__cap{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:14px;font-size:var(--lp-fs-small);color:var(--lp-muted);flex-wrap:wrap}.landing .lp-rec__toggle{appearance:none;margin:0;border:0;background:transparent;font:inherit;cursor:pointer;display:inline-flex;gap:6px;align-items:center;font-weight:600;color:var(--lp-fg-2);padding:4px 8px;border-radius:var(--lp-r-sm)}.landing .lp-rec__toggle:hover{background:var(--lp-surface-2)}.landing .lp-rec__toggle:focus-visible{outline:2px solid var(--lp-fg);outline-offset:2px}.landing .lp-rec__toggle-icon{width:14px;height:14px}.landing .lp-rec__app{position:absolute;inset:0;display:flex;font-size:var(--lp-fs-small);line-height:var(--lp-lh-body);color:var(--lp-fg);text-align:left}.landing .lp-rec__side{width:212px;flex:none;background:var(--lp-bg);box-shadow:inset -1px 0 0 var(--lp-line);padding:18px 12px;display:flex;flex-direction:column;gap:2px;font-weight:500;color:var(--lp-fg-2)}.landing .lp-rec__brand{display:flex;align-items:center;gap:8px;padding:0 10px 16px;font-weight:800;color:var(--lp-fg)}.landing .lp-rec__brand i{width:18px;height:18px;border-radius:5px;background:var(--lp-grad-diag)}.landing .lp-rec__grp{padding:10px 10px 4px;font-size:var(--lp-fs-micro);font-weight:600;color:var(--lp-muted)}.landing .lp-rec__row{height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:var(--lp-r-sm)}.landing .lp-rec__row.is-on{background:var(--lp-surface);color:var(--lp-fg);font-weight:600;box-shadow:var(--lp-shadow-sm)}.landing .lp-rec__row small{margin-left:auto;font-size:var(--lp-fs-micro);color:var(--lp-muted)}.landing .lp-rec__main{flex:1;min-width:0;padding:22px 26px;position:relative}.landing .lp-rec__top{display:flex;align-items:center;gap:12px}.landing .lp-rec__t{font-size:22px;font-weight:800;letter-spacing:-.02em}.landing .lp-rec__search{margin-left:auto;width:300px;height:38px;border-radius:var(--lp-r-md);border:1px solid var(--lp-line-strong);background:var(--lp-surface);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--lp-muted);transition:box-shadow .15s,border-color .15s}.landing .lp-rec__search.is-focus{border-color:var(--lp-fg);box-shadow:0 0 0 3px color-mix(in srgb,var(--lp-g2) 28%,transparent)}.landing .lp-rec__search-icon{width:16px;height:16px}.landing .lp-rec__q{color:var(--lp-fg);font-weight:500}.landing .lp-rec__caret{width:1.5px;height:18px;background:var(--lp-fg);display:none}.landing .lp-rec__search.is-focus .lp-rec__caret{display:block}.landing .lp-rec__ph[hidden]{display:none}.landing .lp-rec__thead,.landing .lp-rec__trow{display:grid;grid-template-columns:2.1fr 1.4fr 1.1fr 1.1fr .9fr;align-items:center;gap:12px}.landing .lp-rec__thead{margin-top:20px;padding:0 0 10px;font-size:13px;font-weight:600;color:var(--lp-muted);border-bottom:1px solid var(--lp-line)}.landing .lp-rec__trow{height:60px;border-bottom:1px solid var(--lp-line);color:var(--lp-fg-2);overflow:hidden}.landing .lp-rec__trow b{display:block;font-weight:600;color:var(--lp-fg)}.landing .lp-rec__id{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--lp-muted)}.landing .lp-rec__act{justify-self:end;height:30px;padding:0 12px;border-radius:var(--lp-r-sm);background:var(--lp-surface);box-shadow:var(--lp-shadow-sm);font-weight:600;font-size:13px;color:var(--lp-fg);display:flex;align-items:center}.landing .lp-rec__drawer{position:absolute;top:0;right:0;bottom:0;width:360px;background:var(--lp-surface);box-shadow:var(--lp-shadow-drawer);padding:22px;display:flex;flex-direction:column;gap:14px;transform:translateX(105%)}.landing .lp-rec__drawer-title{font-size:17px;font-weight:700}.landing .lp-rec__field{border-radius:var(--lp-r-md);box-shadow:var(--lp-shadow-sm);padding:10px 12px;background:var(--lp-surface);position:relative}.landing .lp-rec__field small{display:block;font-size:var(--lp-fs-micro);color:var(--lp-muted)}.landing .lp-rec__v{font-weight:600;min-height:22px}.landing .lp-rec__v .lp-rec__ph{color:var(--lp-muted);font-weight:400}.landing .lp-rec__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--lp-surface);border-radius:var(--lp-r-lg);box-shadow:var(--lp-shadow-md);padding:6px;z-index:2;opacity:0;transform:translateY(-4px)}.landing .lp-rec__menu div{padding:8px 10px;border-radius:var(--lp-r-sm)}.landing .lp-rec__menu div.is-hl{background:var(--lp-surface-2)}.landing .lp-rec__go{margin-top:auto;height:42px;border-radius:var(--lp-r-md);background:var(--lp-primary);color:var(--lp-on-primary);display:grid;place-items:center;font-weight:700}.landing .lp-rec__toast{position:absolute;left:50%;bottom:26px;transform:translate(-50%,140%);display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:var(--lp-r-xl);background:var(--lp-surface);box-shadow:var(--lp-shadow-md);font-size:var(--lp-fs-small);white-space:nowrap}.landing .lp-rec__toast .lp-badge{height:22px}.landing .lp-rec__cursor{position:absolute;left:0;top:0;width:22px;height:22px;margin:-2px 0 0 -3px;z-index:5;pointer-events:none;opacity:0;filter:var(--lp-shadow-cursor)}.landing .lp-rec__cursor path{fill:var(--lp-cursor-fill);stroke:var(--lp-cursor-stroke);stroke-width:1.5;stroke-linejoin:round}.landing .lp-rec__ripple{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:var(--lp-r-pill);background:color-mix(in srgb,var(--lp-g1) 30%,transparent);z-index:4;opacity:0;pointer-events:none}@media (max-width:639.98px){.landing .lp-rec__stage{width:520px;height:640px}.landing .lp-rec__screen{aspect-ratio:520/640}.landing .lp-rec__stage .lp-rec__side{display:none}.landing .lp-rec__stage .lp-rec__main{padding:20px 18px}.landing .lp-rec__stage .lp-rec__top{flex-wrap:wrap}.landing .lp-rec__stage .lp-rec__search{margin-left:0;width:100%;height:42px;font-size:15px}.landing .lp-rec__stage .lp-rec__thead,.landing .lp-rec__stage .lp-rec__trow{grid-template-columns:minmax(0,1fr) auto auto}.landing .lp-rec__stage .lp-rec__thead span:nth-child(2),.landing .lp-rec__stage .lp-rec__thead span:nth-child(3),.landing .lp-rec__stage .lp-rec__trow>span:nth-child(2),.landing .lp-rec__stage .lp-rec__trow>span:nth-child(3){display:none}.landing .lp-rec__stage .lp-rec__trow,.landing .lp-rec__stage .lp-rec__trow b{font-size:15px}.landing .lp-rec__stage .lp-rec__drawer{width:100%;padding:22px 20px}.landing .lp-rec__stage .lp-rec__toast{white-space:normal;width:calc(100% - 32px);font-size:15px}}@media (scripting:enabled){.landing .lp-rec__stage:not(.is-fit){visibility:hidden}}@media (max-width:640px){.landing .lp-rec{margin-top:48px}.landing .lp-hero__lede{font-size:17px;line-height:27px}.landing .lp-rec__frame{border-radius:18px}.landing .lp-rec__cap{font-size:13px}.landing .lp-rec__toggle{min-height:44px;padding-inline:12px}}@media (prefers-reduced-motion:reduce){.landing .lp-rec__toggle{display:none}.landing .lp-rec__screen:after,.landing .lp-rec__search{transition:none}}