/* Claude Design /features/team-chat/, on top of vs-design.css + feature-design.css, scoped under .cyvd (2026-10-29). */
.cyvd .tc-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:end;margin-bottom:30px}
.cyvd .tc-hero .claim{font-size:clamp(34px,4.4vw,56px)}
.cyvd .tc-copy .lede{max-width:620px}
.cyvd .tc-act .cta-row{margin-top:0}
.cyvd .tc-act{padding-bottom:6px}
.cyvd .tc-new{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5B3FD6;background:rgba(149,110,250,.12);border:1px solid rgba(149,110,250,.3);padding:5px 10px;border-radius:999px}
.cyvd .tc-stage{position:relative}
.cyvd .tc-frame{border-radius:18px;padding:8px;background:linear-gradient(135deg,rgba(34,245,164,.5),rgba(67,223,246,.45) 45%,rgba(149,110,250,.5));box-shadow:0 50px 100px -50px rgba(14,31,58,.55),0 14px 30px -18px rgba(14,31,58,.25)}
.cyvd .tc-frame iframe{display:block;width:100%;height:660px;border:0;border-radius:14px;background:#fff}
.cyvd .tc-cap{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;align-items:center;margin-top:14px;font-size:13px;color:var(--ink-2)}
.cyvd .tc-cap span:first-child{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.cyvd .tc-cap .dot{width:7px;height:7px;border-radius:50%;background:var(--green-br,#22F5A4);box-shadow:0 0 0 3px rgba(34,245,164,.22)}
.cyvd .tc-hero .chips{justify-content:center;margin-top:20px}
.cyvd .tc-code{display:flex;align-items:center;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--ink);border:1px dashed var(--line);border-radius:9px;padding:9px 11px;margin-bottom:9px}
.cyvd .tc-code em{font-style:normal;font-size:11px;color:var(--muted);letter-spacing:0}
.cyvd .tc-at{text-decoration:none;color:#5B3FD6;background:rgba(149,110,250,.12);border-radius:4px;padding:0 3px;font-weight:600}
.cyvd .tc-rolo iframe{display:block;width:100%;height:760px;border:0}
@media(max-width:900px){.cyvd .tc-top{grid-template-columns:1fr;gap:18px;align-items:start}}
@media(max-width:640px){.cyvd .tc-frame{padding:5px;border-radius:14px}
.cyvd .tc-frame iframe{height:560px;border-radius:10px}
.cyvd .tc-act .cta-row{flex-direction:column;align-items:stretch}
.cyvd .tc-act .cta-row .btn{justify-content:center;text-align:center}}