:root {
  --warm:      #b8592c;
  --warm-2:    #c47a26;
  --warm-ink:  #8c4420;
  --warm-soft: #f8ecdb;
  --warm-line: #ecd5b2;
  --warm-rgb:  184, 89, 44;

  


  --band:      #1d2547;
  --band-ink:  #eef0fb;
  --band-2:    #b9c0e0;
  --band-line: #333c66;
  --band-warm: #f0b45a;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --warm:      #e08a4e;
    --warm-2:    #d79a4e;
    --warm-ink:  #f0b285;
    --warm-soft: #2a1c11;
    --warm-line: #4a3419;
    --warm-rgb:  224, 138, 78;
    --band:      #171d3a;
    --band-ink:  #eef0fb;
    --band-2:    #b9c0e0;
    --band-line: #2f3862;
    --band-warm: #f0b45a;
  }
}

:root[data-theme="dark"] {
  --warm:      #e08a4e;
  --warm-2:    #d79a4e;
  --warm-ink:  #f0b285;
  --warm-soft: #2a1c11;
  --warm-line: #4a3419;
  --warm-rgb:  224, 138, 78;
  --band:      #171d3a;
  --band-ink:  #eef0fb;
  --band-2:    #b9c0e0;
  --band-line: #2f3862;
  --band-warm: #f0b45a;
}








body.landing {
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

.lwrap { width: min(1160px, 100% - 40px); margin-inline: auto; }

.lsec { padding: clamp(60px, 7.5vw, 104px) 0; }
.lsec.tint { background: var(--surface-2); border-block: 1px solid var(--line); }
.lsec.warm { background: var(--warm-soft); border-block: 1px solid var(--warm-line); }

.lhead { max-width: 660px; margin-bottom: 44px; }
.lhead h2 { font-size: clamp(27px, 3.4vw, 38px); line-height: 1.14; text-wrap: balance; }
.lhead p { color: var(--muted); font-size: 17px; margin-top: 15px; }



.lkick {
  display: flex; align-items: center; gap: 11px;
  font-family: var(--fm); font-size: 11px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--accent);
  margin-bottom: 13px;
}
.lkick::before { content: ""; width: 24px; height: 1px; background: var(--accent-2); flex: none; }
.lkick.on-warm { color: var(--warm-ink); }
.lkick.on-warm::before { background: var(--warm); }
.lkick.on-band { color: #9fb0ff; }
.lkick.on-band::before { background: #5b6aa8; }

 
.lnav {
  position: sticky; top: 0; z-index: 40;
  background: rgba(var(--ink-rgb), 0);
  backdrop-filter: saturate(150%) blur(12px);
  border-bottom: 1px solid transparent;
  transition: border-color 200ms, background 200ms;
}


.lnav::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--bg); opacity: .86;
}
.lnav.stuck { border-bottom-color: var(--line); }
.lnav-in { display: flex; align-items: center; gap: 20px; height: 64px; }
.lbrand { display: flex; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; }
.lbrand img { width: 28px; height: 28px; border-radius: 8px; }
.lbrand b { font-family: var(--fd); font-size: 21px; font-weight: 600; letter-spacing: -.02em; }
.lnav-links { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.lnav-links a {
  font-size: 14px; color: var(--muted); text-decoration: none;
  padding: 7px 10px; border-radius: 8px;
}
.lnav-links a:hover { color: var(--ink); background: var(--surface-2); }












.theme-btn {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; padding: 0; margin-left: auto;
  border: 1px solid var(--line); border-radius: 9px;
  background: transparent; color: var(--faint); cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background .16s ease;
}
.lnav-links + .theme-btn { margin-left: 0; }
.theme-btn:hover { color: var(--ink); background: var(--surface-2); }
.theme-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.theme-btn .theme-ico { display: none; width: 17px; height: 17px; }
.theme-btn .theme-ico-moon { display: block; }
[data-theme="dark"] .theme-btn .theme-ico-moon { display: none; }
[data-theme="dark"] .theme-btn .theme-ico-sun { display: block; }

 
.lhero { padding: clamp(34px, 5vw, 64px) 0 clamp(52px, 6.5vw, 88px); }
.hero-grid {
  display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  gap: clamp(30px, 4.5vw, 62px); align-items: center;
}
.lhero h1 {
  font-size: clamp(37px, 5.6vw, 60px); line-height: 1.05; letter-spacing: -.032em;
  text-wrap: balance;
}
.lhero h1 em { font-style: italic; color: var(--accent); }
.lhero .lead { font-size: 18px; color: var(--ink-2); margin-top: 20px; max-width: 34em; }
.lhero .lead b { font-weight: 600; color: var(--ink); }

.tag {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--warm-soft); color: var(--warm-ink);
  border: 1px solid var(--warm-line); border-radius: 999px;
  padding: 5px 13px 5px 8px; font-size: 13px; font-weight: 600; margin-bottom: 20px;
}
.tag svg { width: 15px; height: 15px; flex: none; }

