table.lp-cmp thead th.us{background:var(--tint);color:var(--navy)}

table.lp-cmp thead th .sfa-cc{display:block;margin-top:5px;font-size:.74rem;font-weight:700;color:var(--mute)}
table.lp-cmp thead th.us .sfa-cc{color:var(--blue)}
table.lp-cmp tbody th{text-align:left;font-weight:700;color:var(--ink);background:var(--paper);
  width:32%}
table.lp-cmp td.us{background:var(--tint)}
table.lp-cmp tr.grp th{background:#2C313B;color:#fff;font-weight:900;font-size:.84rem;
  letter-spacing:.04em;text-align:left;width:auto}
table.lp-cmp tbody tr:last-child th,table.lp-cmp tbody tr:last-child td{border-bottom:0}
.m{display:inline-block;font-family:var(--lat);font-size:1.16rem;font-weight:800;line-height:1}
.m.o{color:var(--blue)}
.m.t{color:var(--mute)}
.m.x{color:var(--mute);opacity:.5}
.cnote{display:block;margin-top:6px;font-size:.72rem;font-weight:700;color:var(--blue);line-height:1.6}
.lp-cmpnote{display:none;margin-top:14px;font-size:.78rem;color:var(--mute);line-height:1.9}

.sfa-cs{display:none}
@media(max-width:760px){
  .lp-cmpwrap{overflow-x:visible}
  table.lp-cmp{min-width:0;font-size:.72rem;table-layout:fixed}
  table.lp-cmp th,table.lp-cmp td{padding:11px 6px}
  table.lp-cmp thead th:first-child{width:30%}
  table.lp-cmp thead th.us{width:22%}
  table.lp-cmp thead th:not(:first-child):not(.us){width:16%}
  table.lp-cmp thead th .sfa-cc{display:none}
  table.lp-cmp thead th .sfa-cf{display:none}
  table.lp-cmp thead th .sfa-cs{display:block}
  table.lp-cmp tbody th{width:30%;padding-left:8px}
  .cnote{display:none}
  .lp-cmpnote{display:block}
}


