.lps{flex-direction:column;gap:18px;margin-top:40px;display:flex}.lps-frame{flex-direction:column;gap:18px;display:flex}.lps-toolbar{flex-wrap:nowrap;align-items:center;gap:12px 16px;display:flex}.lps-segment{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--text) 5%, var(--bg-card));border-radius:999px;padding:4px;display:inline-flex}.lps-seg-btn{appearance:none;color:var(--text-muted);font:650 13px/1 var(--font-inter-tight), system-ui, sans-serif;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;transition:background .14s,color .14s,box-shadow .14s;display:inline-flex}.lps-device-icon{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;opacity:.78;width:15px;height:15px}.lps-seg-btn.is-active .lps-device-icon{opacity:1}.lps-seg-btn.is-active{background:var(--text);color:var(--bg);box-shadow:0 8px 18px -10px color-mix(in srgb, var(--text) 45%, transparent)}.lps-seg-btn:focus-visible,.lps-tab:focus-visible,.lps-play:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.lps-tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto;padding-bottom:2px;display:flex;overflow-x:auto}.lps-tab{appearance:none;color:var(--text-muted);font:600 13px/1 var(--font-inter-tight), system-ui, sans-serif;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:10px 14px;transition:background .14s,border-color .14s,color .14s}.lps-tab:hover{background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--text)}.lps-tab.is-active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-strong));background:color-mix(in srgb, var(--accent) 14%, var(--bg-card));color:var(--accent)}.lps-stage{justify-content:center;align-items:center;min-height:320px;padding:8px 0 4px;display:flex;position:relative}.lps-stage--web{padding:4px 0 0}.lps-browser{border:1px solid var(--border-strong);background:var(--bg-card);width:100%;max-width:1120px;box-shadow:0 36px 80px color-mix(in srgb, var(--text) 12%, transparent), 0 10px 28px color-mix(in srgb, var(--text) 6%, transparent);border-radius:18px;overflow:hidden}.lps-browser-bar{background:color-mix(in srgb, var(--text) 4%, var(--bg-card));border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 14px;display:flex}.lps-dot{background:color-mix(in srgb, var(--text) 18%, transparent);border-radius:50%;width:10px;height:10px}.lps-dot:first-child{background:#e8a59a}.lps-dot:nth-child(2){background:#e2c27a}.lps-dot:nth-child(3){background:#9dc49a}.lps-url{background:color-mix(in srgb, var(--text) 6%, var(--bg));border:1px solid var(--border);min-width:0;color:var(--text-muted);font:500 12px/1.2 var(--font-inter-tight), system-ui, sans-serif;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin-left:8px;padding:7px 14px;overflow:hidden}.lps-browser-body{aspect-ratio:16/10;background:#efeae1;position:relative;overflow:hidden}.lps-media{object-fit:cover;object-position:top center;image-rendering:auto;background:#efeae1;width:100%;height:100%;display:block}.lps-media--still{inset:0;width:100%!important;height:100%!important;position:absolute!important}.lps-media--video{object-fit:cover;position:absolute;inset:0}.lps-play{z-index:2;color:#fff;min-height:40px;font:650 13px/1 var(--font-inter-tight), system-ui, sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#063734d6;border:1px solid #ffffff5c;border-radius:999px;align-items:center;gap:8px;padding:0 15px;transition:background .16s,transform .16s;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 22px #08232238}.lps-play:hover{background:#063734f2;transform:translateY(-1px)}.lps-play span{place-items:center;width:12px;font-size:11px;display:inline-grid}.lps-phone-scroll-scene{min-height:0;position:relative}.lps-stage--mobile{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 34%), transparent;justify-content:stretch;align-items:stretch;width:100vw;max-width:100vw;min-height:0;margin-inline:calc(50% - 50vw);padding:4px 0 0}.lps-phone-strip{overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:flex-start;gap:22px;width:100%;padding:12px max(24px,50vw - 150px) 10px;scroll-padding-inline:max(24px,50vw - 150px);display:flex;overflow:auto hidden}@media (min-width:721px){.lps-phone-scroll-scene[data-scroll-driven=true]{height:calc(100dvh - 92px + var(--lps-phone-travel,900px))}.lps-phone-scroll-scene[data-scroll-driven=true] .lps-stage--mobile{align-items:flex-start;height:calc(100dvh - 92px);padding-block:clamp(18px,2.4vh,26px) 10px;position:sticky;top:76px;overflow:hidden}.lps-phone-scroll-scene[data-scroll-driven=true] .lps-phone-strip{overscroll-behavior:auto;scroll-snap-type:none;padding-block:12px;overflow:hidden}.lps-phone-scroll-scene[data-scroll-driven=true] .lps-phone-card{width:clamp(220px,44dvh - 96.8px,280px)}}.lps-phone-strip::-webkit-scrollbar{display:none}.lps-mobile-controls{display:none}.lps-phone-card{scroll-snap-align:center;flex-direction:column;flex:none;align-items:stretch;gap:18px;width:min(300px,72vw);transition:transform .22s;display:flex;transform:scale(.97)}.lps-phone-card.is-active{transform:scale(1)}.lps-phone-copy{opacity:.46;width:100%;transition:opacity .22s}.lps-phone-label{min-height:2.32em;color:var(--text);font:680 17px/1.16 var(--font-inter-tight), system-ui, sans-serif;letter-spacing:-.018em;text-wrap:balance;margin:0}.lps-phone-description{color:var(--text-muted);font:500 13px/1.45 var(--font-inter-tight), system-ui, sans-serif;text-wrap:pretty;margin:7px 0 0}.lps-phone-card.is-active .lps-phone-copy{opacity:1}.lps-phone{aspect-ratio:1405/2896;opacity:.72;filter:saturate(.72)contrast(.96);width:100%;transition:filter .22s,opacity .22s;position:relative;overflow:hidden}.lps-phone-card.is-active .lps-phone{opacity:1;filter:none}.lps-phone-screen{z-index:0;background:#efeae1;border-radius:8%/4%;width:90.96%;height:96.133%;position:absolute;top:1.934%;left:4.484%;overflow:hidden}.lps-phone-frame{z-index:1;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lps-media--phone{z-index:1;object-fit:cover;object-position:top center;inset:0;position:absolute!important}.lps-caption{text-align:center;gap:7px;width:min(100%,620px);margin:2px auto 0;display:grid}.lps-caption-title{color:var(--text);font:680 clamp(18px, 1.7vw, 22px)/1.15 var(--font-inter-tight), system-ui, sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:0}.lps-caption-description{color:var(--text-muted);font:500 14px/1.5 var(--font-inter-tight), system-ui, sans-serif;text-wrap:pretty;margin:0}[data-theme=dark] .lps-tab{color:#f1f3f5b8}[data-theme=dark] .lps-tab:hover{color:#f1f3f5;background:#f1f3f514}[data-theme=dark] .lps-tab.is-active{color:var(--accent-soft,#6ac4c4);border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 16%, var(--bg-card))}[data-theme=dark] .lps-seg-btn{color:#f1f3f5b8}[data-theme=dark] .lps-seg-btn.is-active{color:#0e0f11;background:#f1f3f5}[data-theme=dark] .lps-segment{background:#f1f3f50d;border-color:#f1f3f529}[data-theme=dark] .lps-browser{border-color:#f1f3f524;box-shadow:0 36px 80px #00000073,0 10px 28px #00000047}[data-theme=dark] .lps-caption-description{color:#f1f3f59e}@media (max-width:720px){.lps{gap:14px;margin-top:28px}.lps-frame{gap:14px}.lps-toolbar{display:block}.lps-segment{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:4px;display:grid}.lps-seg-btn{min-height:42px;padding-inline:12px}.lps-tab{padding:9px 12px;font-size:12px}.lps-tabs{display:none}.lps-tabs::-webkit-scrollbar{display:none}.lps-browser{border-radius:14px}.lps-browser-bar{padding:10px 12px}.lps-play{min-height:36px;font-size:12px;bottom:12px;right:12px}.lps-phone-strip{overscroll-behavior-inline:auto;scroll-snap-type:x mandatory;gap:16px;padding:8px max(16px,50vw - 130px);scroll-padding-inline:max(16px,50vw - 130px)}.lps-stage--mobile{flex-direction:column}.lps-phone-card{scroll-snap-stop:always;gap:14px;width:min(260px,74vw)}.lps-mobile-controls{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;width:min(340px,100% - 32px);margin:10px auto 0;display:grid}.lps-mobile-arrow{appearance:none;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--text) 5%, var(--bg-card));width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:transform .16s,background-color .16s,border-color .16s,opacity .16s;display:grid}.lps-mobile-arrow:active:not(:disabled){transform:scale(.95)}.lps-mobile-arrow:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.lps-mobile-arrow:disabled{opacity:.28;cursor:default}.lps-mobile-arrow svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.lps-mobile-progress{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.lps-mobile-count{color:var(--text-muted);font:650 11px/1 var(--font-inter-tight), system-ui, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.04em}.lps-mobile-dots{justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.lps-mobile-dots span{background:color-mix(in srgb, var(--text) 20%, transparent);border-radius:999px;width:5px;height:5px;transition:width .22s cubic-bezier(.22,1,.36,1),background-color .22s}.lps-mobile-dots span.is-active{background:var(--accent);width:22px}.lps-phone{aspect-ratio:1405/2896}.lps-phone-label{min-height:0;font-size:16px}.lps-phone-description{font-size:12.5px}.lps-caption{padding:0 8px}}@media (prefers-reduced-motion:reduce){.lps-seg-btn,.lps-tab,.lps-play,.lps-phone-card{transition:none}}[data-theme=dark] .lps-phone-copy{opacity:.52}[data-theme=dark] .lps-phone-card.is-active .lps-phone-copy{opacity:1}