/* WEB-2 Assist — product-specific layer */
.web2-assist-preview .connect-product-hero{
  background:
    radial-gradient(circle at 76% 16%,rgba(22,190,141,.20),transparent 34%),
    radial-gradient(circle at 12% 28%,rgba(60,126,235,.10),transparent 28%),
    linear-gradient(135deg,#071520 0%,#0a1b29 55%,#0b2830 100%);
}
.web2-assist-preview .connect-product-hero h1 .accent{color:#42d5a8}
.web2-assist-preview .web2-kicker{color:#58ddb7}
.web2-assist-preview .web2-jumpbar a.is-active{background:#123a32!important;box-shadow:inset 0 0 0 1px #286455}
.web2-assist-preview .web2-product-badges span:before{color:#55dfb7}
.assist-ops-board{
  position:relative;
  min-height:490px;
  padding:24px;
  border-radius:28px;
  border:1px solid #214659;
  background:
    radial-gradient(circle at 75% 15%,rgba(62,216,174,.10),transparent 28%),
    linear-gradient(150deg,#0d2432,#091922);
  box-shadow:0 36px 85px rgba(0,0,0,.32);
  overflow:hidden;
}
.assist-board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #1d3a4a}
.assist-board-title small{display:block;color:#7f9aac;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.assist-board-title strong{display:block;color:#f4f8fd;font-size:20px;margin-top:4px}
.assist-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#0d392f;color:#6ce3bc;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.assist-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#51dcb3;box-shadow:0 0 0 5px rgba(81,220,179,.10)}
.assist-queue{display:grid;gap:10px;margin:18px 0}
.assist-ticket{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #1c3d4e;border-radius:15px;background:#0c1f2b}
.assist-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #2d5a5b}
.assist-ticket strong{display:block;color:#eef6fb;font-size:13px}.assist-ticket small{display:block;color:#8399aa;font-size:9.5px;margin-top:3px}
.assist-ticket .assist-tag{padding:5px 7px;border-radius:999px;background:#102f35;color:#64d8b4;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.assist-ticket.is-escalate .assist-tag{background:#362c20;color:#f3bc69}
.assist-board-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.assist-board-metric{padding:14px;border:1px solid #1d3d4e;border-radius:15px;background:#0c1e29}
.assist-board-metric small{display:block;color:#7f96a9;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.assist-board-metric strong{display:block;color:#fff;font-size:21px;margin-top:4px}
.assist-auth-card{position:absolute;right:18px;bottom:18px;width:210px;padding:14px;border-radius:16px;background:#112c34;border:1px solid #2b5960;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.assist-auth-card span{display:block;color:#7f9cab;font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:9px}.assist-auth-card div{display:flex;justify-content:space-between;gap:10px;color:#c6d7df;font-size:10px;padding:5px 0}.assist-auth-card b{color:#59ddb5}
.assist-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.assist-level-card{position:relative;padding:25px;border-radius:19px;border:1px solid #1e3b4b;background:#0d202a}
.assist-level-card .level{display:inline-flex;padding:5px 8px;border-radius:999px;background:#0f3b31;color:#63dfb8;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:15px}
.assist-level-card h3{font-size:20px;color:#f4f8fd;font-weight:820}.assist-level-card p{font-size:13px;color:#9eb1c0;line-height:1.6;margin:0}
.assist-guardrails{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.assist-guardrails article{padding:28px;border-radius:20px;border:1px solid #1f3e4d;background:#0d202a}
.assist-guardrails article:last-child{background:#0b1a24}
.assist-guardrails h3{font-size:24px;color:#f5f9ff;font-weight:820;margin-bottom:18px}
.assist-guardrails ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.assist-guardrails li{position:relative;padding-left:23px;color:#b9c8d2;font-size:14px}
.assist-guardrails .allowed li:before{content:"✓";position:absolute;left:0;color:#54deb5;font-weight:900}
.assist-guardrails .restricted li:before{content:"—";position:absolute;left:0;color:#8ba0ae;font-weight:900}
.assist-connect-compare{overflow-x:auto;border:1px solid #21404f;border-radius:20px;background:#0d202a}
.assist-connect-compare table{width:100%;border-collapse:collapse;min-width:680px}
.assist-connect-compare th,.assist-connect-compare td{padding:15px 18px;border-bottom:1px solid #1c3846;text-align:left}
.assist-connect-compare th{color:#8fa6b7;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}
.assist-connect-compare td{color:#d8e4eb;font-size:13px}
.assist-connect-compare td:first-child{font-weight:750;color:#f4f8fd}
.assist-connect-compare .yes{color:#58dfb8;font-weight:850}
.assist-connect-compare .muted{color:#788f9f}
.assist-service-modes{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.assist-service-modes article{padding:27px;border-radius:20px;border:1px solid #1e3e4e;background:#0d202a}
.assist-service-modes span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#55dcb5}
.assist-service-modes h3{font-size:23px;color:#f5f9ff;font-weight:820;margin:10px 0}
.assist-service-modes p{color:#aebec8;font-size:14px;line-height:1.65;margin:0}
@media(max-width:991px){
  .assist-levels{grid-template-columns:repeat(2,1fr)}
  .assist-guardrails{grid-template-columns:1fr}
  .assist-service-modes{grid-template-columns:1fr}
}
@media(max-width:767px){
  .assist-ops-board{min-height:0;padding:18px}
  .assist-board-footer{grid-template-columns:1fr}
  .assist-auth-card{position:static;width:100%;margin-top:12px}
  .assist-levels{grid-template-columns:1fr;gap:12px}
  .assist-level-card,.assist-guardrails article,.assist-service-modes article{padding:21px}
}
