.p-lpidx .lpx-hero{border-bottom:1px solid var(--line);padding-block:28px 40px}.p-lpidx .lpx-hero-grid{gap:20px;display:grid}.p-lpidx .lpx-hero h1 .it{color:var(--navy)}.p-lpidx .lpx-hero .tlink{margin-top:12px}.p-lpidx .lpx-head-note{color:var(--text);max-width:30em;font-size:16px;line-height:1.6}.p-lpidx .lpx-grid{gap:40px;display:grid}.p-lpidx .lpx-grid>li{min-width:0}.p-lpidx .lpx-preview{border-radius:var(--r-lg);border:1px solid var(--line);padding:18px 18px 0;text-decoration:none;display:block;overflow:hidden}.p-lpidx .lpx-browser{background:var(--card);box-shadow:var(--shadow);transition:transform .26s var(--ease);border-radius:12px 12px 0 0;display:block;overflow:hidden}.p-lpidx .lpx-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:10px 14px;font-size:13px;display:flex}.p-lpidx .lpx-bar i{background:var(--line-strong);border-radius:50%;flex:none;width:8px;height:8px}.p-lpidx .lpx-bar span{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:8px;overflow:hidden}.p-lpidx .lpx-browser img{aspect-ratio:1440/900;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.p-lpidx .lpx-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-ink);justify-content:space-between;gap:12px;margin-top:18px;font-size:13px;font-weight:600;display:flex}.p-lpidx .lpx-num{font:italic 400 18px/1 var(--serif);letter-spacing:0;text-transform:none}.p-lpidx .lpx-card h3{margin-top:8px}.p-lpidx .lpx-card>p{max-width:30em;color:var(--text);margin-top:8px;font-size:16px;line-height:1.6}.p-lpidx .lpx-card .tlink{margin-top:6px}.p-lpidx .lpx-next{border-radius:var(--r-lg);gap:20px;margin-top:56px;padding:30px 22px;display:grid}.p-lpidx .lpx-next h2{font-size:clamp(28px,7.4vw,44px)}.p-lpidx .lpx-next-side{justify-items:start;gap:18px;display:grid}.p-lpidx .lpx-next-side>p:first-child{color:var(--on-navy);max-width:30em;font-size:17px;line-height:1.6}.p-lpidx .lpx-next .caption{margin-top:0}@media (hover:hover) and (pointer:fine){.p-lpidx .lpx-preview:hover .lpx-browser{transform:translateY(-6px)}}@media (min-width:640px){.p-lpidx .lpx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}.p-lpidx .lpx-preview{padding:28px 28px 0}}@media (min-width:900px){.p-lpidx .lpx-hero{padding-block:48px 72px}.p-lpidx .lpx-hero-grid{grid-template-columns:1.15fr 1fr;align-items:end;gap:clamp(32px,5vw,80px)}.p-lpidx .lpx-grid{gap:72px 48px}.p-lpidx .lpx-next{border-radius:var(--r-xl);grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;margin-top:88px;padding:56px}}@media (prefers-reduced-motion:reduce){.p-lpidx .lpx-browser{transition:none}}