.lcta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 28px; }


.btn-big { padding: 11px 20px; font-size: 15.5px; border-radius: 10px; }
.tlink {
  font-size: 15px; font-weight: 600; color: var(--accent); text-decoration: none;
  border-bottom: 1px solid transparent; padding-bottom: 2px;
}
.tlink:hover { border-bottom-color: var(--accent); }

.fineprint {
  display: flex; flex-wrap: wrap; gap: 7px 20px; margin-top: 24px;
  font-size: 13px; color: var(--muted); padding: 0; list-style: none;
}
.fineprint li { display: flex; align-items: center; gap: 7px; }
.fineprint svg { width: 14px; height: 14px; color: var(--in); flex: none; }






.shot {
  border: 1px solid var(--line-2); border-radius: 14px; overflow: hidden;
  background: var(--surface); box-shadow: var(--shadow);
}
.shot .app { min-height: 0; }
.shot .rail { position: static; height: auto; gap: 14px; }
.shot .gbar { position: static; }
.shot .main { padding: 18px 20px 24px; min-height: 380px; }
.shot .chrome {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 14px; background: var(--surface-2); border-bottom: 1px solid var(--line);
}
.shot .chrome i { width: 9px; height: 9px; border-radius: 50%; background: var(--line-2); display: block; }
.shot .chrome .addr {
  margin-inline: auto; font-family: var(--fm); font-size: 11.5px; color: var(--muted);
  background: var(--surface); border: 1px solid var(--line); border-radius: 6px; padding: 3px 12px;
}


.shot .nav { cursor: pointer; font: inherit; font-size: 14px; }
.shot .pane { display: none; }
.shot .pane.on { display: block; }

 
.hero-stack { display: grid; gap: 14px; }
.figcard { padding: 20px 20px 12px; }
.figtop { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.hfig {
  font-family: var(--fm); font-variant-numeric: tabular-nums; letter-spacing: -.025em;
  font-size: clamp(26px, 5vw, 38px); font-weight: 500; line-height: 1.05; margin-top: 3px;
}
.figdelta { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--in); margin-top: 6px; }
.figdelta svg { width: 13px; height: 13px; }
.figfy {
  text-align: right; font-family: var(--fm); font-size: 11px; color: var(--muted);
  border: 1px solid var(--line); border-radius: 7px; padding: 5px 9px; line-height: 1.4;
}
.hero-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.minicard { padding: 15px 17px 16px; }
.minicard .mfig {
  font-family: var(--fm); font-variant-numeric: tabular-nums; letter-spacing: -.025em;
  font-size: clamp(20px, 3.4vw, 24px); font-weight: 500; margin-top: 5px;
}
.minicard .foot { font-size: 12px; color: var(--muted); margin-top: 4px; }
.minicard.committed { background: var(--hold-soft); border-color: transparent; }
.minicard.committed .kick, .minicard.committed .foot { color: var(--hold); }
.minicard.committed .mfig { color: var(--hold); }
.minicard.date .mfig { color: var(--accent); }

 
.nwline { margin-top: 12px; }
.nwline svg { width: 100%; height: 116px; display: block; }
.nwline .ln { fill: none; stroke: var(--accent); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }


.nwline .s0 { stop-color: var(--accent); stop-opacity: .19; }
.nwline .s1 { stop-color: var(--accent); stop-opacity: 0; }
.nwline .dot { fill: var(--surface); stroke: var(--accent); stroke-width: 2.4; }
.sparkaxis {
  display: flex; justify-content: space-between; font-family: var(--fm);
  font-size: 10px; color: var(--faint); padding: 4px 2px 10px;
}

 
.outcomes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.outcome { padding: 0 22px 26px; text-align: left; }
.outcome img {
  width: 104px; height: 104px; display: block; margin: -18px 0 4px -8px;
}
.outcome h3 { font-size: 18px; margin-bottom: 9px; }
.outcome p { color: var(--muted); font-size: 14.5px; }

 
.trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 40px); }
.trio h3 { font-size: 19px; margin-bottom: 10px; }
.trio h3 span { color: var(--warm); }
.trio p { color: var(--muted); font-size: 15px; }
.trio p + p { margin-top: 12px; }

 


