.cmd{display:flex;align-items:center;gap:12px;max-width:620px;margin:36px auto 0;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:12px 12px 12px 20px;box-shadow:var(--sh-lg)}
.cmd code{flex:1;text-align:left;font-size:16px;font-weight:700;color:var(--ink);word-break:break-all}
.cmd .btn{flex:none;padding:12px 22px;font-size:14.5px}
@media(max-width:560px){
  .cmd{flex-direction:column;align-items:stretch;padding:16px;gap:14px}
  .cmd code{text-align:center;font-size:14px}
}
.cmd-hint{margin-top:14px;font-size:14px;color:var(--mut)}

.chat{max-width:720px;margin:52px auto 0}
.chat-b{padding:26px 24px;display:flex;flex-direction:column;gap:22px}
@media(max-width:560px){.chat-b{padding:18px 14px}}
.msg .who{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:7px}
.msg .bub{border-radius:14px;padding:15px 17px;font-size:15px;line-height:1.6}
.msg.you .bub{background:var(--blue-bg);border:1px solid #D6E2FB}
.msg.bot .bub{background:#fff;border:1px solid var(--line)}
.msg .bub p{margin:0 0 12px}
.msg .bub p:last-child{margin-bottom:0}

.vc{border:1px solid var(--line2);border-radius:12px;padding:13px 15px;margin-top:10px}
.vc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.vc-role{font-weight:600;font-size:14.5px;letter-spacing:-.01em}
.vc-co{font-size:12.5px;color:var(--mut);margin-top:2px}
.vc-pct{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;flex:none}
.vc-why{font-size:13.5px;color:var(--mut);margin:9px 0 0;line-height:1.55}

.chat-note{text-align:center;font-size:14px;color:var(--mut);margin-top:22px}

.asg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
@media(max-width:900px){.asg{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.asg{grid-template-columns:1fr}}
.as{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 24px;box-shadow:var(--sh);text-align:center}
.as-logo{width:46px;height:46px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.as-logo svg{width:100%;height:100%}
.as-logo i{font-size:40px;line-height:1}
.as b{display:block;font-size:16px;letter-spacing:-.01em}
.as small{display:block;font-size:13px;color:var(--mut);margin-top:4px}

html{scroll-padding-top:124px}

.nl a[aria-current]{color:var(--ink);font-weight:600}

.subnav{position:sticky;top:68px;z-index:59;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line2)}
.subnav-in{display:flex;align-items:center;gap:20px;height:46px}
.subnav-label{flex:none;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.subnav-links{display:flex;gap:24px;font-size:14px;font-weight:500;color:var(--mut);overflow-x:auto;scrollbar-width:none}
.subnav-links::-webkit-scrollbar{display:none}
.subnav-links a{white-space:nowrap}
.subnav-links a:hover{color:var(--ink)}
@media(max-width:640px){
  .subnav-label{display:none}
  .subnav-in{gap:0}
}

@media(min-width:901px) and (max-width:1000px){.nl{gap:20px}}