.lpf{max-width:var(--mkt-band-w);padding:var(--lp-band-y,6rem) var(--lp-band-x,2rem);grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);align-items:start;gap:3.5rem;margin:0 auto;display:grid}.lpf-copy{position:sticky;top:6.5rem}.lpf-heading,.lpv-heading{font-family:var(--mkt-display-font);font-size:var(--mkt-t2,2.5rem);letter-spacing:-.02em;text-wrap:balance;font-weight:400;line-height:1.1}.lpf-heading{margin:0 0 2.25rem}.lpf-heading .lp-heavy{display:block}.lpf-list{border-bottom:1px solid var(--dz-border)}.lpf-item{border-top:1px solid var(--dz-border);position:relative}.lpf-tab{text-align:left;width:100%;font:500 1rem / 1.4 var(--brand-font-sans);color:var(--dz-text-secondary);cursor:pointer;background:0 0;border:0;padding:1rem 0 .95rem;display:block}.lpf-tab:hover{color:var(--dz-text-primary)}.lpf-tab:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}.lpf-item-on .lpf-tab{color:var(--dz-text-primary);padding-bottom:.4rem;font-weight:600}.lpf-detail{padding:0 0 1.15rem}.lpf-detail p{color:var(--dz-text-secondary);margin:0 0 .65rem;font-size:.9375rem;line-height:1.6}.lpf-link{color:var(--dz-text-primary);text-underline-offset:3px;font-size:.875rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.lpf-progress{height:2px;position:absolute;top:-1px;left:0;right:0;overflow:hidden}.lpf-progress>span{background:var(--dz-text-primary);transform-origin:0;height:100%;transform:scaleX(var(--p,0));transition:transform .1s linear;display:block}.lpf-fine{color:var(--dz-text-muted);margin:1.25rem 0 0;font-size:.75rem}.lpf-stage{position:relative}.lpf-window{border:1px solid color-mix(in srgb, var(--dz-text-primary) 12%, transparent);background:var(--dz-bg-primary);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 1px 1px #0f172a0a,0 8px 16px -8px #0f172a1f,0 32px 64px -28px #0f172a52}.lpf-titlebar{border-bottom:1px solid var(--dz-border-subtle,var(--dz-border));background:linear-gradient(to bottom, color-mix(in srgb, var(--dz-bg-secondary) 70%, var(--dz-bg-primary)), var(--dz-bg-secondary));grid-template-columns:1fr minmax(0,26rem) 1fr;align-items:center;gap:.75rem;height:2.6rem;padding:0 .9rem;display:grid}.lpf-dots{gap:.45rem;display:flex}.lpf-dots span{border-radius:50%;width:.7rem;height:.7rem;box-shadow:inset 0 0 0 .5px #0000001f}.lpf-dots span:first-child{background:#ff5f57}.lpf-dots span:nth-child(2){background:#febc2e}.lpf-dots span:nth-child(3){background:#28c840}.lpf-address{background:var(--dz-bg-primary);min-width:0;height:1.6rem;box-shadow:inset 0 0 0 1px var(--dz-border-subtle,var(--dz-border));color:var(--dz-text-muted);border-radius:7px;justify-content:center;align-items:center;gap:.4rem;padding:0 .75rem;display:flex}.lpf-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:400 .72rem / 1 var(--brand-font-sans);color:var(--dz-text-muted);overflow:hidden}.lpf-host{color:var(--dz-text-primary);font-weight:500}@media (width<=640px){.lpf-titlebar{grid-template-columns:auto minmax(0,1fr) 0;gap:.6rem;height:1.9rem;padding:0 .6rem}.lpf-dots{gap:.3rem}.lpf-dots span{width:.5rem;height:.5rem}.lpf-address{height:1.25rem;padding:0 .5rem}.lpf-url{font-size:.625rem}}.lpf-viewport{position:relative;overflow:hidden}.lpf-screen{transform-origin:0 0;position:absolute;top:0;left:0}.lpf-camera{transform-origin:0 0;will-change:transform;transition:transform 1.5s cubic-bezier(.65,0,.35,1);position:relative}.lpf-cursor{z-index:5;pointer-events:none;transition:transform .85s cubic-bezier(.5,0,.2,1);position:absolute;top:0;left:0}.lpf-cursor svg{filter:drop-shadow(0 2px 3px #00000040);display:block}.lpf-ripple{background:color-mix(in srgb, var(--dz-accent) 35%, transparent);border-radius:50%;width:30px;height:30px;animation:.6s ease-out .75s both lpf-ripple;position:absolute;top:-14px;left:-14px}@keyframes lpf-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.4)}}.lpf-pause{z-index:2;border:1px solid var(--dz-border);background:color-mix(in srgb, var(--dz-bg-primary) 88%, transparent);width:2rem;height:2rem;color:var(--dz-text-primary);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.85rem;right:.85rem}.lpf-pause:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}.lpf-enter,.lpf-enter-x{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(8px)}.lpf-enter-x{transform:translate(18px)}.lpf-in{opacity:1;transform:none}.lpf-press{animation:.35s .75s lpf-press}@keyframes lpf-press{50%{transform:scale(.94)}}.lpf-skel{background:linear-gradient(90deg, var(--dz-bg-tertiary) 0%, color-mix(in srgb, var(--dz-border) 70%, var(--dz-bg-tertiary)) 50%, var(--dz-bg-tertiary) 100%);background-size:200% 100%;border-radius:4px;width:70%;height:10px;animation:1.2s linear infinite lpf-shimmer;display:inline-block}@keyframes lpf-shimmer{to{background-position:-200% 0}}.lpf-fill{border-radius:3px;animation:.6s both lpf-fill}@keyframes lpf-fill{0%{opacity:0;background:color-mix(in srgb, var(--dz-ai,var(--dz-accent)) 22%, transparent)}}.lpf-caret{vertical-align:-.15em;background:currentColor;width:1px;height:1em;margin-left:1px;animation:.9s step-end infinite lpf-blink;display:inline-block}@keyframes lpf-blink{50%{opacity:0}}.lpf-bar{transform-origin:0;transition:transform .9s cubic-bezier(.2,.7,.2,1);transform:scaleX(0)}.lpf-bar-v{height:calc(var(--h) * 100%);transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 45ms);transform:scaleY(0)}.lpf-grow .lpf-bar{transform:scaleX(var(--w))}.lpf-grow .lpf-bar-v{transform:none}.lpf-step-icon{border:1.5px solid var(--dz-border);border-radius:50%;flex:none;place-items:center;width:16px;height:16px;display:grid}.lpf-step-run{border-color:var(--dz-ai,var(--dz-accent)) transparent var(--dz-ai,var(--dz-accent)) var(--dz-ai,var(--dz-accent));animation:.8s linear infinite lpf-spin}.lpf-step-done{border-color:var(--dz-success);background:var(--dz-success);color:#fff}@keyframes lpf-spin{to{transform:rotate(360deg)}}.lpf-static :is(.lpf-camera,.lpf-bar,.lpf-bar-v,.lpf-enter,.lpf-enter-x){transition:none}.lpf-static :is(.lpf-fill,.lpf-skel,.lpf-step-run,.lpf-press){animation:none!important}@media (width<=1100px){.lpf{grid-template-columns:minmax(0,1fr);gap:2rem}.lpf-copy{position:static}}.lpv{max-width:var(--mkt-band-w);padding:0 var(--lp-band-x,2rem) var(--lp-band-y,6rem);margin:0 auto}.lpv-heading{border-top:1px solid var(--dz-border);margin:0 0 2.5rem;padding-top:3rem}.lpv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;display:grid}.lpv-visual{aspect-ratio:16/10;border-radius:var(--mkt-r-md,12px);background:linear-gradient(160deg, color-mix(in srgb, var(--dz-accent) 5%, var(--dz-bg-secondary)) 0%, var(--dz-bg-secondary) 70%);font:400 .8125rem / 1.45 var(--brand-font-sans);font-variant-numeric:tabular-nums;place-items:center;padding:2rem;display:grid}.lpv-title{font:600 1rem / 1.35 var(--brand-font-sans);margin:1.1rem 0 .3rem}.lpv-title a{color:var(--dz-text-primary);text-decoration:none}.lpv-title a:hover{text-underline-offset:3px;text-decoration:underline}.lpv-desc{max-width:32rem;color:var(--dz-text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.lpv-fade{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(3px)}.lpv-fade.lpv-on{opacity:1;transform:none}.lpv-seg{background:color-mix(in srgb, var(--dz-text-primary) calc(80% - var(--i) * 11%), var(--dz-bg-primary));transform-origin:0;transition:transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 90ms);flex-basis:0;transform:scaleX(0)}.lpv-seg.lpv-on{transform:none}.lpv-progress{transform-origin:0;transform:scaleX(var(--p));transition:transform .45s}@media (width<=760px){.lpv-grid{grid-template-columns:minmax(0,1fr)}.lpv-visual{aspect-ratio:auto;padding:1.75rem 1.25rem}}@media (prefers-reduced-motion:reduce){.lpv *,.lpf *,.lph *{transition:none!important}}.lph{--scroll:0;border-radius:var(--mkt-r-lg,20px);isolation:isolate;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,4vw,3.5rem) 0;position:relative;overflow:hidden}.lph:before{content:"";z-index:-1;background:radial-gradient(55% 32% at 50% 6%, #ffdeaad9 0%, #ffdeaa00 75%), var(--lp-dawn-light) center 62% / cover no-repeat;filter:saturate(.6);transform:translateY(calc(var(--scroll) * 28px)) scale(1.06);animation:1.8s ease-out both lph-dawn;position:absolute;inset:0}@keyframes lph-dawn{0%{opacity:.35}to{opacity:1}}[data-theme=dark] .lph:before,.dark .lph:before{background:radial-gradient(50% 30% at 50% 6%, #ffc88280 0%, #7896c82e 45%, #0000 80%), var(--lp-dawn-dark) center 58% / cover no-repeat;filter:saturate(.7)}.lph-window{transform:translateY(calc(var(--scroll) * -16px));border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;animation:.75s cubic-bezier(.2,.7,.2,1) both lph-rise;box-shadow:0 1px 1px #0f172a0d,0 12px 24px -12px #0f172a2e,0 40px 90px -30px #0f172a73}@keyframes lph-rise{0%{opacity:0;translate:0 32px;scale:.985}to{opacity:1;translate:0;scale:1}}.lph:not(.lph-static) :is(.lph-seq,.dz-app-shell>aside){opacity:0}.lph-on:not(.lph-static) .dz-app-shell>aside{animation:.55s cubic-bezier(.2,.7,.2,1) .12s both lph-slide}.lph-on:not(.lph-static) .dz-app-shell>aside+aside{animation-delay:.22s}.lph-on:not(.lph-static) .lph-seq{animation:.5s cubic-bezier(.2,.7,.2,1) both lph-up;animation-delay:var(--d,0s)}.lph-on:not(.lph-static) .lph-deal{animation-name:lph-deal;animation-duration:.6s}@keyframes lph-slide{0%{opacity:0;translate:-14px}to{opacity:1;translate:0}}@keyframes lph-up{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes lph-deal{0%{opacity:0;translate:0 18px;scale:.97}70%{opacity:1;translate:0 -2px;scale:1.005}to{opacity:1;translate:0;scale:1}}.lph-on:not(.lph-static) .lpf-in .lph-tick{animation:.4s cubic-bezier(.2,.9,.3,1.4) both lph-pop;animation-delay:calc(var(--d,0s) + .12s)}.lph-pop{animation:.4s cubic-bezier(.2,.9,.3,1.4) both lph-pop}@keyframes lph-pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.lph-press{animation:.3s lpf-press}.lph-approved{animation:2.2s ease-out both lph-approved}@keyframes lph-approved{15%{background:color-mix(in srgb, var(--dz-success) 10%, transparent)}to{background:0 0}}.lph .lpf-bar-v{transition:transform .6s cubic-bezier(.2,.7,.2,1),height .7s cubic-bezier(.2,.7,.2,1),background-color .4s;transition-delay:calc(var(--i) * 45ms)}.lph-fading{opacity:0;transition:opacity .4s}.lph-cursor{opacity:0;transition:transform .85s cubic-bezier(.5,0,.2,1),opacity .35s}.lph-cursor-on{opacity:1}@media (prefers-reduced-motion:reduce){.lph-window,.lph:before,.lph .dz-app-shell>aside,.lph .lph-seq,.lph .lph-tick,.lph .lph-pop,.lph .lph-approved{opacity:1;transform:none;animation:none!important}}