.lp-cv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:860px){.lp-cv{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}
.lp-cv > li{background:var(--paper);border:1px solid var(--line);border-radius:20px;
  padding:30px 28px;box-shadow:0 6px 20px rgba(16,32,72,.06);display:flex;flex-direction:column}
.lp-cv h3{margin:0;font-size:1.22rem;font-weight:900;color:var(--ink);line-height:1.5}
.lp-cv .cvp{margin-top:14px;font-size:.94rem;color:#2C313B;line-height:1.95}
.lp-cv ul{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:10px}
.lp-cv ul li{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;font-weight:700;
  color:var(--ink);line-height:1.8}
.lp-cv ul .ck{flex:none;width:22px;height:22px;border-radius:50%;background:var(--tint);
  color:var(--blue);display:grid;place-items:center;margin-top:4px}
.lp-cv ul .ck svg{width:12px;height:12px}
.lp-cv .cvbtn{margin-top:auto;padding-top:24px}
.lp-cv .cvbtn .btn{width:100%}

.lp-cv .cvfor{margin-top:10px;display:inline-block;align-self:flex-start;padding:5px 12px;border-radius:999px;
  background:var(--tint);color:var(--navy);font-size:.76rem;font-weight:800;line-height:1.6}


footer{background:var(--char);color:rgba(255,255,255,.82);padding:44px 0 34px}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between}
footer .fb{color:#fff;line-height:0}
footer .fb svg{height:21px;width:auto;fill:currentColor}
footer .flinks{display:flex;flex-wrap:wrap;gap:6px 22px}
footer a{color:rgba(255,255,255,.82);text-decoration:none;font-size:.84rem;font-weight:700;
  display:inline-flex;align-items:center;min-height:44px}
footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer .cp{width:100%;font-size:.75rem;color:rgba(255,255,255,.55);margin-top:6px}




.sfa-fvfig{margin:0;background:var(--paper);border:1px solid var(--line);
  border-radius:18px;padding:16px 14px 12px;box-shadow:0 6px 20px rgba(16,32,72,.06)}
.sfa-fvfig svg{width:100%;height:auto;display:block}
.sfa-fvfig video{width:100%;height:auto;aspect-ratio:16/9;display:block;border-radius:12px;background:var(--tint)}
.sfa-fvfig figcaption{margin-top:10px;text-align:center;font-size:.78rem;font-weight:700;
  color:var(--navy);line-height:1.8}


.sfa-gain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
@media(max-width:900px){.sfa-gain{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.sfa-gain{grid-template-columns:1fr}}
.sfa-gain > li{background:var(--paper);border:1px solid var(--line);border-radius:16px;
  padding:20px 18px;box-shadow:0 6px 20px rgba(16,32,72,.06)}
.sfa-gain b{display:block;font-size:1rem;font-weight:900;color:var(--ink);line-height:1.55}
.sfa-gain p{margin-top:9px;font-size:.86rem;color:var(--mute);line-height:1.8}


.sfa-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
@media(max-width:900px){.sfa-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.sfa-steps{grid-template-columns:1fr}}
.sfa-steps > li{background:var(--paper);border:1px solid var(--line);border-radius:16px;
  padding:20px 18px;box-shadow:0 6px 20px rgba(16,32,72,.06)}
.tint .sfa-steps > li,.tint .sfa-gain > li{background:var(--paper)}
.sfa-steps .k{font-family:var(--lat);font-size:.74rem;font-weight:800;letter-spacing:.12em;color:var(--blue)}
.sfa-steps b{display:block;margin-top:7px;font-size:1rem;font-weight:900;color:var(--ink);line-height:1.55}
.sfa-steps p{margin-top:9px;font-size:.86rem;color:var(--mute);line-height:1.8}


.sfa-mix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
@media(max-width:860px){.sfa-mix{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}
.sfa-mix > li{background:var(--paper);border:1px solid var(--line);border-radius:20px;
  padding:24px 24px 26px;box-shadow:0 6px 20px rgba(16,32,72,.06);
  display:flex;flex-direction:column}
.sfa-mix .mx{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.sfa-mix .mx span{font-size:.74rem;font-weight:900;color:var(--blue);background:var(--tint);
  border-radius:999px;padding:6px 13px;line-height:1.5}
.sfa-mix .mx em{font-style:normal;font-weight:900;color:var(--mute);font-size:.86rem}
.sfa-mix .mx .af{background:var(--blue);color:#fff}
.sfa-mix > li > b{display:block;margin-top:15px;font-size:1.06rem;font-weight:900;
  color:var(--ink);line-height:1.6;min-height:3.2em}
.sfa-mix p{margin-top:11px;font-size:.88rem;color:#2C313B;line-height:1.9}
.sfa-mix .sfa-ph{aspect-ratio:16/9;margin-top:16px}
.sfa-mix .sfa-ph .pht{font-size:.78rem}
.sfa-mix .ans{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);
  font-size:.86rem;font-weight:800;color:var(--navy);line-height:1.8}


.sfa-mix > li{container-type:inline-size}
.sfa-scr{margin:16px 0 0;background:#C5D8F5;border-radius:12px;padding:.85em;
  font-size:10px;font-size:clamp(9px,2.2cqw,11.6px);line-height:1.6;color:var(--ink)}
.sfa-scr .scr-bar{background:var(--paper);border-radius:8px;padding:.7em .8em;
  display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.sfa-scr .scr-ic{flex:none;width:2em;height:2em;border-radius:.45em;background:var(--blue);
  color:#fff;display:grid;place-items:center}
.sfa-scr .scr-ic svg{width:1.25em;height:1.25em}
.sfa-scr .scr-obj{font-weight:900;font-size:1.14em;line-height:1.4}
.sfa-scr .scr-nm{font-weight:900;font-size:1.26em;line-height:1.4;color:var(--blue);
  padding-left:.5em;border-left:1px solid var(--line)}
.sfa-scr .scr-meta{display:flex;flex-wrap:wrap;gap:.15em 0;margin-left:auto}
.sfa-scr .scr-meta li{display:flex;align-items:baseline;gap:.45em;line-height:1.5;
  padding:0 .7em;border-left:1px solid var(--line)}
.sfa-scr .scr-meta li:first-child{border-left:0}
.sfa-scr .scr-meta i{font-style:normal;color:var(--mute);font-weight:700}
.sfa-scr .scr-meta b{font-weight:700;color:var(--ink)}