.cp-hero{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(36px,4vw,56px)}
.cp-hero .display{font-size:clamp(2.4rem,5.4vw,4.6rem);max-width:18ch}
.disc{margin-top:22px;font-family:var(--mono);font-size:.75rem;color:var(--fg-3);line-height:1.6;max-width:90ch}
.disc b{color:var(--fg-2);font-weight:500}
.sa{display:grid;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
@media (min-width:960px){.sa{grid-template-columns:1.15fr 1fr 1fr}}
.sa>div{padding:24px 24px 26px;display:grid;gap:12px;align-content:start;border-bottom:1px solid var(--line)}
.sa>div:last-child{border-bottom:0}
@media (min-width:960px){.sa>div{border-bottom:0;border-right:1px solid var(--line)}.sa>div:last-child{border-right:0}}
.sa .io{background:rgba(79,107,255,.08)}
.sa h3{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.sa ul{display:grid;gap:8px}
.sa li{position:relative;padding-left:16px;color:var(--fg-2);font-size:.9375rem;line-height:1.5}
.sa li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--accent)}
.sa .vn li::before{background:var(--fg-3)}
.sa .k{color:var(--fg-4)}
.offs{display:grid;gap:0;border-top:1px solid var(--line)}
@media (min-width:900px){.offs{grid-template-columns:1fr 1fr}}
.offcol{padding:24px 24px 8px 0;min-width:0}
@media (min-width:900px){.offcol+.offcol{border-left:1px solid var(--line);padding-left:24px}}
.offcol h3{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}
.off2{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.off2 .k{color:var(--fg-4);padding-top:3px}
.off2 b{display:block;font-weight:600;color:#fff;margin-bottom:4px}
.off2 span{color:var(--fg-2);font-size:.9375rem;line-height:1.5}
.off2 a{color:var(--fg-3);font-family:var(--mono);font-size:.6875rem}
@media (max-width:560px){.off2{grid-template-columns:1fr;gap:4px}}
.ct{width:100%;border-collapse:collapse;min-width:760px;font-size:.9375rem}
.ct th,.ct td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.ct th{font-family:var(--mono);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);font-weight:500;background:var(--s1)}
.ct td:first-child{color:#fff;font-weight:500;width:170px}
.ct td{color:var(--fg-2)}
.ct .io{background:rgba(79,107,255,.07);color:#fff}
.ct tr:last-child td{border-bottom:0}
.ct .nv{color:var(--fg-4);font-style:italic}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--r)}
.tlabel{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:0 0 12px}
.tlabel h3{font-size:1.375rem;font-weight:600;letter-spacing:-.025em}
.tlabel span{font-family:var(--mono);font-size:.6875rem;color:var(--fg-4)}
.qs{display:grid;gap:0;border-top:1px solid var(--line);counter-reset:q}
@media (min-width:760px){.qs{grid-template-columns:1fr 1fr}}
.qs li{position:relative;padding:14px 18px 14px 44px;border-bottom:1px solid var(--line);color:var(--fg-2);line-height:1.5;counter-increment:q}
@media (min-width:760px){.qs li:nth-child(odd){border-right:1px solid var(--line)}}
.qs li::before{content:counter(q,decimal-leading-zero);position:absolute;left:0;top:15px;font-family:var(--mono);font-size:.75rem;color:var(--accent)}
.srcs{display:grid;gap:6px;margin-top:10px}
.srcs li{font-size:.875rem;color:var(--fg-3)}
.srcs a{color:var(--fg-2)}
.hub{display:grid;gap:0;border-top:1px solid var(--line)}
@media (min-width:760px){.hub{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.hub{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hc{display:grid;gap:10px;align-content:start;padding:24px 24px 26px 0;border-bottom:1px solid var(--line);min-width:0}
@media (min-width:760px){.hc:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}}
@media (min-width:1100px){.hc{padding-left:24px;border-left:1px solid var(--line)}.hc:nth-child(3n+1){padding-left:0;border-left:0}.hc:nth-child(even){border-left:1px solid var(--line)}.hc:nth-child(3n+1){border-left:0}}
.hc .k{color:var(--fg-4)}
.hc h3{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.hc h3 a:hover{color:var(--accent)}
.hc p{color:var(--fg-2);font-size:.9375rem;line-height:1.5}
.hc .fit{font-family:var(--mono);font-size:.75rem;color:var(--fg-3);line-height:1.5}
.hc .fit b{color:var(--accent);font-weight:500}