/* mcpsync 2026-10-20: "Use Keywordise from Claude, ChatGPT or Muse" on the landing. Tokens and section chrome come from 02-landing.css (rf-sec, rf-sec-top, rf-step). */
#auth #assistant .rf-sec-top h2{font-size:clamp(34px,5.4vw,72px);max-width:18ch}
#auth #assistant .rf-sec-top .lead{max-width:44ch}
#auth #assistant .kwc-steps{border-bottom:1px solid var(--line)}
#auth #assistant .kwc-ask{display:block;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.45;
  padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink)}
#auth #assistant .kwc-url{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:clamp(22px,2.6vw,32px) 0 clamp(40px,5vw,72px)}
#auth #assistant .kwc-l{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
#auth #assistant .kwc-url code{flex:0 1 auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;padding:10px 14px;
  border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);word-break:break-all}
#auth #assistant .kwc-copy{font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  padding:10px 18px;border:1.5px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--ink);transition:border-color .2s ease}
#auth #assistant .kwc-copy:hover{border-color:var(--ink)}
#auth #assistant .kwc-copy.is-copied::after{content:" \2713"}
#auth #assistant .kwc-doc{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);text-decoration:underline;text-underline-offset:4px}
#auth #assistant .kwc-doc:hover{color:var(--ink)}
@media(max-width:760px){#auth #assistant .kwc-steps{grid-template-columns:1fr}#auth #assistant .rf-step{border-right:0;border-bottom:1px solid var(--line)}
  #auth #assistant .rf-step:last-child{border-bottom:0}}
/* pjmuse 2026-10-20: the three assistants as one row of tiles (marks are single-colour currentColor SVG from app/assistant_clients.py), each linking to its steps on /apply-with-ai */
#auth #assistant .kwc-clients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-top:0}
#auth #assistant .kwc-cl{display:flex;align-items:center;gap:16px;padding:clamp(18px,2.4vw,28px) clamp(16px,2.4vw,32px);color:var(--ink);text-decoration:none;border-right:1px solid var(--line);
  transition:background .2s ease}
#auth #assistant .kwc-cl:last-child{border-right:0}
#auth #assistant .kwc-cl:hover{background:rgba(255,255,255,.035)}#auth #assistant .kwc-cl:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
#auth #assistant .kwc-mk{width:clamp(26px,2.6vw,34px);height:clamp(26px,2.6vw,34px);flex:0 0 auto;color:var(--ink);transition:color .2s ease}
#auth #assistant .kwc-cl:hover .kwc-mk{color:var(--accent)}
#auth #assistant .kwc-cl b{display:block;font-weight:800;font-size:clamp(17px,1.6vw,22px);letter-spacing:-.01em;line-height:1.1}
#auth #assistant .kwc-cl small{display:block;margin-top:5px;font-size:13px;letter-spacing:.04em;color:var(--ink-2)}
#auth #assistant .kwc-note{margin:0;padding:14px 0 clamp(26px,3vw,44px);border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
#auth #assistant .kwc-note::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:1px}
@media(max-width:760px){#auth #assistant .kwc-cl{flex-direction:column;justify-content:center;text-align:center;gap:10px;padding:18px 6px;border-bottom:0}
  #auth #assistant .kwc-cl small{font-size:12px;letter-spacing:.02em}}