.mx-ai-page.page--ai{width:100%;max-width:none;margin:0;transform:none}
.page--ai .mx-ai-topbar{max-width:none;margin:0 auto 14px auto;padding:12px 14px;border:1px solid rgba(0,0,0,.10);border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:14px;box-sizing:border-box}
.page--ai .mx-ai-topbar__left{display:flex;align-items:center;gap:12px;min-width:0}
.page--ai .mx-ai-topbar__logo{width:34px;height:34px;border-radius:10px;object-fit:cover;flex:0 0 auto;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.page--ai .mx-ai-topbar__meta{min-width:0}
.page--ai .mx-ai-topbar__title{display:flex;align-items:baseline;gap:8px;line-height:1.1}
.page--ai .mx-ai-topbar__name{font-weight:700}
.page--ai .mx-ai-topbar__badge{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.7)}
.page--ai .mx-ai-topbar__sub{font-size:13px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70ch}
.page--ai .mx-ai-topbar__right{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.page--ai .mx-ai-btn--small{padding:6px 10px;border-radius:999px;font-size:13px}
.page--ai .mx-ai-btn--danger{border-color:rgba(220,53,69,.45);color:#b4232c;background:rgba(220,53,69,.06)}
.page--ai .mx-ai-btn--danger:hover{background:rgba(220,53,69,.10)}
.page--ai .mx-ai-btn--primary{border-color:rgba(47,143,163,.35);background:rgba(47,143,163,.10);color:#0b5566;text-decoration:none}
.page--ai .mx-ai-btn--primary:hover{background:rgba(47,143,163,.14)}
.page--ai .mx-ai-shell{display:grid;grid-template-columns:380px minmax(0,1fr);gap:14px;max-width:none;margin:0 auto;padding:0;box-sizing:border-box}
.page--ai .mx-ai-sessions{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:12px;position:sticky;top:12px;height:calc(100vh - 24px);overflow:auto;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,251,252,.96))}
.page--ai .mx-ai-sessions__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.page--ai .mx-ai-sessions__title{font-weight:600}
.page--ai .mx-ai-btn{border:1px solid rgba(0,0,0,.2);background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer;transition:border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease}
.page--ai .mx-ai-btn:hover{border-color:rgba(47,143,163,.28);background:rgba(47,143,163,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.page--ai .mx-ai-sessions__item{display:block;width:100%;text-align:left;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.92);border-radius:12px;padding:11px 12px;margin-bottom:8px;cursor:pointer;transition:border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease}
.page--ai .mx-ai-sessions__item:hover{border-color:rgba(47,143,163,.22);background:rgba(47,143,163,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);transform:translateY(-1px)}
.page--ai .mx-ai-sessions__item:focus-visible{outline:none;border-color:rgba(47,143,163,.42);box-shadow:0 0 0 3px rgba(47,143,163,.16)}
.page--ai .mx-ai-sessions__item[aria-current="true"]{border-color:rgba(47,143,163,.34);background:rgba(47,143,163,.09);box-shadow:0 6px 16px rgba(47,143,163,.10), inset 0 1px 0 rgba(255,255,255,.6)}
.page--ai .mx-ai-sessions__item[aria-current="true"]:hover{border-color:rgba(47,143,163,.40);background:rgba(47,143,163,.11)}
.page--ai .mx-ai-sessions__del{transition:border-color .16s ease, background-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease}
.page--ai .mx-ai-sessions__del:hover{border-color:rgba(220,53,69,.24);background:rgba(220,53,69,.06);color:#8f1820;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.page--ai .mx-ai-chat{border:1px solid rgba(0,0,0,.12);border-radius:12px;overflow:hidden;background:#fff;min-height:70vh;display:flex;flex-direction:column}
.page--ai .mx-ai-chat__header{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}
.page--ai .mx-ai-thread{padding:18px 18px 20px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:16px}
.page--ai .mx-ai-msg{display:flex;margin:2px 0}
.page--ai .mx-ai-msg__role{font-size:12px;opacity:.78;margin-bottom:8px}
.page--ai .mx-ai-msg__content{line-height:1.62}
.page--ai .mx-ai-sources{margin-top:10px;font-size:12px;opacity:.92}
.page--ai .mx-ai-sources__title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.72;margin-bottom:6px}
.page--ai .mx-ai-sources__list{margin:0;padding-left:18px}
.page--ai .mx-ai-sources__item{margin:4px 0}
.page--ai .mx-ai-sources a{text-decoration:underline;text-underline-offset:2px}
.page--ai .mx-ai-composer{display:flex;gap:10px;padding:12px;border-top:1px solid rgba(0,0,0,.08);position:sticky;bottom:0;background:#fff}
.page--ai .mx-ai-input{flex:1;border:1px solid rgba(0,0,0,.2);border-radius:10px;padding:10px 12px}
.page--ai .mx-ai-send{border:1px solid rgba(0,0,0,.2);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer}
.page--ai .mx-ai-empty{padding:22px 16px 18px;border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg, rgba(249,251,252,.95), rgba(255,255,255,.92))}
.page--ai .mx-ai-empty__headline{font-size:21px;font-weight:750;letter-spacing:-.01em;margin-bottom:8px}
.page--ai .mx-ai-empty__sub{opacity:.76;line-height:1.55;max-width:62ch;margin-bottom:14px}
.page--ai .mx-ai-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.page--ai .mx-ai-chip{border:1px solid rgba(0,0,0,.14);background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,251,252,.96));border-radius:999px;padding:9px 12px;cursor:pointer;transition:border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease}

