/* Official artwork: preserve the original colors, silhouette and proportions. */
.platform-brand { --brand-width: 204px; display: block; position: relative; width: var(--brand-width); height: auto; aspect-ratio: 1944 / 809; overflow: visible; flex-shrink: 0; }
.platform-brand img { position: static; display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.platform-brand:focus-visible { outline: 3px solid #7796ff; outline-offset: 4px; border-radius: 6px; }
.brand-loader { position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 22px; background: #edf3ff; opacity: 1; pointer-events: none; }
.brand-loader[hidden] { display: none !important; }
.brand-loader p { margin: 0; color: #63779c; font: 13px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .04em; }
.brand-loader .loader-brand { animation: brand-loader-arrive .85s cubic-bezier(.16,1,.3,1) both; }
.brand-loader.is-leaving { opacity: 0; transition: opacity .45s ease; }
@keyframes brand-loader-arrive { from { opacity: 0; transform: perspective(600px) rotateY(-65deg) translateY(14px) scale(.92); } to { opacity: 1; transform: none; } }

.landing-title .platform-brand { --brand-width: 264px; margin: 0 auto 14px; }
.landing-title .landing-brand-caption { display: block; font-size: 22px; margin-top: 8px; }
/* One continuous pale-blue surface: no dark band or separate logo tile. */
.sidebar { background: linear-gradient(180deg, #f7f9ff 0%, #f2f6ff 24%, #edf3ff 64%, #eaf1ff 100%); color: #334969; border-right: 1px solid #dce5f5; box-shadow: 4px 0 20px rgb(51 79 135 / 4%); }
.sidebar .logo { padding: 18px 22px 18px; border-bottom: 0; background: transparent; }
.sidebar-brand { display: block; padding: 0; border: 0; border-radius: 0; box-shadow: none; width: fit-content; max-width: 100%; background: transparent; }
/* Ignore the supplied PNG's transparent padding without changing its artwork. */
.sidebar-brand .platform-brand { --brand-width: 176px; aspect-ratio: 1550 / 390; overflow: hidden; }
.sidebar-brand .platform-brand img { position: absolute; width: 125.42%; max-width: none; height: auto; left: -12.903%; top: -56.41%; }
.sidebar-brand:focus-visible { outline: 3px solid #4665d8; outline-offset: 5px; border-radius: 4px; }
.sidebar .logo .subtitle { display: block; margin-top: 12px; color: #526582; font-size: 13px; line-height: 1.6; }
.sidebar .nav-menu { padding: 4px 12px 12px; }
.sidebar .nav-item { color: #405675; border-color: transparent; border-radius: 12px; font-weight: 500; transform: none; transition: background-color .16s ease, color .16s ease, border-color .16s ease; }
.sidebar .nav-item:hover { background: #e3ecfd; color: #244d9e; border-color: transparent; transform: none; }
.sidebar .nav-item.active { background: #dce7ff; color: #234caa; border-color: #c2d3f8; box-shadow: inset 3px 0 0 #4265d6; font-weight: 700; transform: none; }
.sidebar .nav-icon { background: transparent; color: #617696; border: 0; box-shadow: none; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.sidebar .nav-item.active .nav-icon { color: #234caa; }
.sidebar .nav-item:focus-visible { outline: 2px solid #4265d6; outline-offset: 2px; }
.sidebar .sidebar-footer { color: #596c8b; border-top: 1px solid #dce5f5; }
.sidebar-account .account-trigger { color: #243b60; }
.sidebar-account .account-trigger:hover, .sidebar-account .account-trigger[aria-expanded="true"] { background: #dfe9fc; border-color: #c7d6f0; }
.sidebar-account .account-trigger-copy .account-plan-label { color: #596c8b; }
.sidebar-account .account-trigger > img { filter: none; opacity: .8; }
.mobile-platform-brand { display: none; }
.assistant-sidebar-brand .platform-brand { --brand-width: 145px; margin: 0 0 6px; }
@media (max-width: 900px) and (min-width: 601px) { .sidebar-brand .platform-brand { --brand-width: 152px; } .sidebar .logo { padding-left: 20px; padding-right: 20px; } }
@media (max-width: 600px) {
  .mobile-platform-brand { display: block; flex-basis: 100%; }
  .mobile-platform-brand .platform-brand { --brand-width: 153px; }
  .content-topbar { flex-wrap: wrap; row-gap: 14px; }
  .landing-title .platform-brand { --brand-width: 220px; }
}
@media (prefers-reduced-motion: reduce) { .brand-loader .loader-brand { animation: none; } .brand-loader.is-leaving { transition: none; } }