.wsteps { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.wstep { padding: 18px 20px 20px 0; border-right: 1px solid var(--line); }
.wstep + .wstep { padding-left: 20px; }
.wstep:last-child { border-right: 0; }
.wstep .num { font-family: var(--fm); font-size: 11.5px; font-weight: 600; color: var(--accent); letter-spacing: .08em; }
.wstep h4 { font-size: 16px; margin: 7px 0 6px; }
.wstep p { font-size: 14px; color: var(--muted); }

 
.feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.feat { padding: 22px 22px 24px; }
.feat .fh { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; }
.feat .fh .ic {
  width: 32px; height: 32px; border-radius: 9px; flex: none;
  display: grid; place-items: center; background: var(--accent-soft); color: var(--accent-ink);
}
.feat .fh .ic svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.feat h3 { font-size: 17.5px; }
.feat p { color: var(--muted); font-size: 14.5px; margin-top: 8px; }

 
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(26px, 4.5vw, 60px); align-items: center; }
.split p { color: var(--muted); font-size: 16.5px; margin-top: 15px; max-width: 34em; }
.split p.sm { font-size: 14.5px; margin-top: 14px; }
.fx {
  display: flex; align-items: center; flex-wrap: wrap; gap: 9px 13px;
  padding: 12px 0; border-bottom: 1px dashed var(--line);
}
.fx:last-child { border-bottom: 0; }
.fin {
  font-family: var(--fm); font-size: 13.5px; color: var(--accent-ink);
  background: var(--accent-soft); border: 1px solid var(--line-2);
  border-radius: 7px; padding: 6px 10px; overflow-wrap: anywhere;
}
.farr { color: var(--faint); flex: none; }
.flab { font-size: 12.5px; color: var(--faint); margin-left: auto; }
.fout {
  font-family: var(--fm); font-variant-numeric: tabular-nums;
  font-size: 15px; font-weight: 600; margin-left: auto;
}
.fx .flab + .fout { margin-left: 12px; }

 
.band {
  background: var(--band); color: var(--band-ink);
  padding: clamp(60px, 7.5vw, 104px) 0;
}
.band h2 { color: var(--band-ink); font-size: clamp(27px, 3.4vw, 38px); line-height: 1.14; text-wrap: balance; }
.band .lead { color: var(--band-2); font-size: 17px; margin-top: 15px; max-width: 34em; }
.band-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); gap: clamp(30px, 4.5vw, 62px); align-items: center; }
.band ul { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 14px; }
.band li { display: flex; gap: 11px; font-size: 15px; color: #ccd2ea; }
.band li svg { width: 16px; height: 16px; color: var(--band-warm); flex: none; margin-top: 3px; }
.recon {
  background: rgba(255, 255, 255, .045); border: 1px solid var(--band-line);
  border-radius: 13px; padding: 20px 22px 22px;
}
.recon .rlabel {
  font-family: var(--fm); font-size: 11px; letter-spacing: .1em;
  text-transform: uppercase; color: #9fb0ff; margin-bottom: 14px;
}
.rrow {
  display: grid; grid-template-columns: 1fr auto; gap: 14px;
  padding: 10px 0; border-bottom: 1px solid var(--band-line); font-size: 14.5px;
}
.rrow span { color: #c6cce8; }
.rrow b { font-family: var(--fm); font-variant-numeric: tabular-nums; font-weight: 500; font-size: 15px; }
.rrow.diff { border-bottom: 0; padding-top: 15px; }
.rrow.diff span, .rrow.diff b { color: var(--band-warm); font-weight: 600; }
.recon p { font-size: 13px; color: #9aa2c4; margin-top: 13px; line-height: 1.55; }

 
.emi { padding: 22px 24px 24px; }
.emirow {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 18px;
  padding: 14px 0; border-bottom: 1px solid var(--line);
}
.emirow:last-of-type { border-bottom: 0; }
.emirow .el { font-size: 13.5px; color: var(--muted); max-width: 18em; }
.emirow .ev {
  font-family: var(--fm); font-variant-numeric: tabular-nums; letter-spacing: -.025em;
  font-size: clamp(21px, 3.6vw, 27px); font-weight: 500;
}
.emirow.later .ev { color: var(--hold); }
.emibar { display: flex; height: 10px; border-radius: 5px; overflow: hidden; background: var(--surface-2); margin-top: 12px; }
.emibar i { display: block; height: 100%; }
.emikey { display: flex; gap: 18px; margin-top: 11px; font-size: 12.5px; color: var(--muted); flex-wrap: wrap; }
.emikey span { display: inline-flex; align-items: center; gap: 7px; }
.emikey i { width: 10px; height: 10px; border-radius: 3px; display: block; }

 









 
.swatches { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; padding: 0; list-style: none; }
.swatch {
  display: inline-flex; align-items: center; gap: 9px;
  border: 1px solid var(--line-2); border-radius: 10px; padding: 7px 12px 7px 9px;
  background: var(--surface); color: var(--ink-2); font: inherit; font-size: 13.5px;
  cursor: pointer;
}
.swatch:hover { border-color: var(--accent); color: var(--accent-ink); }
.swatch[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-soft); color: var(--accent-ink); font-weight: 600; }
.swatch i { display: flex; gap: 2px; flex: none; }
.swatch i b { width: 11px; height: 15px; border-radius: 3px; display: block; }

 
.faq { max-width: 860px; border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary {
  list-style: none; cursor: pointer; position: relative;
  padding: 18px 42px 18px 0;
  font-family: var(--fd); font-size: 18.5px; font-weight: 500;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  font-family: var(--fm); font-size: 19px; line-height: 1; color: var(--accent);
}
.faq details[open] summary::after { content: "\2013"; }
.faq p { padding: 0 38px 20px 0; color: var(--muted); font-size: 15px; max-width: 64ch; }

 
.close { text-align: center; }
.close h2 { font-size: clamp(28px, 3.8vw, 42px); line-height: 1.12; text-wrap: balance; }
.close p { color: var(--muted); font-size: 17px; margin: 14px auto 26px; max-width: 44ch; }
.close .lcta { justify-content: center; }

.lfoot { border-top: 1px solid var(--line); padding: 30px 0 44px; }
.lfoot-in { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 13.5px; color: var(--muted); }
.lfoot nav { display: flex; gap: 6px 0; margin-left: auto; flex-wrap: wrap; }


.lfoot nav > *:not(:last-child)::after { content: "·"; margin: 0 9px; color: var(--muted); }
.lfoot nav a { color: var(--muted); text-decoration: none; }
.lfoot nav a:hover { color: var(--accent-ink); }









.gap-t-xs { margin-top: 4px; }
.gap-t-md { margin-top: 14px; }
.shotfig { font-size: 27px; margin-top: 4px; }
.shotfig.sm { font-size: 24px; }
.fireyear { font-size: 46px; color: var(--accent); margin-top: 2px; }
.notewide { max-width: 46ch; }

.emibar .paid { width: 59%; background: var(--accent); }
.emibar .unpaid { width: 41%; background: var(--hold); }
.emikey .k-now { background: var(--accent); }
.emikey .k-soon { background: var(--hold); }






.sw-ledger    .a { background: #3a4fa4; } .sw-ledger    .b { background: #f4f6f9; }
.sw-graphite  .a { background: #475877; } .sw-graphite  .b { background: #f5f6f7; }
.sw-harbour   .a { background: #00636e; } .sw-harbour   .b { background: #f2f7f8; }
.sw-cyanotype .a { background: #005a98; } .sw-cyanotype .b { background: #eff7fe; }
.sw-plum      .a { background: #624298; } .sw-plum      .b { background: #f6f5f9; }
.sw-mulberry  .a { background: #853371; } .sw-mulberry  .b { background: #f8f4f7; }
.sw-almanac   .a { background: #424ea0; } .sw-almanac   .b { background: #fef4eb; }






.js .rise { opacity: 0; transform: translateY(14px); }
.js .rise.seen { opacity: 1; transform: none; transition: opacity 550ms ease, transform 550ms ease; }
.js .nwline .ln { stroke-dasharray: 1400; stroke-dashoffset: 1400; }
.js .nwline.drawn .ln { animation: draw 1400ms cubic-bezier(.22, .68, .3, 1) forwards; }
.js .nwline .dot { opacity: 0; }
.js .nwline.drawn .dot { animation: appear 300ms ease 1150ms forwards; }
@keyframes draw { to { stroke-dashoffset: 0; } }
@keyframes appear { to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .js .rise, .js .rise.seen { opacity: 1; transform: none; transition: none; }
  .js .nwline .ln { stroke-dasharray: none; stroke-dashoffset: 0; }
  .js .nwline .dot { opacity: 1; }
  .js .nwline.drawn .ln, .js .nwline.drawn .dot { animation: none; }
}





@media (max-width: 1040px) {
  .hero-grid, .band-grid, .split { grid-template-columns: 1fr; }
  .outcomes, .feats, .wsteps { grid-template-columns: repeat(2, 1fr); }
  .wstep:nth-child(2) { border-right: 0; }
  .wstep:nth-child(3), .wstep:nth-child(4) { border-top: 1px solid var(--line); }
  .trio { grid-template-columns: 1fr; gap: 26px; }
  .lnav-links { display: none; }
}

@media (max-width: 700px) {
  .outcomes, .feats, .wsteps { grid-template-columns: 1fr; }
  .wstep { border-right: 0; border-top: 1px solid var(--line); padding-left: 0; }
  .wstep + .wstep { padding-left: 0; }
  .wstep:first-child { border-top: 0; }
  .hero-pair { grid-template-columns: 1fr; }
  


  .shot .app { grid-template-columns: 1fr; }
  .shot .rail { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .shot .railhead { display: none; }
  .shot .navgrp { flex-direction: row; gap: 4px; }
  .shot .nav { white-space: nowrap; }
  .outcome img { width: 88px; height: 88px; }
}










.mcp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .88fr); gap: clamp(28px, 4vw, 56px); align-items: start; }

 
.mcp-addr {
  display: flex; align-items: center; gap: 13px; flex-wrap: wrap;
  background: var(--accent-soft); border: 1px solid var(--accent);
  border-radius: 12px; padding: 13px 16px;
}
.mcp-addr .k {
  font-family: var(--fm); font-size: 10px; font-weight: 600;
  letter-spacing: .13em; text-transform: uppercase; color: var(--accent-ink);
  opacity: .8;
}
.mcp-addr code {
  font-family: var(--fm); font-size: 14.5px; color: var(--accent-ink);
  word-break: break-all;
  

  -webkit-user-select: all; user-select: all;
}
.mcp-addr .mcp-copy { margin-left: auto; }

.mcp-list { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 20px; }
.mcp-list h3 { font-size: 15.5px; }
.mcp-list p { color: var(--muted); font-size: 14.5px; margin-top: 5px; max-width: 42em; }
.mcp .lcta { margin-top: 28px; }



.chat {
  border: 1px solid var(--line); border-radius: 14px; background: var(--surface);
  overflow: hidden;
}
.chat-top {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 11px 15px; border-bottom: 1px solid var(--line);
  background: var(--surface-2);
}
.chat-who { font-size: 13px; font-weight: 600; color: var(--ink-2); }
.chat-pill {
  font-family: var(--fm); font-size: 10.5px; font-weight: 600; letter-spacing: .04em;
  padding: 3px 9px; border-radius: 20px;
  background: var(--in-soft); color: var(--in);
}
.chat-body { padding: 16px 15px; display: grid; gap: 12px; }
.msg { display: flex; }
.msg.mine { justify-content: flex-end; }
.bub {
  max-width: 82%; padding: 10px 13px; border-radius: 13px; font-size: 14px;
  line-height: 1.5;
}
.msg.mine .bub { background: var(--accent); color: var(--on-accent); border-bottom-right-radius: 4px; }
.msg.theirs .bub { background: var(--surface-2); color: var(--ink); border: 1px solid var(--line); border-bottom-left-radius: 4px; }
.msg.theirs .bub b { font-variant-numeric: tabular-nums; }
.bub .fig-out { color: var(--out); }

 
.toolrow {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-family: var(--fm); font-size: 11.5px; color: var(--faint);
  padding: 5px 2px;
}
.toolrow b { color: var(--muted); font-weight: 600; }
.tflag {
  margin-left: auto; font-size: 10px; font-weight: 600; letter-spacing: .05em;
  padding: 2px 7px; border-radius: 4px;
}
.tflag.read { background: var(--surface-2); color: var(--muted); }
.tflag.write { background: var(--hold-soft); color: var(--hold); }
.chat-note { color: var(--muted); font-size: 13.5px; margin-top: 14px; }

 
.mcp-clients { margin-top: clamp(34px, 4vw, 54px); }
.mcp-clients h3 { font-size: 17px; }
.mcp-clients ul {
  list-style: none; padding: 0; margin: 18px 0 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(158px, 1fr)); gap: 10px;
}
.mcp-clients li {
  border: 1px solid var(--line); border-radius: 11px; padding: 12px 14px;
  background: var(--surface);
}
.mcp-clients li b { display: block; font-size: 14.5px; }
.mcp-clients li span { display: block; color: var(--muted); font-size: 12.5px; margin-top: 2px; }


.mcp-clients li.one { border-color: var(--accent); background: var(--accent-soft); }
.mcp-clients li.one span { color: var(--accent-ink); }
.mcp-clients .sm { color: var(--muted); font-size: 14px; margin-top: 16px; max-width: 52em; }

@media (max-width: 900px) {
  .mcp { grid-template-columns: 1fr; }
  

  .mcp-chat { order: 2; }
}