.page--ai .mx-ai-chip:hover{border-color:rgba(47,143,163,.24);background:linear-gradient(180deg, rgba(47,143,163,.06), rgba(47,143,163,.03));box-shadow:0 3px 10px rgba(0,0,0,.04);transform:translateY(-1px)}
.page--ai .mx-ai-chip:focus-visible{outline:none;border-color:rgba(47,143,163,.38);box-shadow:0 0 0 3px rgba(47,143,163,.14)}
.page--ai .mx-ai-chip:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.04)}

@media (max-width: 900px){.page--ai .mx-ai-shell{grid-template-columns:1fr}.page--ai .mx-ai-sessions{position:relative;top:auto;height:auto;max-height:min(32vh,260px);overflow:auto;-webkit-overflow-scrolling:touch}}

.page--ai .mx-ai-msg--assistant{justify-content:flex-start}
.page--ai .mx-ai-msg--user{justify-content:flex-end}
.page--ai .mx-ai-bubble{max-width:min(700px, 84%);border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:12px 14px;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,253,.96));box-shadow:0 1px 2px rgba(0,0,0,.05), 0 6px 16px rgba(0,0,0,.04)}
.page--ai .mx-ai-msg--assistant .mx-ai-bubble{border-color:rgba(0,0,0,.08);background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(249,251,252,.97))}
.page--ai .mx-ai-msg--user .mx-ai-bubble{background:linear-gradient(180deg, rgba(47,143,163,.12), rgba(47,143,163,.08));border-color:rgba(47,143,163,.22)}
.page--ai .mx-ai-msg__content p{margin:0 0 12px 0}
.page--ai .mx-ai-msg__content p:last-child{margin-bottom:0}
.page--ai .mx-ai-msg__content ul,.page--ai .mx-ai-msg__content ol{margin:10px 0 12px 20px}
.page--ai .mx-ai-msg__content li{margin:6px 0}
.page--ai .mx-ai-sources{margin-top:10px;font-size:12px;opacity:.85}

@media (max-width: 720px){.page--ai .mx-ai-topbar{flex-direction:column;align-items:flex-start}.page--ai .mx-ai-topbar__right{width:100%;justify-content:flex-start;flex-wrap:wrap}.page--ai .mx-ai-topbar__sub{white-space:normal}}

.page--ai .mx-ai-hero{
  position: relative;
  width: 100vw;
  max-width: none;
  margin: 0 calc(50% - 50vw) 18px;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}
.page--ai .mx-ai-hero__media{
  min-height: 260px;
  background-image:
    linear-gradient(180deg, rgba(7,29,58,.14), rgba(7,29,58,.08)),
    url('/assets/brand/hero-banner.png');
  background-size: cover;
  background-position: center;
}
.page--ai .mx-ai-hero__content{
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 20px 20px;
}
.page--ai .mx-ai-hero__eyebrow{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .72;
  margin-bottom: 8px;
}
.page--ai .mx-ai-hero__title{
  margin: 0 0 8px 0;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.08;
  letter-spacing: -.02em;
}
.page--ai .mx-ai-hero__text{
  margin: 0;
  max-width: 68ch;
  line-height: 1.6;
  opacity: .86;
}
@media (max-width: 720px){
  .page--ai .mx-ai-hero{
    margin: 0 calc(50% - 50vw) 14px;
  }
  .page--ai .mx-ai-hero__media{
    min-height: 180px;
  }
  .page--ai .mx-ai-hero__content{
    padding: 14px 14px 16px;
  }
  .page--ai .mx-ai-hero__title{
    font-size: 24px;
  }
}