.lf-live-explorer{min-width:0}.lf-live-explorer__stage{position:relative;min-height:clamp(620px,61vw,820px);overflow:hidden;padding:clamp(1.25rem,3.5vw,3rem);border:1px solid var(--lf-hairline);border-bottom:0;border-radius:var(--lf-radius-card) var(--lf-radius-card) 0 0;background:radial-gradient(56% 74% at 88% 18%,rgba(59,130,246,.2),transparent 70%),radial-gradient(48% 68% at 8% 100%,color-mix(in srgb,var(--lf-fight) 16%,transparent),transparent 72%),linear-gradient(142deg,#111218,#08090d 64%,#050507);isolation:isolate}.lf-live-explorer__stage:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 86%);mask-image:linear-gradient(to bottom,black,transparent 86%)}.lf-live-explorer__stage-copy{position:relative;z-index:5;width:min(100%,37rem)}.lf-live-explorer__stage-copy>span{color:var(--lf-fight);font-family:var(--lf-mono);font-size:var(--lf-text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lf-live-explorer__stage-copy>strong{display:block;max-width:15ch;margin-top:var(--lf-space-3);color:var(--lf-bone);font-family:var(--lf-heading);font-size:clamp(2.2rem,4.8vw,4.9rem);font-weight:var(--lf-display-weight);letter-spacing:var(--lf-display-tracking);line-height:.95}.lf-editorial .lf-live-explorer__stage-copy>p{max-width:49ch;margin:var(--lf-space-4) 0 0;color:var(--lf-bone-soft);font-size:var(--lf-text-sm);line-height:1.5}.lf-live-explorer__device-set{position:relative;z-index:2;min-height:clamp(390px,43vw,570px);margin-top:clamp(1.5rem,2vw,2.5rem)}.lf-live-explorer__device{position:absolute;margin:0;filter:drop-shadow(0 30px 44px rgba(0,0,0,.46))}.lf-live-explorer__device--desktop{z-index:1;inset:5% auto auto 0;width:72%}.lf-live-explorer__device--tablet{z-index:2;inset:1% 2% auto auto;width:34%}.lf-live-explorer__device--mobile{z-index:3;inset:auto 28% -2% auto;width:17%}.lf-live-explorer__device-set[data-device-count="2"] .lf-live-explorer__device--desktop{width:80%}.lf-live-explorer__device-set[data-device-count="2"] .lf-live-explorer__device--mobile{right:7%;bottom:1%;width:22%}.lf-live-explorer__device-chrome{height:clamp(18px,2.2vw,30px);display:flex;align-items:center;padding-inline:clamp(8px,1.1vw,14px);border:1px solid rgba(255,255,255,.2);border-bottom:0;border-radius:clamp(10px,1.6vw,18px) clamp(10px,1.6vw,18px) 0 0;background:#191b22}.lf-live-explorer__device-chrome span{width:clamp(5px,.65vw,8px);aspect-ratio:1;border-radius:50%;background:var(--lf-fight);box-shadow:12px 0 #ffffff47,24px 0 #3b82f6cc}.lf-live-explorer__device-screen{overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:0 0 clamp(10px,1.6vw,18px) clamp(10px,1.6vw,18px);background:#f2f1ec}.lf-live-explorer__device--desktop .lf-live-explorer__device-screen{aspect-ratio:16 / 9.8}.lf-live-explorer__device--tablet .lf-live-explorer__device-screen{aspect-ratio:3 / 4}.lf-live-explorer__device--mobile .lf-live-explorer__device-chrome{justify-content:center;height:clamp(14px,1.5vw,21px);padding:0;border-radius:clamp(13px,2vw,24px) clamp(13px,2vw,24px) 0 0}.lf-live-explorer__device--mobile .lf-live-explorer__device-chrome span{width:24%;height:4px;aspect-ratio:auto;border-radius:var(--lf-radius-pill);background:#ffffff38;box-shadow:none}.lf-live-explorer__device--mobile .lf-live-explorer__device-screen{aspect-ratio:9 / 18.6;border-radius:0 0 clamp(13px,2vw,24px) clamp(13px,2vw,24px)}.lf-live-explorer__device-screen img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lf-live-explorer__device--desktop .lf-live-explorer__device-screen img{-o-object-position:center top;object-position:center top}.lf-live-explorer__device--tablet .lf-live-explorer__device-screen img{-o-object-position:center 24%;object-position:center 24%}.lf-live-explorer__device--mobile .lf-live-explorer__device-screen img{-o-object-position:center 46%;object-position:center 46%}.lf-live-explorer__device figcaption{position:absolute;display:grid;gap:.1rem;margin-top:var(--lf-space-2);color:var(--lf-bone-dim);font-family:var(--lf-mono);font-size:var(--lf-text-2xs);line-height:1.3;white-space:normal}.lf-live-explorer__device figcaption span{color:var(--lf-fight);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lf-live-explorer__device figcaption strong{color:var(--lf-bone-soft);font-weight:500}.lf-live-explorer__device--tablet figcaption,.lf-live-explorer__device--mobile figcaption{right:0;text-align:right}.lf-live-explorer__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--lf-space-3);align-items:center;padding:12px;border:1px solid var(--lf-hairline);border-bottom:0;background:var(--lf-paper-2)}.lf-live-explorer__toolbar:not(:has(>a)){grid-template-columns:minmax(0,1fr) auto}.lf-live-explorer__capture-meta{min-width:0;display:flex;flex-direction:column;gap:.2rem}.lf-live-explorer__capture-meta strong,.lf-live-explorer__capture-meta>span{overflow-wrap:anywhere}.lf-live-explorer__domain{color:var(--lf-bone);font-family:var(--lf-mono);font-size:var(--lf-text-xs);line-height:1.25}.lf-live-explorer__capture-meta>span{color:var(--lf-bone-dim);font-family:var(--lf-mono);font-size:var(--lf-text-2xs);line-height:1.3}.lf-live-explorer__devices{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);padding:3px;border:1px solid var(--lf-hairline);border-radius:var(--lf-radius-control);background:color-mix(in srgb,var(--lf-ink) 48%,transparent)}.lf-live-explorer__devices button{min-width:88px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;color:var(--lf-bone-dim);border:0;border-radius:calc(var(--lf-radius-control) - 3px);background:transparent;font:inherit;font-size:var(--lf-text-xs);font-weight:700;cursor:pointer;transition:color var(--m-signal-ms) var(--m-signal-ease),background-color var(--m-signal-ms) var(--m-signal-ease)}.lf-live-explorer__devices button[aria-pressed=true]{color:var(--lf-ink);background:var(--lf-fight)}.lf-live-explorer__toolbar>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:var(--lf-bone);border:1px solid var(--lf-hairline);border-radius:var(--lf-radius-control);font-size:var(--lf-text-xs);font-weight:700;text-decoration:none;white-space:nowrap;transition:color var(--m-signal-ms) var(--m-signal-ease),border-color var(--m-signal-ms) var(--m-signal-ease),background-color var(--m-signal-ms) var(--m-signal-ease)}.lf-live-explorer__toolbar>a:hover,.lf-live-explorer__toolbar>a:focus-visible{color:var(--lf-bone);border-color:color-mix(in srgb,var(--lf-fight) 60%,var(--lf-hairline));background:color-mix(in srgb,var(--lf-fight) 12%,transparent)}.lf-live-explorer__viewport{position:relative;height:clamp(420px,62vh,660px);height:clamp(420px,62dvh,660px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--lf-hairline);border-radius:0 0 var(--lf-radius-card) var(--lf-radius-card);background:#e8e8e4;scrollbar-color:var(--lf-fight) color-mix(in srgb,var(--lf-ink) 70%,transparent);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.lf-live-explorer__viewport:focus-visible{outline-offset:4px}.lf-live-explorer__viewport img{display:block;width:100%;height:auto;margin-inline:auto;transition:opacity var(--m-signal-ms) var(--m-signal-ease)}.lf-live-explorer__viewport img.is-loading{opacity:0}.lf-live-explorer__viewport img.is-loaded{opacity:1}.lf-live-explorer__viewport--tablet,.lf-live-explorer__viewport--mobile{padding-inline:clamp(.75rem,4vw,2.5rem);background:linear-gradient(135deg,color-mix(in srgb,var(--lf-blue) 10%,#0d1016),#0d1016)}.lf-live-explorer__viewport--tablet img{width:min(100%,1024px);box-shadow:0 24px 70px #0000006b}.lf-live-explorer__viewport--mobile img{width:min(100%,390px);box-shadow:0 24px 70px #0000006b}.lf-live-explorer__loading{position:absolute;z-index:1;inset:0;display:grid;place-items:center;padding:var(--lf-space-5);color:var(--lf-bone-soft);background:linear-gradient(145deg,color-mix(in srgb,var(--lf-fight) 8%,transparent),transparent),#0d1016;font-family:var(--lf-mono);font-size:var(--lf-text-xs);text-align:center}@media(max-width:800px){.lf-live-explorer__stage{min-height:0}.lf-live-explorer__device-set{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lf-space-6) var(--lf-space-3);margin-bottom:var(--lf-space-7)}.lf-live-explorer__device{position:relative;inset:auto;width:auto}.lf-live-explorer__device--desktop,.lf-live-explorer__device-set[data-device-count="2"] .lf-live-explorer__device--desktop{grid-column:1 / -1;width:auto}.lf-live-explorer__device--tablet{width:auto}.lf-live-explorer__device--mobile,.lf-live-explorer__device-set[data-device-count="2"] .lf-live-explorer__device--mobile{width:min(100%,54%);justify-self:center}.lf-live-explorer__device-set[data-device-count="2"] .lf-live-explorer__device--mobile{grid-column:1 / -1}.lf-live-explorer__device figcaption,.lf-live-explorer__device--tablet figcaption,.lf-live-explorer__device--mobile figcaption{position:static;text-align:left}.lf-live-explorer__toolbar{grid-template-columns:minmax(0,1fr) auto}.lf-live-explorer__toolbar:not(:has(>a)){grid-template-columns:minmax(0,1fr)}.lf-live-explorer__devices{grid-column:1 / -1;grid-row:2}.lf-live-explorer__toolbar>a{grid-column:2;grid-row:1}.lf-live-explorer__devices button{min-width:0}.lf-live-explorer__viewport{height:clamp(430px,68vh,580px);height:clamp(430px,68dvh,580px)}}@media(max-width:520px){.lf-live-explorer__stage-copy>strong{max-width:12ch}.lf-live-explorer__device-set{gap:var(--lf-space-6) var(--lf-space-2)}.lf-live-explorer__device--mobile{width:min(100%,66%)}.lf-live-explorer__capture-meta,.lf-live-explorer__toolbar>a{grid-column:1 / -1}.lf-live-explorer__devices{grid-row:auto}.lf-live-explorer__toolbar>a{grid-row:auto}.lf-live-explorer__viewport--tablet,.lf-live-explorer__viewport--mobile{padding-inline:0}}@media(max-width:370px){.lf-live-explorer__devices{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.lf-live-explorer__devices button,.lf-live-explorer__toolbar>a,.lf-live-explorer__viewport img{transition:none}}.lf-live-explorer__viewport picture{display:block}@media(max-width:620px){.lf-live-explorer__viewport--auto{padding-inline:clamp(.75rem,4vw,2.5rem);background:var(--lf-paper-2)}.lf-live-explorer__viewport--auto img{width:min(100%,390px)}.lf-live-explorer__devices{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}}.lf-feature-proof{overflow:hidden;border:1px solid color-mix(in srgb,var(--lf-fight) 38%,var(--lf-hairline));border-radius:var(--lf-radius-card);background:var(--lf-paper-2)}.lf-feature-proof__head,.lf-feature-proof__context,.lf-feature-proof__source{padding:clamp(1.25rem,3vw,2rem)}.lf-feature-proof__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--lf-space-4);border-bottom:1px solid var(--lf-hairline)}.lf-editorial .lf-feature-proof__head p,.lf-feature-proof__context span,.lf-feature-proof__source{margin:0;color:var(--lf-bone-dim);font-family:var(--lf-mono);font-size:var(--lf-text-2xs);font-weight:650;letter-spacing:.08em;text-transform:uppercase}.lf-editorial .lf-feature-proof__head h3{margin:var(--lf-space-2) 0 0;color:var(--lf-bone);font-family:var(--lf-heading);font-size:clamp(2rem,4vw,3.35rem);font-weight:700;line-height:.98}.lf-editorial .lf-feature-proof__head a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 var(--lf-space-4);color:var(--lf-ink);border-radius:var(--lf-radius-control);background:var(--lf-fight);font-size:var(--lf-text-xs);font-weight:750;text-decoration:none}.lf-feature-proof__context{display:grid;gap:var(--lf-space-5);border-bottom:1px solid var(--lf-hairline)}.lf-feature-proof__context>div{min-width:0}.lf-feature-proof__context strong{display:block;max-width:40ch;margin-top:var(--lf-space-2);color:var(--lf-bone);font-family:var(--lf-body);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.35}.lf-editorial .lf-feature-proof__context p{max-width:52ch;margin:var(--lf-space-2) 0 0;color:var(--lf-bone-soft);font-size:var(--lf-text-sm);line-height:1.55}.lf-feature-proof__steps{display:grid}.lf-feature-proof__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--lf-hairline)}.lf-feature-proof__tabs button{min-width:0;min-height:56px;display:flex;align-items:center;gap:9px;padding:var(--lf-space-3) var(--lf-space-4);color:var(--lf-bone-soft);border:0;border-right:1px solid var(--lf-hairline);background:transparent;font-family:var(--lf-body);font-size:var(--lf-text-xs);font-weight:700;text-align:left;cursor:pointer;transition:color var(--m-signal-ms) var(--m-signal-ease),background var(--m-signal-ms) var(--m-signal-ease)}.lf-feature-proof__tabs button:last-child{border-right:0}.lf-feature-proof__tabs button span{color:var(--lf-fight);font-family:var(--lf-mono);font-size:var(--lf-text-2xs)}.lf-feature-proof__tabs button[aria-selected=true]{color:var(--lf-bone);background:color-mix(in srgb,var(--lf-fight) 11%,var(--lf-paper))}.lf-feature-proof__tabs button:focus-visible,.lf-feature-proof__panel:focus-visible,.lf-feature-proof__source a:focus-visible,.lf-feature-proof__source summary:focus-visible{outline:2px solid var(--lf-fight);outline-offset:-2px}.lf-feature-proof__panel{min-height:136px;display:flex;align-items:flex-start;gap:var(--lf-space-3);padding:clamp(1.25rem,3vw,2rem)}@media(prefers-reduced-motion:no-preference){.lf-feature-proof__panel--enter{animation:lf-feature-proof-panel-in var(--m-signal-ms) var(--m-signal-ease) both}}@keyframes lf-feature-proof-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lf-feature-proof__panel>svg{flex:0 0 auto;color:var(--lf-fight)}.lf-feature-proof__panel span{color:var(--lf-bone);font-family:var(--lf-heading);font-size:clamp(1.45rem,2.6vw,2rem);font-weight:700;line-height:1}.lf-editorial .lf-feature-proof__panel p{max-width:48ch;margin:var(--lf-space-3) 0 0;color:var(--lf-bone-soft);font-size:var(--lf-text-sm);line-height:1.52}.lf-feature-proof__source{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lf-space-3) var(--lf-space-5);border-top:1px solid var(--lf-hairline);letter-spacing:.04em;text-transform:none}.lf-feature-proof__source a{color:var(--lf-blue-soft);font:inherit}.lf-feature-proof__source details{flex-basis:100%;color:var(--lf-bone-soft);font-family:var(--lf-body);font-size:var(--lf-text-xs);letter-spacing:0}.lf-feature-proof__source summary{width:-moz-fit-content;width:fit-content;cursor:pointer}.lf-editorial .lf-feature-proof__source details p{max-width:62ch;margin:var(--lf-space-2) 0 0;color:var(--lf-bone-soft);line-height:1.5}@media(min-width:760px){.lf-feature-proof__context{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}@media(max-width:520px){.lf-feature-proof__tabs{grid-template-columns:1fr}.lf-feature-proof__tabs button,.lf-feature-proof__tabs button:last-child{border-right:0;border-bottom:1px solid var(--lf-hairline)}.lf-feature-proof__tabs button:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){.lf-feature-proof__tabs button{transition:none}}.lf-project-walkthrough{position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--lf-bone) 16%,transparent);border-radius:var(--lf-radius-card);background:radial-gradient(95% 120% at 100% 0%,rgba(59,130,246,.1),transparent 54%),var(--lf-ink);box-shadow:0 1px color-mix(in srgb,var(--lf-bone) 8%,transparent) inset,0 28px 72px #0000004d}.lf-project-walkthrough__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--lf-space-3);align-items:center;padding:clamp(1.25rem,3vw,2rem);border-bottom:1px solid var(--lf-hairline)}.lf-project-walkthrough__icon{width:46px;height:46px;display:grid;place-items:center;color:var(--lf-fight);border:1px solid color-mix(in srgb,var(--lf-fight) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--lf-fight) 10%,transparent)}.lf-editorial .lf-project-walkthrough__head p{margin:0 0 .3rem;color:var(--lf-bone-dim);font-family:var(--lf-mono);font-size:var(--lf-text-2xs);letter-spacing:.08em;text-transform:uppercase}.lf-editorial .lf-project-walkthrough__head h3{margin:0;color:var(--lf-bone);font-family:var(--lf-heading);font-size:clamp(1.65rem,3.2vw,2.7rem);font-weight:700;line-height:1}.lf-project-walkthrough__availability{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;color:var(--lf-bone-soft);border:1px solid var(--lf-hairline);border-radius:var(--lf-radius-pill);background:color-mix(in srgb,var(--lf-bone) 4%,transparent);font-family:var(--lf-mono);font-size:var(--lf-text-2xs);letter-spacing:.05em;white-space:nowrap}.lf-project-walkthrough__availability--public:before,.lf-project-walkthrough__availability--private:before{width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--lf-fight);content:""}.lf-project-walkthrough__availability--private:before{background:var(--lf-blue)}.lf-project-walkthrough__stages{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0}.lf-project-walkthrough__stages li{position:relative;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--lf-space-3);align-items:start;padding:clamp(1.3rem,3vw,2rem)}.lf-project-walkthrough__stages li+li{border-top:1px solid var(--lf-hairline)}.lf-project-walkthrough__marker{width:18px;height:18px;display:block;margin-top:.18rem;border:5px solid #0d1016;border-radius:50%;background:var(--lf-fight);box-shadow:0 0 0 1px color-mix(in srgb,var(--lf-fight) 54%,transparent)}.lf-editorial .lf-project-walkthrough__stages h4{margin:0;color:var(--lf-bone);font-family:var(--lf-heading);font-size:clamp(1.45rem,2.6vw,2rem);font-weight:700;line-height:1}.lf-editorial .lf-project-walkthrough__stages p{max-width:48ch;margin:var(--lf-space-3) 0 0;color:var(--lf-bone-soft);font-size:var(--lf-text-sm);line-height:1.52}@media(min-width:760px){.lf-project-walkthrough__stages{grid-template-columns:repeat(var(--lf-stage-count),minmax(0,1fr))}.lf-project-walkthrough__stages li{grid-template-columns:minmax(0,1fr);align-content:start;padding:clamp(1.5rem,2.6vw,2.25rem)}.lf-project-walkthrough__stages li+li{border-top:0;border-left:1px solid var(--lf-hairline)}.lf-project-walkthrough__marker{margin:0 0 var(--lf-space-4)}}@media(max-width:640px){.lf-project-walkthrough__head{grid-template-columns:auto minmax(0,1fr)}.lf-project-walkthrough__availability{grid-column:1 / -1;justify-self:start;min-height:44px}}