.lp4{margin-top:40px;--lp4-line:#e5e5e5;--lp4-ink:#171717;--lp4-brand:#2563eb;--lp4-top:calc(var(--nav-h,71px) + 64px)}
.lp4__tabs{position:sticky;top:var(--nav-h,71px);z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fafafa;border:1px solid var(--lp4-line);border-radius:12px 12px 0 0;overflow:hidden}
.lp4__tab{display:flex;align-items:center;justify-content:center;gap:7px;height:52px;padding:0 8px;font-size:13.5px;font-weight:500;color:#525252;text-decoration:none;border-right:1px solid var(--lp4-line);white-space:nowrap;transition:background .2s,color .2s}
.lp4__tab:last-child{border-right:0}
.lp4__tab i{width:15px;height:15px;display:inline-block;color:var(--lp4-brand);flex:none}
.lp4__tab:hover{color:var(--lp4-ink)}
.lp4__tab.is-on{background:#fff;color:var(--lp4-ink)}
.lp4__row{border:1px solid var(--lp4-line);border-top:0;background:#fff}
.lp4__row:last-child{border-radius:0 0 12px 12px}
.lp4__card{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);min-height:580px;background:#fff}
.lp4__text{padding:44px 40px 40px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.lp4__eye{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#525252}
.lp4__eye i{width:14px;height:14px;display:inline-block;color:var(--lp4-brand)}
.lp4__text h3{font-size:var(--fs-heading-s,30px);font-weight:450;letter-spacing:-.025em;line-height:1.2;margin:0;max-width:24ch;color:var(--lp4-ink);text-wrap:pretty}
.lp4__text p{margin:0;font-size:16px;line-height:1.55;max-width:46ch;color:#3a3a3a}
.lp4__more{display:inline-flex;align-items:center;gap:.35em;font-size:15px;font-weight:500;color:var(--lp4-brand);text-decoration:none;width:max-content}
.lp4__more::after{content:"\2192";transition:translate .2s}
.lp4__more:hover{text-decoration:underline;text-underline-offset:.2em}.lp4__more:hover::after{translate:3px 0}
.lp4__text .w-richtext ul,.lp4__list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:11px}
.lp4__text .w-richtext li{margin:0;padding:0;list-style:none}
.lp4__text .w-richtext li,.lp4__list li{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.45;color:var(--lp4-ink)}
.lp4__text .w-richtext li::before,.lp4__list li::before{content:"";width:12px;height:12px;border:1.5px solid #a3a3a3;border-radius:50%;flex:none;margin-top:5px}
.lp4__media{position:relative;overflow:hidden;min-height:580px;border-left:1px solid var(--lp4-line);background:#dfe6f0;contain:paint}
.lp4__bg{position:absolute;inset:0;background:var(--bg) center/cover no-repeat}
.lp4__win{position:absolute;left:9%;top:7%;width:94%;max-width:600px;opacity:0;transform:translate(40px,12px);will-change:transform,opacity}
.lp4__win .lp3{box-shadow:0 24px 48px rgba(10,20,40,.26);border-radius:12px;cursor:pointer;transform:translateZ(0)}
.lp4 .lp3-frame,.lp4 .lphp-frame.lp3-frame{background:none;padding:0;border-radius:0}
.lp4 .lp3-frame::after,.lp4 .lphp-frame.lp3-frame::after{display:none}
.lp4__beat{position:absolute;width:262px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 14px 40px rgba(10,20,40,.22);display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(18px);font-family:Inter,-apple-system,"Segoe UI",sans-serif;z-index:2;will-change:transform,opacity}
.lp4__beat i{width:18px;height:18px;display:inline-block;color:var(--lp4-brand);flex:none;margin-top:1px}
.lp4__beat img{width:20px;height:20px;flex:none;object-fit:contain;margin-top:0}
.lp4__beat b{display:block;font-size:13px;font-weight:600;line-height:17px;color:var(--lp4-ink)}
.lp4__beat small{display:block;font-size:12px;line-height:16px;color:#737373}
.lp4__beat--notif{border-radius:14px;padding:11px 13px}
.lp4__beat--src .lp4__srcs{display:flex;flex:none;margin-top:1px}
.lp4__srcs img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 2px #fff;object-fit:contain}
.lp4__srcs img+img{margin-left:-6px}
.lp4__beat--notif em{font-style:normal;font-size:11px;color:#a3a3a3;display:block;margin-bottom:1px}
.lp4__row.is-static .lp4__win,.lp4__row.is-static .lp4__beat{opacity:1;transform:none}
.lp4__more-strip{border:1px solid var(--lp4-line);border-top:0;border-radius:0 0 12px 12px;background:#fafafa;padding:28px 40px 32px}
.lp4__more-strip>span{display:block;font-size:13px;font-weight:500;color:#525252;margin-bottom:16px}
.lp4__more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp4__more-tile{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;background:#fff;border:1px solid var(--lp4-line);border-radius:10px;text-decoration:none;color:var(--lp4-ink);transition:border-color .2s}
.lp4__more-tile:hover{border-color:#a3a3a3}
.lp4__more-tile i{width:16px;height:16px;display:inline-block;color:var(--lp4-brand)}
.lp4__more-tile b{font-size:15px;font-weight:600;line-height:20px}
.lp4__more-tile small{font-size:13px;line-height:18px;color:#525252}
.lp4__more-tile em{font-style:normal;font-size:13px;font-weight:500;color:var(--lp4-brand);margin-top:4px}
.lp4__row:last-of-type{border-radius:0}
@media (min-width:992px){
.lp4__row{min-height:0}
.lp4__card{min-height:640px}
.lp4__media{min-height:640px}
}
@media (max-width:991px){
.lp4__more-strip{padding:22px 20px 24px}
.lp4__more-grid{grid-template-columns:1fr 1fr;gap:10px}
.lp4__tabs{display:flex;overflow-x:auto;scrollbar-width:none;top:var(--nav-h,61px)}
.lp4__tabs::-webkit-scrollbar{display:none}
.lp4__tab{flex:none;padding:0 14px}
.lp4__card{grid-template-columns:1fr;min-height:0}
.lp4__text{padding:28px 22px 24px}
.lp4__media{min-height:400px;border-left:0;border-top:1px solid var(--lp4-line)}
.lp4__win{left:5%;top:6%;width:100%;max-width:none}
.lp4__beat{width:230px;left:4%!important;right:auto!important;bottom:6%!important}
.lp4__beat:not(:last-of-type){display:none}
}
@media (prefers-reduced-motion:reduce){.lp4__win,.lp4__beat{opacity:1;transform:none}.lp4__bg{transform:none!important}}
