/* Landing-only navy and indigo brand direction.
   The application styles and shared product assets are intentionally untouched. */
:root {
  --paper: #f7f8fb;
  --paper-deep: #edf0f7;
  --ink: #172033;
  --muted: #5f687a;
  --line: #dde2ec;
  --green: #4f5fc4;
  --green-deep: #303e93;
  --green-soft: #e8ebfa;
  --orange: #4f5fc4;
  --orange-soft: #e9ecfb;
  --yellow: #b9c9f5;
  --blue: #3658a8;
}

.brand-name { letter-spacing: -.055em; }
.hero-kicker {
  width: fit-content;
  margin: 0 0 18px;
  padding: 8px 12px;
  border: 1px solid #cbd4ef;
  border-radius: 999px;
  background: #e8ecfa;
  color: #354baf;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
}
.site-footer .brand-name { color: #f2f5ff; }

.site-header.is-scrolled,
.site-header.menu-visible {
  background: rgb(247 248 251 / 96%);
}

.desktop-nav a,
.text-link,
.footer-links a {
  color: #33415f;
}

.button:focus-visible,
.tab-list button:focus-visible,
.menu-button:focus-visible,
summary:focus-visible {
  outline-color: #4f5fc4;
}

.hero-copy .eyebrow span {
  box-shadow: 0 0 0 5px rgb(79 95 196 / 13%);
}

.hero-lead,
.hero-assurance {
  color: #59657a;
}

.stage-aura {
  background: linear-gradient(135deg, rgb(79 95 196 / 18%), rgb(168 187 241 / 20%) 52%, rgb(57 79 153 / 13%));
}

.product-window {
  border-color: rgb(45 60 105 / 20%);
  box-shadow: 0 38px 90px rgb(25 36 76 / 16%), 0 8px 24px rgb(25 36 76 / 10%);
}

.window-bar,
.demo-appbar {
  background: #1c2945;
}

.window-search,
.demo-search {
  color: #c6cce0;
  background: #2a3855;
  border-color: #405074;
}

.window-dots i:first-child { background: #7287d4; }
.window-dots i:nth-child(2) { background: #a9b9e9; }
.window-dots i:last-child { background: #d9e0f6; }

.preview-sidebar,
.preview-rail,
.demo-sidebar,
.admin-nav {
  color: #dce3f4;
  background: #202b48;
  border-color: #3c4a6a;
}

.preview-channel.is-current,
.preview-rail .rail-icon.is-current,
.demo-sidebar .is-current {
  background: #354675;
}

.presence-dot,
.mini-presence,
.call-top i,
.call-person p i,
.table-row time i {
  background: #7e90da;
  box-shadow: none;
}

.preview-chat,
.demo-thread {
  background: #fbfcff;
}

.preview-context,
.meeting-chat,
.agenda-preview {
  background: #f1f3fa;
  border-color: #dfe4f1;
}

.call-summary,
.current-user > div {
  color: #293759;
  background: #e8ecfa;
  border-color: #d4dcf4;
}

.meeting-preview,
.admin-preview,
.custom-pricing,
.price-card:not(.featured) {
  border-color: var(--line);
}

.admin-preview,
.custom-pricing {
  background: #f1f3fa;
}

.admin-nav button.selected > span,
.admin-brand small,
.admin-org small,
.admin-nav-user small {
  color: #b9c9f5;
}

.admin-nav button,
.admin-nav button > span,
.admin-nav > p {
  color: #c1cbe3;
}

.demo-file > span,
.audit-preview article > i.audit-orange {
  color: #4054a5;
  background: #e4e9fb;
}

.demo-conversations {
  background: #edf0f7;
  border-color: #dce2ef;
}

.demo-thread-head,
.demo-file {
  border-color: #dce2ef;
}

.call-demo {
  background: #172033;
}

.call-top,
.meeting-chat {
  border-color: #3a4665;
}

.call-person {
  border-color: #465578;
  background: radial-gradient(circle at 50% 36%, #34466e, #232f4d);
}

.call-person.is-speaking {
  border-color: #8d9ee0;
  box-shadow: inset 0 0 0 1px #8d9ee0;
}

.call-controls span:not(.hangup) {
  background: #354464;
}

.event-orange {
  color: #354990;
}

.security-section,
.price-card.featured,
.custom-pricing-result,
.closing-section,
.site-footer {
  background: #172033;
}

.security-copy .eyebrow,
.closing-inner .eyebrow,
.security-list strong,
.featured .price small,
.custom-result-kicker {
  color: #b9c9f5;
}

.security-copy > p,
.security-list p,
.featured > p:not(.plan-name),
.featured .price span,
.custom-pricing-result > p,
.site-footer p,
.footer-links a {
  color: #bac4dd;
}

.security-list article,
.security-list article:last-child,
.custom-pricing-result dl div {
  border-color: #3a4665;
}

.business-status,
.audit-preview article > i.audit-green,
.stage-flow button.is-active {
  color: #354baf;
  background: #e8ecfa;
  border-color: #cbd4ef;
}

.business-featured .business-status {
  color: #d1ddff;
  background: #2b3654;
  border-color: #56658b;
}

.custom-pricing-result .button,
.featured .button,
.plan-tag {
  color: #172033;
}

.admin-nav-user > span,
.window-user,
.team-stack b {
  color: #172033;
  background: #b9c9f5;
}

.rail-avatar {
  color: #172033;
  background: #b9c9f5;
}

.file-type {
  color: #4054a5;
  background: #e4e9fb;
}

.security-list article > span {
  color: #b9c9f5;
}

.security-section .inline-link {
  color: #dce3f4;
  border-color: #7b8cb6;
}

.product-stage[data-step="message"] .stage-focus-message,
.product-stage[data-step="call"] .stage-focus-call,
.product-stage[data-step="calendar"] .stage-focus-calendar {
  box-shadow: 0 10px 28px rgb(79 95 196 / 15%), 0 0 0 2px rgb(79 95 196 / 12%);
}

.metric-row i::after {
  background: linear-gradient(90deg, #4f5fc4, #8d9ee0);
}

.site-footer {
  color: #dce3f4;
}

.footer-main p {
  color: #a9b5d0;
}