/* Smart Router demo — "watch a request route itself to the right agent."
   Teal agent-suite brand. Honest, explainable routing (no oscillation jargon). */
.rt-hero{padding:52px 0 8px;}
.rt-stage{margin-top:26px;display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line2);}
.rt-in{background:var(--surface);padding:24px 28px;}
.rt-in .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);}
.rt-samples{display:flex;gap:1px;background:var(--line);border:1px solid var(--line2);margin-top:12px;flex-wrap:wrap;}
.rt-samples button{flex:1;min-width:160px;background:var(--field);border:none;cursor:pointer;text-align:left;padding:12px 14px;font-family:var(--serif);font-size:14px;color:var(--ink);transition:background .12s;line-height:1.35;}
.rt-samples button:hover{background:var(--hi);}
.rt-samples button.active{background:var(--teal-soft);box-shadow:inset 0 -3px 0 var(--teal);}
.rt-field{display:flex;gap:1px;background:var(--line);border:1px solid var(--line2);margin-top:14px;}
.rt-field input{flex:1;background:var(--field);border:none;color:var(--ink);font-family:var(--serif);font-size:16px;padding:15px 16px;}
.rt-field input:focus{outline:none;}
.rt-field button{background:var(--teal);border:none;color:#f6f2e6;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;padding:0 26px;cursor:pointer;}
.rt-field button:hover{background:var(--teal-deep);}

/* routing visual */
.rt-work{background:var(--field);padding:24px 28px;}
.rt-work .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:10px;}
.rt-work .lab .s{color:var(--teal);}
.rt-cands{display:flex;flex-direction:column;gap:9px;margin-top:18px;}
.cand{display:grid;grid-template-columns:200px 1fr 54px;gap:14px;align-items:center;opacity:0.5;transition:opacity .3s;}
@media(max-width:620px){.cand{grid-template-columns:130px 1fr 44px;gap:10px;}}
.cand.in{opacity:1;}
.cand .cn{font-family:var(--serif);font-weight:600;font-size:15px;color:var(--ink);}
.cand .cn .cc{display:block;font-family:var(--mono);font-size:9px;letter-spacing:0.5px;text-transform:uppercase;color:var(--mute);margin-top:1px;}
.cand .bar{height:10px;background:var(--hi);position:relative;overflow:hidden;}
.cand .bar i{position:absolute;inset:0 100% 0 0;background:var(--teal);transition:right .5s cubic-bezier(.2,.7,.3,1);}
.cand.win .bar i{background:var(--grad);}
.cand .pct{font-family:var(--mono);font-size:12px;color:var(--mute);text-align:right;}
.cand.win .pct{color:var(--teal);font-weight:600;}
.cand.win .cn{color:var(--teal-deep);}

/* verdict / handoff */
.rt-out{background:var(--surface);padding:24px 28px;border-top:1px solid var(--line);display:none;}
.rt-out.show{display:block;animation:rtf .4s ease;}
@keyframes rtf{from{opacity:0;transform:translateY(8px);}}
.rt-route{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.rt-route .rarr{font-family:var(--mono);color:var(--teal);font-size:20px;}
.rt-chip{display:inline-flex;flex-direction:column;gap:3px;border:1px solid var(--teal-line);background:var(--teal-soft);padding:12px 18px;}
.rt-chip .rk{font-family:var(--mono);font-size:9px;letter-spacing:0.7px;text-transform:uppercase;color:var(--mute);}
.rt-chip .rv{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--teal-deep);letter-spacing:-0.3px;}
.rt-why{margin-top:16px;font-size:14.5px;line-height:1.55;color:var(--dim);}
.rt-why b{color:var(--ink);font-weight:600;}
.rt-why .kw{font-family:var(--mono);font-size:12px;background:var(--hi);color:var(--teal-deep);padding:1px 7px;}
.rt-seal{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line2);font-family:var(--mono);font-size:11px;letter-spacing:0.4px;color:var(--ok);display:inline-flex;align-items:center;gap:9px;}
.rt-seal .d{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px rgba(31,138,91,0.5);}
.rt-go{margin-top:18px;}
.rt-go a{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal-line);padding:11px 20px;display:inline-flex;align-items:center;gap:9px;}
.rt-go a:hover{background:var(--teal);color:#f6f2e6;}