body{margin:0}a{color:#0A3D8F}a:hover{color:#072C69}.pp .lp-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 64px;align-items:end;margin-bottom:40px}.pp .lp-tool{display:grid;grid-template-columns:400px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.pp .lp-in{padding:28px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--line)}.pp .lp-in label,.pp .lp-in .lbl{font-weight:700;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pp .lp-in .input{width:100%;min-height:48px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ink2) 55%,var(--line));border-radius:4px;background:var(--bg);color:var(--ink);font:400 17px/1.3 var(--fb)}.pp .lp-cnt{font:400 12px/1 var(--fp);color:var(--ink2)}.pp .lp-cnt.over{color:var(--warn)}.pp .lp-samples{display:flex;flex-wrap:wrap;gap:6px}.pp .lp-samples button{min-height:44px;padding:0 12px;border:1px dashed color-mix(in srgb,var(--ink2) 60%,var(--line));border-radius:4px;background:transparent;color:var(--ink);font:400 14px/1.2 var(--fb);cursor:pointer;text-align:left}.pp .lp-samples button:hover{background:var(--soft)}.pp .lp-out{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px 40px;align-items:start;background:var(--bg);background-image:radial-gradient(color-mix(in srgb,var(--ink2) 18%,transparent) 1px,transparent 1.5px);background-size:16px 16px}.pp .lp-ad{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 20px -14px rgba(12,34,54,.4)}.pp .lp-ad .spon{font:700 12px/1 var(--fb);color:var(--ink)}.pp .lp-ad .url{font-size:13px;color:var(--ink2);overflow-wrap:anywhere}.pp .lp-ad .hl{font:500 20px/1.25 var(--fb);color:#1A4FB0;overflow-wrap:anywhere}.pp[data-theme=dark] .lp-ad .hl,html[data-theme=dark] .pp .lp-ad .hl{color:#9CC0F5}.pp .lp-soc-img{height:120px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--tint) 26%,var(--surface)) 0 12px,color-mix(in srgb,var(--tint) 18%,var(--surface)) 12px 24px);display:grid;place-items:center}.pp .lp-soc-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.pp .lp-soc-cta span{font:700 13px/1 var(--fb);padding:8px 10px;background:var(--soft);color:var(--ink)}.pp .lp-path{display:flex;gap:6px;align-items:center;margin:14px 0 0 18px}.pp .lp-path i{width:10px;height:10px;background:var(--tint)}.pp .lp-path i:nth-child(2n){opacity:.5}.pp .lp-phone{border:10px solid #0C2236;border-radius:28px;background:#FFFFFF;color:#0C2236;overflow:hidden;min-height:540px;display:flex;flex-direction:column}.pp .lp-phone .bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #E3ECF9}.pp .lp-phone .bar b{display:flex;align-items:center;gap:8px;font:700 13px/1 var(--fb)}.pp .lp-phone .bar b i{width:14px;height:14px;background:#2F6FD0}.pp .lp-phone .pg{padding:22px 18px;display:flex;flex-direction:column;gap:14px}.pp .lp-phone h3{font:700 26px/1.1 var(--fd);letter-spacing:-.02em;color:#0C2236;transition:background-color .3s}.pp .lp-phone p{font-size:15px;line-height:1.45;color:#3F5468}.pp .lp-phone .go{align-self:flex-start;padding:13px 18px;background:#2F6FD0;color:#fff;font:700 15px/1 var(--fb);border-radius:4px}.pp .lp-phone .prf{display:flex;flex-wrap:wrap;gap:6px}.pp .lp-phone .prf span{font:700 12px/1 var(--fb);padding:6px 8px;border:1px solid #D5E0EA;color:#3F5468}.pp .lp-phone .ln{height:36px;border:1px solid #D5E0EA;border-radius:4px}.pp .lp-phone mark{background:#FFE58A;color:inherit;padding:0 2px}.pp .lp-phone.gen h3{color:#3F5468}.pp .lp-score{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center;padding-top:18px;border-top:1px solid var(--line)}.pp .lp-meter{height:20px;display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:3px}.pp .lp-meter i{background:var(--line)}.pp .lp-meter i.on{background:var(--tint)}.pp .lp-meter i.lo{background:var(--warn)}.pp .lp-score b{font:700 44px/1 var(--fd);font-variant-numeric:tabular-nums}.pp .lp-kw{display:flex;flex-wrap:wrap;gap:6px;list-style:none;grid-column:1 / -1}.pp .lp-kw li{font:700 13px/1 var(--fb);padding:7px 9px;border:1px solid var(--line);background:var(--surface);display:inline-flex;gap:6px;align-items:center}.pp .lp-kw li.hit{border-color:var(--ok);color:var(--ok)}.pp .lp-kw li.miss{border-style:dashed;border-color:var(--warn);color:var(--warn)}.pp .lp-five{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 56px;align-items:start}.pp .lp-desk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#FFFFFF;color:#0C2236;position:relative}.pp .lp-desk .z{transition:opacity .35s ease-out,box-shadow .35s}.pp .lp-desk.dimmed .z{opacity:.12}.pp .lp-desk.dimmed .z.hi{opacity:1;box-shadow:0 0 0 3px #2F6FD0,0 0 0 9px rgba(47,111,208,.18)}.pp .lp-desk .nav{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid #E3ECF9;font:600 13px/1 var(--fb);color:#3F5468}.pp .lp-desk .nav span+span{margin-left:16px}.pp .lp-desk .body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;padding:32px 22px}.pp .lp-desk h3{font:700 34px/1.08 var(--fd);letter-spacing:-.02em;color:#0C2236;padding:4px}.pp .lp-desk p{font-size:15px;color:#3F5468}.pp .lp-desk .pr{display:flex;flex-wrap:wrap;gap:8px;padding:6px;align-self:flex-start}.pp .lp-desk .pr span{font:700 13px/1 var(--fb);padding:7px 9px;border:1px solid #D5E0EA;color:#0C2236}.pp .lp-desk .fm{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #D5E0EA;border-radius:8px}.pp .lp-desk .fm .ln{height:34px;border:1px solid #D5E0EA;border-radius:4px}.pp .lp-desk .fm .go{padding:12px;text-align:center;background:#2F6FD0;color:#fff;font:700 15px/1 var(--fb);border-radius:4px}.pp .lp-desk .ft{display:flex;gap:16px;padding:14px 22px;border-top:1px solid #E3ECF9;font-size:12px;color:#3F5468}.pp .lp-tag{position:absolute;display:none;align-items:center;gap:8px;padding:6px 10px;background:#0C2236;color:#fff;font:400 13px/1 var(--fp)}.pp .lp-desk.dimmed .lp-tag.show{display:inline-flex}.pp .lp-steps{display:flex;flex-direction:column;gap:8px}.pp .lp-steps button{min-height:56px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;font:400 16px/1.3 var(--fb)}.pp .lp-steps button span{display:grid;place-items:center;width:32px;height:32px;background:var(--soft);font:700 15px/1 var(--fp)}.pp .lp-steps button[aria-pressed=true]{border:2px solid var(--tint)}.pp .lp-steps button[aria-pressed=true] span{background:var(--tint);color:#fff}.pp .lp-no{list-style:none;display:flex;flex-direction:column}.pp .lp-no li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--line)}@container pp (max-width:1000px){.pp .lp-head,.pp .lp-five{grid-template-columns:minmax(0,1fr)}.pp .lp-tool{grid-template-columns:minmax(0,1fr)}.pp .lp-in{border-right:0;border-bottom:1px solid var(--line)}}@container pp (max-width:640px){.pp .lp-out{grid-template-columns:minmax(0,1fr);padding:18px}.pp .lp-in{padding:18px}.pp .lp-desk .body{grid-template-columns:minmax(0,1fr)}.pp .lp-desk .nav span+span{display:none}.pp .lp-score b{font-size:34px}}