.agent-page { min-height:70vh; }
.agent-page-root { padding:70px 0 88px; }
.agent-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 28px; color:#8FA5C9; font-size:11px; }
.agent-breadcrumbs a { color:#BFD4F4; text-decoration:none; }
.agent-breadcrumbs a:hover { color:#fff; }
.agent-breadcrumbs span[aria-hidden="true"] { color:#5F759C; }
.agent-catalog-header,.agent-detail-header { max-width:850px; }
.agent-catalog-header h1,.agent-detail-header h1 { margin:0; color:#F7FBFF; font-size:clamp(34px,4.4vw,58px); line-height:1.08; letter-spacing:-.055em; }
.agent-catalog-intro { margin:24px 0 0; color:#CEDAF0; font-size:16px; line-height:1.75; }
.agent-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:42px; }
.agent-catalog-card { min-width:0; min-height:220px; display:flex; flex-direction:column; padding:24px; border:1px solid rgba(124,183,255,.25); border-radius:18px; background:linear-gradient(145deg,rgba(28,53,108,.46),rgba(7,20,48,.62)); color:#fff; text-decoration:none; transition:border-color .2s,background-color .2s,transform .2s; }
.agent-catalog-card:hover { border-color:rgba(143,190,255,.7); background:linear-gradient(145deg,rgba(35,68,137,.55),rgba(8,23,55,.72)); transform:translateY(-2px); }
.agent-catalog-card span:first-child { color:#8FD2FF; font-size:10px; font-weight:700; letter-spacing:.12em; }
.agent-catalog-card h2 { margin:24px 0 12px; color:#F7FBFF; font:600 18px/1.35 Manrope,Arial,sans-serif; letter-spacing:-.02em; }
.agent-catalog-card p { margin:0; color:#BFCDE5; font-size:13px; line-height:1.65; }
.agent-card-link { align-self:flex-start; display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:24px; color:#DDEBFF; font-size:12px; font-weight:600; text-decoration:none; }
.agent-card-link svg { transition:transform .2s; }
.agent-catalog-card:hover .agent-card-link svg { transform:translate(2px,-2px); }
.agent-back-link { display:inline-flex; align-items:center; gap:8px; margin-top:28px; color:#CDE0FA; font-size:12px; font-weight:600; text-decoration:none; }
.agent-back-link:hover { color:#fff; }
.agent-not-found { min-height:48vh; display:grid; place-content:center; text-align:center; }
.agent-not-found h1 { margin:0 0 16px; color:#fff; font-size:36px; }
.agent-not-found p { color:#BFCDE5; }
.agent-picker { display:grid; justify-items:center; gap:14px; margin:54px auto 0; text-align:center; }
.agent-picker-toggle { min-height:48px; padding:0 22px; border:1px solid rgba(124,183,255,.42); border-radius:999px; background:rgba(16,38,82,.42); color:#f4f9ff; font:600 13px Manrope,Arial,sans-serif; }
.agent-picker-toggle:hover { border-color:rgba(150,197,255,.72); background:rgba(31,62,124,.5); }
.agent-picker-panel { width:min(100%,720px); padding:20px; border:1px solid rgba(124,183,255,.25); border-radius:18px; background:rgba(8,24,55,.94); }
.agent-picker-panel[hidden] { display:none; }
.agent-picker-panel h2 { margin:0 0 16px; color:#fff; font:600 17px/1.4 Manrope,Arial,sans-serif; }
.agent-picker-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.agent-picker-options a { min-height:48px; display:flex; align-items:center; justify-content:center; padding:10px 14px; border:1px solid rgba(124,183,255,.34); border-radius:14px; background:rgba(18,44,91,.42); color:#f4f9ff; font-size:12px; font-weight:600; text-decoration:none; }
.agent-picker-options a:hover { border-color:rgba(150,197,255,.7); background:rgba(31,62,124,.5); }
.agent-picker-toggle:focus-visible,.agent-picker-options a:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(124,183,255,.68); }
@media (max-width:900px) {
  .agent-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .agent-page-root { padding:42px 0 60px; }
  .agent-catalog-grid { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:30px; }
  .agent-catalog-card { min-height:0; padding:20px; }
  .agent-catalog-card h2 { margin-top:18px; font-size:17px; }
  .agent-catalog-intro { font-size:14px; line-height:1.7; }
  .agent-picker { margin-top:38px; }
  .agent-picker-panel { padding:16px; }
  .agent-picker-options { grid-template-columns:minmax(0,1fr); }
}
.agent-detail-lead { margin:18px 0 0; color:#E6EEFB; font-size:17px; line-height:1.6; }
.agent-catalog-card h2 a { color:inherit; text-decoration:none; }
.agent-catalog-card.is-demo-open { grid-column:1/-1; transform:none; }
.agent-demo-toggle { align-self:flex-start; min-height:44px; margin-top:20px; padding:0 18px; border:1px solid rgba(124,183,255,.38); border-radius:999px; background:rgba(16,38,82,.42); color:#f4f9ff; font:600 12px Manrope,Arial,sans-serif; cursor:pointer; }
.agent-demo-toggle:hover { border-color:rgba(150,197,255,.72); background:rgba(31,62,124,.5); }
.agent-demo-panel { margin-top:16px; }
.agent-demo-panel[hidden] { display:none; }
.agent-demo-section { max-width:760px; margin-top:42px; }
.agent-demo { min-width:0; max-width:760px; }
.agent-demo-note { margin:0 0 10px; color:#8FA5C9; font-size:11px; line-height:1.55; }
.agent-chat { min-width:0; padding:18px; border:1px solid rgba(124,183,255,.23); border-radius:18px; background:linear-gradient(145deg,rgba(24,49,101,.72),rgba(7,20,48,.88)); }
.agent-chat-log { display:grid; gap:10px; overflow-x:hidden; }
.agent-chat-log:empty { display:none; }
.agent-chat-message { max-width:86%; min-width:0; padding:11px 14px; border-radius:16px; color:#EAF2FF; font-size:13px; line-height:1.6; overflow-wrap:anywhere; animation:agent-chat-in .25s ease-out; }
.agent-chat-message span { display:block; margin-bottom:3px; color:#9BCFFF; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.agent-chat-message.agent { justify-self:start; border:1px solid rgba(124,183,255,.25); background:rgba(20,49,105,.65); border-bottom-left-radius:6px; }
.agent-chat-message.client { justify-self:end; background:#285DA8; border-bottom-right-radius:6px; }
.agent-chat-typing { justify-self:start; display:flex; align-items:center; gap:4px; padding:9px 14px; border:1px solid rgba(124,183,255,.2); border-radius:16px; background:rgba(20,49,105,.45); color:#9DB3D6; font-size:12px; }
.agent-chat-typing i { width:5px; height:5px; border-radius:50%; background:#8FD2FF; animation:agent-chat-dot 1s infinite ease-in-out; }
.agent-chat-typing i:first-of-type { margin-left:4px; }
.agent-chat-typing i:nth-of-type(2) { animation-delay:.15s; }
.agent-chat-typing i:nth-of-type(3) { animation-delay:.3s; }
.agent-chat-choices { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:14px; }
.agent-chat-log:empty + .agent-chat-choices { margin-top:0; }
.agent-chat-choices[hidden] { display:none; }
.agent-chat-choices button { min-height:44px; max-width:100%; padding:10px 15px; border:1px solid rgba(124,183,255,.38); border-radius:14px; background:rgba(14,37,80,.62); color:#EDF5FF; font:600 12px/1.4 Manrope,Arial,sans-serif; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.agent-chat-choices button:hover { border-color:#87C9FF; background:rgba(35,78,148,.7); }
.agent-chat-result { display:grid; gap:12px; margin-top:16px; padding-top:16px; border-top:1px solid rgba(124,183,255,.2); }
.agent-chat-result[hidden] { display:none; }
.agent-chat-result p { margin:0; color:#D9E5F7; font-size:13px; line-height:1.6; }
.agent-chat-result p span { display:block; margin-bottom:4px; color:#8FD2FF; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.agent-chat-cta { justify-self:start; min-height:44px; display:inline-flex; align-items:center; padding:0 20px; border:1px solid rgba(150,197,255,.6); border-radius:999px; background:rgba(43,92,171,.62); color:#fff; font-size:13px; font-weight:600; text-decoration:none; }
.agent-chat-cta:hover { border-color:#87C9FF; background:rgba(55,108,190,.75); }
.agent-before-after { max-width:760px; margin-top:28px; padding:22px 24px; border:1px solid rgba(124,183,255,.23); border-radius:18px; background:rgba(8,24,55,.66); }
.agent-before-after p { margin:0; color:#E6EEFB; font-size:19px; line-height:1.5; letter-spacing:-.01em; }
.agent-before-after p + p { margin-top:10px; }
.agent-before-after b { color:#8FD2FF; font-weight:700; }
.agent-before-after span { color:#78C5FF; font-weight:700; }
.agent-catalog-more { margin:48px 0 0; color:#CEDAF0; font-size:15px; line-height:1.6; text-align:center; }
.agent-catalog-more + .agent-picker { margin-top:18px; }
.agent-demo-toggle:focus-visible,.agent-chat-choices button:focus-visible,.agent-chat-cta:focus-visible,.agent-catalog-card a:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(124,183,255,.68); }
@keyframes agent-chat-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@keyframes agent-chat-dot { 0%,80%,100% { opacity:.3; transform:translateY(0); } 40% { opacity:1; transform:translateY(-3px); } }
@media (prefers-reduced-motion: reduce) { .agent-chat-message,.agent-chat-typing i { animation:none; } }
@media (max-width:640px) {
  .agent-detail-lead { font-size:15px; }
  .agent-demo-section { margin-top:30px; }
  .agent-chat { padding:14px; }
  .agent-chat-message { max-width:92%; }
  .agent-chat-choices button { flex:1 1 100%; }
  .agent-catalog-more { margin-top:36px; font-size:14px; }
  .agent-before-after { padding:18px; }
  .agent-before-after p { font-size:16px; }
}