@font-face{font-family:"Filson Pro";src:url("fonts/filson-pro/FilsonPro-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Filson Pro";src:url("fonts/filson-pro/FilsonPro-Medium.woff2") format("woff2");font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:"Filson Pro";src:url("fonts/filson-pro/FilsonPro-Bold.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap}

:root {
  --navy-950: #061334;
  --navy-900: #071a3d;
  --navy-850: #082454;
  --navy-800: #062a78;
  --blue-700: #0649c9;
  --blue-600: #0757e8;
  --blue-500: #0b6ffb;
  --blue-400: #20a5ff;
  --cyan-500: #0bc5e8;
  --teal-500: #00dcb5;
  --teal-400: #13edc3;
  --ink: #10234a;
  --ink-2: #2a3f66;
  --muted: #6e7e9c;
  --muted-2: #98a5bc;
  --line: #e5ebf5;
  --line-strong: #d7e0ef;
  --surface: #ffffff;
  --surface-2: #f7f9fd;
  --surface-3: #eef4ff;
  --page: #f3f6fb;
  --success: #079b6d;
  --success-bg: #e7fbf4;
  --warning: #b87408;
  --warning-bg: #fff7df;
  --danger: #d43d59;
  --danger-bg: #fff0f3;
  --info-bg: #edf5ff;
  --shadow-xs: 0 1px 2px rgba(15, 35, 75, .05);
  --shadow-sm: 0 8px 24px rgba(18, 45, 93, .08);
  --shadow-md: 0 18px 50px rgba(12, 38, 84, .12);
  --shadow-lg: 0 32px 90px rgba(5, 31, 84, .18);
  --gradient: linear-gradient(135deg, var(--blue-700) 0%, var(--blue-500) 48%, var(--teal-500) 100%);
  --gradient-deep: linear-gradient(140deg, var(--navy-950) 0%, var(--navy-800) 52%, #0767d7 100%);
  --radius-xs: 8px;
  --radius-sm: 11px;
  --radius: 15px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --sidebar-width: 262px;
}

/* V9 typography contract: every shipped page uses Filson Pro when licensed files are present. */
body,body :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,button,input,select,textarea,table){font-family:"Filson Pro","Manrope","DM Sans",system-ui,sans-serif!important}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--page);
  font-family: "Filson Pro", "Manrope", "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
body.no-scroll { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
svg.icon { width: 20px; height: 20px; flex: 0 0 auto; }
::selection { color: #fff; background: var(--blue-600); }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: var(--ink);
  font-family: "Filson Pro", "Manrope", "DM Sans", sans-serif;
  line-height: 1.18;
  letter-spacing: -.025em;
}
p { margin: 0; }

/* Shared controls */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 17px;
  border: 1px solid transparent;
  border-radius: 11px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.btn .icon { width: 18px; height: 18px; }
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn-primary {
  color: #fff;
  background: var(--gradient);
  box-shadow: 0 10px 24px rgba(5, 91, 228, .25);
}
.btn-primary:hover { box-shadow: 0 15px 34px rgba(5, 91, 228, .32); }
.btn-secondary {
  color: var(--ink-2);
  background: #fff;
  border-color: var(--line-strong);
  box-shadow: var(--shadow-xs);
}
.btn-secondary:hover { border-color: #a9bce0; background: #fbfcff; }
.btn-ghost { color: var(--ink-2); background: transparent; }
.btn-ghost:hover { background: var(--surface-3); }
.btn-light { color: var(--blue-700); background: #fff; box-shadow: var(--shadow-sm); }
.btn-danger { color: #fff; background: var(--danger); }
.btn-sm { min-height: 38px; padding: 9px 14px; border-radius: 9px; font-size: 13px; }
.btn-lg { min-height: 52px; padding: 13px 22px; border-radius: 13px; font-size: 15px; }
.btn-block { width: 100%; }
.btn[disabled], .btn.disabled { opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; }
.icon-button {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
  box-shadow: var(--shadow-xs);
  transition: .18s ease;
}
.icon-button:hover { background: var(--surface-3); border-color: #cbd8ed; }
.link-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--blue-600);
  cursor: pointer;
  font-weight: 700;
}

.form-group { display: grid; gap: 7px; margin-bottom: 16px; }
.form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.form-row.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.form-group label, label.form-label {
  color: var(--ink-2);
  font-weight: 700;
  font-size: 13px;
}
.form-hint { color: var(--muted); font-size: 12px; line-height: 1.5; }
.input-wrap { position: relative; }
.input-wrap > .icon {
  position: absolute;
  left: 13px;
  top: 50%;
  width: 18px;
  height: 18px;
  color: #8797b4;
  transform: translateY(-50%);
  pointer-events: none;
}
.input-wrap.has-icon input { padding-left: 42px; }
.input-wrap .input-action {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  transform: translateY(-50%);
  cursor: pointer;
}
input, select, textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--line-strong);
  border-radius: 11px;
  outline: none;
  color: var(--ink);
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
textarea { min-height: 104px; resize: vertical; line-height: 1.55; }
input::placeholder, textarea::placeholder { color: #a5b0c4; }
input:focus, select:focus, textarea:focus {
  border-color: var(--blue-500);
  box-shadow: 0 0 0 4px rgba(11, 111, 251, .1);
}
input[disabled], select[disabled], textarea[disabled] { color: #8896ad; background: #f4f6fa; cursor: not-allowed; }
.checkbox-row { display: flex; align-items: flex-start; gap: 9px; color: var(--ink-2); font-size: 13px; }
.checkbox-row input { width: 17px; height: 17px; min-height: 0; margin: 2px 0 0; accent-color: var(--blue-600); }
.input-prefix { position: relative; }
.input-prefix span { position: absolute; left: 13px; top: 50%; color: var(--muted); transform: translateY(-50%); }
.input-prefix input { padding-left: 31px; }

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #5f6f8c;
  background: #f0f3f8;
  font-size: 11px;
  font-weight: 800;
  text-transform: capitalize;
  white-space: nowrap;
}
.status-badge > span { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-success { color: var(--success); background: var(--success-bg); }
.status-warning { color: var(--warning); background: var(--warning-bg); }
.status-danger { color: var(--danger); background: var(--danger-bg); }
.status-info { color: var(--blue-600); background: var(--info-bg); }
.status-neutral { color: #66758e; background: #f0f3f7; }

.flash {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 13px 15px;
  border: 1px solid;
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.flash .icon { width: 20px; height: 20px; }
.flash span { flex: 1; font-weight: 600; }
.flash button { display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; color: currentColor; opacity: .65; }
.flash button .icon { width: 17px; height: 17px; }
.flash-success { color: #087950; border-color: #b9ead8; background: #f0fdf8; }
.flash-error { color: #b92e4a; border-color: #f4c4ce; background: #fff5f7; }
.flash-info { color: #1859b5; border-color: #c7dcfa; background: #f3f8ff; }

.avatar {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.avatar-round { border-radius: 50%; }
.avatar-sm { width: 32px; height: 32px; border-radius: 10px; }
.avatar-lg { width: 48px; height: 48px; border-radius: 14px; }
.avatar-gradient { background: var(--gradient); box-shadow: 0 7px 18px rgba(9, 101, 233, .22); }
.avatar-soft-blue { color: var(--blue-700); background: #e9f2ff; }
.avatar-soft-teal { color: #008f77; background: #e6fbf6; }
.avatar-soft-purple { color: #6944cf; background: #f0eafe; }
.avatar-soft-orange { color: #bc6300; background: #fff1df; }

/* Public website */
.public-body { background: #fff; }
.site-shell { overflow: hidden; }
.public-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.site-header {
  position: fixed;
  z-index: 70;
  top: 0;
  left: 0;
  right: 0;
  height: 78px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid transparent;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.site-header.scrolled { background: rgba(255,255,255,.92); border-color: var(--line); box-shadow: 0 8px 25px rgba(18,43,91,.05); backdrop-filter: blur(18px); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.public-brand img { width: 174px; height: 48px; object-fit: contain; object-position: left center; }
.public-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.public-nav a { color: #405274; font-weight: 700; font-size: 13px; transition: color .18s ease; }
.public-nav a:hover { color: var(--blue-600); }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.login-link { color: var(--ink-2); font-weight: 700; font-size: 13px; }
.mobile-nav-toggle { display: none; border: 0; background: transparent; cursor: pointer; }
.public-flashes { position: fixed; z-index: 80; top: 88px; left: 0; right: 0; display: grid; gap: 8px; pointer-events: none; }
.public-flashes .flash { max-width: 620px; margin-left: auto; pointer-events: auto; }

.hero {
  position: relative;
  min-height: 820px;
  display: flex;
  align-items: center;
  padding: 142px 0 86px;
  background:
    radial-gradient(circle at 90% 8%, rgba(0, 220, 181, .15), transparent 27%),
    radial-gradient(circle at 3% 42%, rgba(11, 111, 251, .11), transparent 30%),
    linear-gradient(180deg, #f9fcff 0%, #fff 86%);
}
.hero::before {
  content: "";
  position: absolute;
  top: 96px;
  right: -190px;
  width: 560px;
  height: 560px;
  border: 1px solid rgba(13, 104, 233, .09);
  border-radius: 50%;
  box-shadow: 0 0 0 75px rgba(13, 104, 233, .025), 0 0 0 150px rgba(0, 220, 181, .02);
}
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr); align-items: center; gap: 54px; }
.hero-copy { max-width: 620px; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border: 1px solid #d8e5fa;
  border-radius: 999px;
  color: var(--blue-700);
  background: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .11em;
}
.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--teal-500); box-shadow: 0 0 0 4px rgba(0, 220, 181, .13); }
.eyebrow.light { color: #cbe8ff; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.08); }
.hero h1 { max-width: 680px; margin: 22px 0 22px; font-size: clamp(48px, 5.2vw, 72px); line-height: 1.04; letter-spacing: -.05em; }
.hero h1 span { color: transparent; background: var(--gradient); -webkit-background-clip: text; background-clip: text; }
.hero-copy > p { max-width: 590px; color: #5e6f8e; font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 13px; margin-top: 30px; }
.hero-checks { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; color: #60708d; font-size: 12px; font-weight: 600; }
.hero-checks span { display: flex; align-items: center; gap: 7px; }
.hero-checks .icon { width: 16px; height: 16px; color: var(--success); }
.hero-visual { position: relative; min-width: 0; perspective: 1300px; }
.dashboard-preview {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(143, 171, 216, .35);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 45px 95px rgba(10, 50, 118, .2), 0 12px 30px rgba(18, 82, 177, .1);
  transform: rotateY(-2deg) rotateX(1deg);
}
.preview-topbar { height: 46px; display: flex; align-items: center; gap: 7px; padding: 0 16px; border-bottom: 1px solid var(--line); background: #fbfdff; }
.preview-topbar i { width: 8px; height: 8px; border-radius: 50%; background: #ccd6e5; }
.preview-topbar i:first-child { background: #fd7c7c; }
.preview-topbar i:nth-child(2) { background: #f7c95f; }
.preview-topbar i:nth-child(3) { background: #50d497; }
.preview-topbar span { margin-left: auto; color: #8a9ab5; font-size: 9px; font-weight: 700; }
.preview-app { display: grid; grid-template-columns: 76px 180px 1fr; min-height: 410px; }
.preview-sidebar { padding: 16px 10px; color: #95a4bd; background: var(--navy-950); }
.preview-logo { width: 40px; height: 40px; margin: 0 auto 19px; object-fit: contain; }
.preview-nav-icon { width: 34px; height: 34px; display: grid; place-items: center; margin: 7px auto; border-radius: 10px; }
.preview-nav-icon.active { color: #fff; background: linear-gradient(135deg, #105ee5, #0dcfbc); }
.preview-nav-icon .icon { width: 17px; height: 17px; }
.preview-list { border-right: 1px solid var(--line); background: #fcfdff; }
.preview-list-head { padding: 16px 13px 9px; }
.preview-list-head strong { display: block; font-family: Manrope, sans-serif; font-size: 11px; }
.preview-search { height: 25px; margin-top: 8px; border-radius: 7px; background: #eff3f9; }
.preview-chat-row { display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 8px; padding: 10px 11px; border-top: 1px solid #edf1f7; }
.preview-chat-row.active { background: #edf6ff; }
.preview-chat-row .preview-avatar { width: 29px; height: 29px; border-radius: 9px; }
.preview-chat-row strong, .preview-chat-row small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.preview-chat-row strong { font-size: 9px; color: #2b3d60; }
.preview-chat-row small { max-width: 78px; margin-top: 2px; color: #91a0b8; font-size: 7px; }
.preview-chat-row time { color: #9aa8bd; font-size: 6px; }
.preview-chat { display: grid; grid-template-rows: 52px 1fr 54px; background: #f4f7fb; }
.preview-chat-head { display: flex; align-items: center; gap: 9px; padding: 10px 13px; border-bottom: 1px solid var(--line); background: #fff; }
.preview-chat-head strong { display: block; font-size: 10px; }
.preview-chat-head span { display: block; color: #91a0b8; font-size: 7px; }
.preview-chat-head .status-dot { width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: var(--teal-500); }
.preview-messages { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: 16px; }
.preview-bubble { width: fit-content; max-width: 75%; padding: 9px 11px; border-radius: 12px 12px 12px 4px; color: #4c5d7a; background: #fff; box-shadow: 0 3px 8px rgba(20,48,94,.06); font-size: 8px; line-height: 1.5; }
.preview-bubble.out { align-self: flex-end; color: #075b55; border-radius: 12px 12px 4px 12px; background: #dffaf3; }
.preview-composer { display: flex; align-items: center; gap: 9px; padding: 10px 12px; border-top: 1px solid var(--line); background: #fff; }
.preview-composer > div { flex: 1; height: 31px; border-radius: 8px; background: #f1f4f8; }
.preview-send { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--gradient); }
.preview-send .icon { width: 13px; height: 13px; }
.floating-card {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid rgba(189, 209, 237, .65);
  border-radius: 14px;
  background: rgba(255,255,255,.93);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(12px);
}
.floating-card strong, .floating-card span { display: block; }
.floating-card strong { font-family: Manrope, sans-serif; font-size: 13px; }
.floating-card span { color: var(--muted); font-size: 10px; }
.floating-card .floating-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; }
.floating-card .floating-icon .icon { width: 18px; height: 18px; }
.floating-card.one { top: -28px; right: 28px; animation: float 5s ease-in-out infinite; }
.floating-card.one .floating-icon { color: var(--success); background: var(--success-bg); }
.floating-card.two { left: -42px; bottom: 30px; animation: float 5.6s ease-in-out infinite reverse; }
.floating-card.two .floating-icon { color: var(--blue-600); background: var(--info-bg); }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.trust-strip { padding: 24px 0 72px; text-align: center; }
.trust-strip > p { margin-bottom: 26px; color: #8492aa; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.industry-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.industry-chip { display: flex; align-items: center; gap: 9px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; color: #5b6b87; background: #fff; font-weight: 700; box-shadow: var(--shadow-xs); }
.industry-chip .icon { width: 17px; height: 17px; color: var(--blue-600); }

.public-section { position: relative; padding: 100px 0; }
.public-section.soft { background: linear-gradient(180deg, #f8fbff, #f3f8ff); }
.public-section.dark { color: #fff; background: var(--navy-950); }
.section-heading { max-width: 720px; margin: 0 auto 52px; text-align: center; }
.section-heading.align-left { margin-left: 0; text-align: left; }
.section-kicker { display: inline-block; margin-bottom: 13px; color: var(--blue-600); font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.dark .section-kicker { color: var(--teal-400); }
.section-heading h2 { font-size: clamp(34px, 4vw, 49px); }
.dark .section-heading h2 { color: #fff; }
.section-heading p { margin-top: 16px; color: #6c7c98; font-size: 16px; line-height: 1.7; }
.dark .section-heading p { color: #aab9d2; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.feature-card {
  position: relative;
  min-height: 255px;
  padding: 27px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--shadow-xs);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.feature-card:hover { transform: translateY(-5px); border-color: #cddcf1; box-shadow: var(--shadow-md); }
.feature-card::after { content: ""; position: absolute; width: 130px; height: 130px; right: -50px; bottom: -60px; border-radius: 50%; background: radial-gradient(circle, rgba(11,111,251,.11), transparent 70%); }
.feature-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 23px; border-radius: 14px; color: var(--blue-600); background: linear-gradient(135deg, #eaf3ff, #ecfffb); }
.feature-icon .icon { width: 23px; height: 23px; }
.feature-card h3 { font-size: 19px; }
.feature-card p { margin-top: 11px; color: #71809b; line-height: 1.65; }
.feature-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 20px; color: var(--blue-600); font-weight: 800; font-size: 12px; }
.feature-link .icon { width: 15px; height: 15px; }

.solution-tabs { display: grid; grid-template-columns: 330px 1fr; gap: 30px; align-items: stretch; }
.solution-tab-list { display: flex; flex-direction: column; gap: 10px; }
.solution-tab {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.solution-tab.active { border-color: #d8e5f7; background: #fff; box-shadow: var(--shadow-sm); }
.solution-tab .tab-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: var(--blue-600); background: #eaf3ff; }
.solution-tab strong, .solution-tab small { display: block; }
.solution-tab strong { color: var(--ink); font-family: Manrope, sans-serif; font-size: 14px; }
.solution-tab small { margin-top: 4px; color: var(--muted); }
.solution-tab > .icon { width: 17px; height: 17px; color: #9aa8bd; }
.solution-display { position: relative; min-height: 455px; overflow: hidden; border: 1px solid #dce6f4; border-radius: 26px; background: #fff; box-shadow: var(--shadow-md); }
.solution-pane { display: none; height: 100%; padding: 42px; }
.solution-pane.active { display: grid; grid-template-columns: 1fr .95fr; align-items: center; gap: 30px; }
.solution-pane h3 { font-size: 31px; }
.solution-pane p { margin: 15px 0 22px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.check-list { display: grid; gap: 12px; }
.check-list li { display: flex; align-items: flex-start; gap: 10px; color: #405274; list-style: none; }
.check-list .icon { width: 18px; height: 18px; margin-top: 1px; color: var(--success); }
.solution-art { position: relative; height: 330px; border-radius: 20px; background: linear-gradient(145deg, #eff5ff, #effdfa); }
.mini-chart-card { position: absolute; inset: 25px; padding: 20px; border: 1px solid rgba(195,211,235,.8); border-radius: 16px; background: rgba(255,255,255,.92); box-shadow: var(--shadow-sm); }
.mini-chart-head { display: flex; align-items: center; justify-content: space-between; }
.mini-chart-head strong { font-size: 12px; }
.mini-chart-head span { color: var(--success); font-size: 10px; font-weight: 800; }
.bar-chart { height: 165px; display: flex; align-items: flex-end; gap: 9px; padding: 20px 0 12px; border-bottom: 1px solid var(--line); }
.bar-chart i { flex: 1; min-width: 9px; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--teal-500), var(--blue-600)); opacity: .85; }
.chart-labels { display: flex; justify-content: space-between; padding-top: 9px; color: #98a6bb; font-size: 8px; }

.workflow-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; }
.workflow-copy h2 { color: #fff; font-size: clamp(36px, 4vw, 52px); }
.workflow-copy > p { max-width: 510px; margin: 19px 0 28px; color: #a9b8d1; font-size: 16px; line-height: 1.75; }
.workflow-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 32px; }
.workflow-metrics div { padding: 16px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; background: rgba(255,255,255,.045); }
.workflow-metrics strong, .workflow-metrics span { display: block; }
.workflow-metrics strong { color: #fff; font-family: Manrope, sans-serif; font-size: 23px; }
.workflow-metrics span { margin-top: 4px; color: #8fa2c1; font-size: 10px; }
.flow-builder-preview { position: relative; display: grid; gap: 14px; padding: 28px; border: 1px solid rgba(255,255,255,.1); border-radius: 26px; background: rgba(255,255,255,.04); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.flow-line { position: absolute; top: 72px; bottom: 72px; left: 61px; width: 2px; background: linear-gradient(var(--blue-500), var(--teal-500)); }
.flow-node { position: relative; z-index: 2; display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 14px; padding: 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; color: #fff; background: #102450; box-shadow: 0 15px 35px rgba(0,0,0,.15); }
.flow-node-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: var(--gradient); }
.flow-node strong, .flow-node small { display: block; }
.flow-node small { margin-top: 4px; color: #93a8c8; }
.flow-node > span { color: #6fe4ce; font-size: 10px; font-weight: 800; }

.pricing-toggle { display: flex; justify-content: center; margin: -20px 0 35px; }
.toggle-shell { display: inline-flex; padding: 5px; border: 1px solid var(--line); border-radius: 999px; background: #fff; box-shadow: var(--shadow-xs); }
.toggle-shell button { padding: 9px 15px; border: 0; border-radius: 999px; color: var(--muted); background: transparent; cursor: pointer; font-weight: 700; }
.toggle-shell button.active { color: #fff; background: var(--blue-600); }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; align-items: stretch; }
.price-card { position: relative; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow-xs); }
.price-card.featured { color: #fff; border-color: transparent; background: var(--gradient-deep); box-shadow: var(--shadow-lg); transform: translateY(-10px); }
.price-card.featured h3, .price-card.featured .price-number, .price-card.featured .price-list li { color: #fff; }
.price-ribbon { position: absolute; top: 17px; right: 17px; padding: 6px 9px; border-radius: 999px; color: #026e5d; background: #d9fff7; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.price-card h3 { font-size: 20px; }
.price-card > p { min-height: 44px; margin-top: 8px; color: var(--muted); }
.price-card.featured > p { color: #b8c6dc; }
.price { display: flex; align-items: flex-end; gap: 5px; margin: 25px 0 22px; }
.price-number { color: var(--ink); font-family: Manrope, sans-serif; font-size: 39px; font-weight: 800; letter-spacing: -.04em; }
.price-period { margin-bottom: 6px; color: var(--muted); font-size: 12px; }
.price-card.featured .price-period { color: #a9bbd7; }
.price-list { display: grid; gap: 11px; padding: 0; margin: 24px 0; }
.price-list li { display: flex; align-items: flex-start; gap: 9px; color: #52627e; list-style: none; }
.price-list .icon { width: 17px; height: 17px; margin-top: 1px; color: var(--success); }
.price-card.featured .price-list .icon { color: var(--teal-400); }
.price-note { display: block; margin-top: 13px; color: var(--muted); font-size: 10px; text-align: center; }
.price-card.featured .price-note { color: #96aac9; }

.faq-grid { max-width: 870px; margin: 0 auto; display: grid; gap: 11px; }
.faq-item { overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 19px 21px; border: 0; background: #fff; text-align: left; cursor: pointer; font-weight: 800; }
.faq-question .icon { transition: transform .2s ease; }
.faq-item.open .faq-question .icon { transform: rotate(180deg); }
.faq-answer { display: none; padding: 0 21px 20px; color: var(--muted); line-height: 1.75; }
.faq-item.open .faq-answer { display: block; }

.cta-section { padding: 86px 0; background: #fff; }
.cta-box { position: relative; overflow: hidden; padding: 62px; border-radius: 30px; color: #fff; background: var(--gradient-deep); box-shadow: var(--shadow-lg); }
.cta-box::after { content: ""; position: absolute; width: 440px; height: 440px; top: -210px; right: -90px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 65px rgba(255,255,255,.035), 0 0 0 130px rgba(255,255,255,.025); }
.cta-content { position: relative; z-index: 2; max-width: 650px; }
.cta-content h2 { color: #fff; font-size: clamp(36px, 4vw, 53px); }
.cta-content p { margin: 16px 0 25px; color: #b6c6df; font-size: 16px; }
.cta-actions { display: flex; gap: 12px; }

.site-footer { padding: 76px 0 25px; color: #9aaac5; background: var(--navy-950); }
.footer-grid { display: grid; grid-template-columns: 1.6fr .7fr .7fr 1.1fr; gap: 48px; }
.footer-brand img { width: 180px; height: 52px; object-fit: contain; object-position: left; filter: brightness(0) invert(1); }
.footer-brand p { max-width: 320px; margin: 18px 0 13px; line-height: 1.7; }
.product-by { color: #6f84a7; font-size: 11px; font-weight: 700; }
.site-footer h4 { margin-bottom: 17px; color: #fff; font-size: 13px; }
.site-footer a { display: block; margin: 10px 0; transition: color .18s ease; }
.site-footer a:hover { color: #fff; }
.site-footer .btn { display: inline-flex; margin-top: 18px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 55px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.09); color: #6e82a4; font-size: 11px; }
.simple-page { min-height: 68vh; padding: 150px 0 80px; }
.simple-page article { max-width: 820px; margin: 0 auto; padding: 35px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.simple-page article h1 { margin-bottom: 20px; font-size: 40px; }
.simple-page article h2 { margin: 28px 0 10px; font-size: 22px; }
.simple-page article p, .simple-page article li { color: var(--muted); line-height: 1.75; }

/* Authentication */
.auth-body { min-height: 100vh; background: #fff; }
.auth-layout { min-height: 100vh; display: grid; grid-template-columns: minmax(440px, .9fr) minmax(500px, 1.1fr); }
.auth-showcase { position: relative; min-height: 100vh; display: flex; flex-direction: column; overflow: hidden; padding: 38px 54px 42px; color: #fff; background: var(--gradient-deep); }
.auth-showcase::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
.auth-glow { position: absolute; border-radius: 50%; filter: blur(10px); }
.auth-glow-one { width: 420px; height: 420px; top: -180px; right: -150px; background: rgba(0, 220, 181, .19); }
.auth-glow-two { width: 360px; height: 360px; left: -180px; bottom: -120px; background: rgba(20, 137, 255, .2); }
.auth-brand { position: relative; z-index: 2; align-self: flex-start; }
.auth-brand img { width: 190px; height: 54px; object-fit: contain; object-position: left; filter: brightness(0) invert(1); }
.auth-story { position: relative; z-index: 2; max-width: 590px; margin: auto 0; }
.auth-story h1 { margin: 24px 0 20px; color: #fff; font-size: clamp(45px, 5vw, 67px); line-height: 1.06; letter-spacing: -.055em; }
.auth-story h1 span { color: #5df2d4; }
.auth-story > p { max-width: 520px; color: #bbcae0; font-size: 17px; line-height: 1.7; }
.auth-proof-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 34px; }
.auth-proof-grid div { padding: 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.055); }
.auth-proof-grid strong, .auth-proof-grid span { display: block; }
.auth-proof-grid strong { color: #fff; font-family: Manrope, sans-serif; font-size: 23px; }
.auth-proof-grid span { margin-top: 4px; color: #91a9c8; font-size: 10px; }
.auth-testimonial { position: relative; z-index: 2; max-width: 570px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.11); }
.auth-testimonial > p { max-width: 520px; color: #aabbd4; line-height: 1.65; }
.quote-mark { height: 26px; color: var(--teal-400); font-family: Georgia, serif; font-size: 48px; line-height: .7; }
.quote-author { display: flex; align-items: center; gap: 11px; margin-top: 16px; }
.quote-author strong, .quote-author span { display: block; }
.quote-author strong { color: #fff; }
.quote-author span { color: #8197b8; font-size: 11px; }
.auth-panel { display: grid; place-items: center; min-width: 0; padding: 44px 30px; background: #fff; }
.auth-panel-inner { width: min(440px, 100%); }
.auth-mobile-brand { display: none; margin-bottom: 34px; }
.auth-mobile-brand img { width: 175px; }
.auth-flashes { display: grid; gap: 8px; margin-bottom: 18px; }
.auth-title { margin-bottom: 24px; }
.auth-title h1 { font-size: 31px; }
.auth-title p { margin-top: 9px; color: var(--muted); font-size: 14px; }
.social-button {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--line-strong);
  border-radius: 11px;
  color: var(--ink-2);
  background: #fff;
  cursor: pointer;
  font-weight: 700;
  box-shadow: var(--shadow-xs);
  transition: .18s ease;
}
.social-button:hover { border-color: #afc0dc; background: #fbfcff; transform: translateY(-1px); }
.social-button.disabled { opacity: .55; cursor: not-allowed; }
.google-mark { width: 19px; height: 19px; }
.auth-divider { display: flex; align-items: center; gap: 12px; margin: 22px 0; color: #a0abc0; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.auth-form .form-group { margin-bottom: 15px; }
.auth-form input { min-height: 48px; }
.auth-form-meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: -2px 0 20px; }
.auth-form-meta a { color: var(--blue-600); font-weight: 700; font-size: 12px; }
.auth-switch { margin-top: 22px; color: var(--muted); text-align: center; }
.auth-switch a { color: var(--blue-600); font-weight: 800; }
.auth-legal { margin-top: 28px; color: #9ba7bb; font-size: 10px; line-height: 1.6; text-align: center; }
.auth-legal a { color: #6f7f9b; text-decoration: underline; }
.password-meter { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin-top: 7px; }
.password-meter i { height: 3px; border-radius: 999px; background: #e5eaf3; }
.password-meter[data-strength="1"] i:first-child { background: var(--danger); }
.password-meter[data-strength="2"] i:nth-child(-n+2) { background: #f0a21c; }
.password-meter[data-strength="3"] i:nth-child(-n+3) { background: var(--blue-500); }
.password-meter[data-strength="4"] i { background: var(--success); }

/* Application shell */
.app-body { min-height: 100vh; overflow-x: hidden; background: var(--page); }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-width) minmax(0,1fr); }
.sidebar {
  position: fixed;
  z-index: 80;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--sidebar-width);
  display: flex;
  flex-direction: column;
  padding: 18px 14px 15px;
  color: #dbe6f8;
  background: var(--navy-950);
  border-right: 1px solid rgba(255,255,255,.04);
}
.sidebar::before { content: ""; position: absolute; width: 220px; height: 220px; top: -130px; left: -70px; border-radius: 50%; background: rgba(0, 220, 181, .09); filter: blur(10px); pointer-events: none; }
.sidebar-head { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 0 7px 13px; border-bottom: 1px solid rgba(255,255,255,.07); }
.sidebar-brand img { width: 170px; height: 46px; object-fit: contain; object-position: left; filter: brightness(0) invert(1); }
.sidebar-close { display: none; border: 0; background: transparent; color: #fff; }
.sidebar-nav { flex: 1; overflow-y: auto; padding: 15px 0 8px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.14) transparent; }
.nav-group-label { display: block; padding: 17px 12px 7px; color: #607799; font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.nav-group-label:first-child { padding-top: 5px; }
.sidebar-link { position: relative; display: flex; align-items: center; gap: 12px; min-height: 43px; margin: 3px 0; padding: 9px 11px; border-radius: 11px; color: #9eb0ca; font-weight: 700; font-size: 13px; transition: color .18s ease, background .18s ease; }
.sidebar-link .icon { width: 19px; height: 19px; }
.sidebar-link > span:not(.nav-count):not(.nav-new) { flex: 1; }
.sidebar-link:hover { color: #fff; background: rgba(255,255,255,.055); }
.sidebar-link.active { color: #fff; background: linear-gradient(100deg, rgba(14,99,236,.9), rgba(0,199,178,.68)); box-shadow: 0 8px 24px rgba(0, 82, 205, .24); }
.sidebar-link.active::before { content: ""; position: absolute; left: -14px; width: 3px; height: 22px; border-radius: 0 3px 3px 0; background: #56f3d6; }
.nav-count { min-width: 22px; height: 20px; display: grid; place-items: center; padding: 0 5px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.14); font-size: 9px; }
.nav-new { padding: 3px 6px; border-radius: 999px; color: #55efd3; background: rgba(0,220,181,.12); font-size: 8px; font-weight: 900; }
.sidebar-bottom { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); }
.plan-mini { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.035); }
.plan-mini-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #4af0d3; background: rgba(0,220,181,.12); }
.plan-mini-icon .icon { width: 17px; height: 17px; }
.plan-mini span, .plan-mini small { display: block; }
.plan-mini span { color: #dce8f8; font-size: 11px; font-weight: 800; }
.plan-mini small { margin-top: 2px; color: #667c9f; font-size: 8px; }
.plan-mini > a { color: #7084a4; }
.plan-mini > a .icon { width: 15px; height: 15px; }
.sidebar-help { display: flex; align-items: center; gap: 11px; padding: 10px 11px; border-radius: 10px; color: #7f94b3; font-weight: 700; font-size: 12px; }
.sidebar-help:hover { color: #fff; background: rgba(255,255,255,.045); }
.sidebar-help .icon { width: 18px; height: 18px; }
.app-main { min-width: 0; grid-column: 2; }
.topbar {
  position: sticky;
  z-index: 60;
  top: 0;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 28px;
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(16px);
}
.topbar-left, .topbar-actions { display: flex; align-items: center; gap: 12px; }
.sidebar-toggle { display: none; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.page-heading h1 { font-size: 20px; }
.page-heading p { margin-top: 3px; color: var(--muted); font-size: 11px; }
.command-search { min-width: 218px; height: 39px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; color: #8290a8; background: #f8fafd; cursor: pointer; text-align: left; }
.command-search .icon { width: 17px; height: 17px; }
.command-search span { flex: 1; font-size: 11px; }
.command-search-inline{cursor:text}
.command-search-inline input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;box-shadow:none}
.command-search-inline input::placeholder{color:#64769d;opacity:1}
.command-search-inline:focus-within{border-color:#82aef5;box-shadow:0 0 0 3px rgba(20,103,244,.09)}
.page-templates .command-search-inline input,
.page-templates .command-search-inline input:focus,
.page-templates .command-search-inline input:focus-visible{min-height:0!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
.page-templates .tpl-search input,
.page-templates .tpl-search input:focus,
.page-templates .tpl-search input:focus-visible{min-height:0!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
kbd { padding: 3px 6px; border: 1px solid #dbe2ed; border-radius: 5px; color: #8794a9; background: #fff; font-family: inherit; font-size: 9px; box-shadow: 0 1px 0 #dbe2ed; }
.notification-button { position: relative; }
.notification-dot { position: absolute; top: 9px; right: 9px; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: var(--teal-500); }
.user-menu-wrap { position: relative; }
.user-menu-trigger { display: flex; align-items: center; gap: 9px; min-height: 45px; padding: 4px 7px 4px 4px; border: 1px solid transparent; border-radius: 12px; background: transparent; cursor: pointer; }
.user-menu-trigger:hover { border-color: var(--line); background: #fff; }
.user-menu-copy { text-align: left; }
.user-menu-copy strong, .user-menu-copy small { display: block; }
.user-menu-copy strong { max-width: 130px; overflow: hidden; color: var(--ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.user-menu-copy small { margin-top: 2px; color: #8694ab; font-size: 9px; }
.user-menu-trigger > .icon { width: 15px; height: 15px; color: #8e9bb0; }
.user-dropdown { position: absolute; top: calc(100% + 8px); right: 0; width: 245px; display: none; padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-md); }
.user-dropdown.open { display: block; }
.dropdown-user { display: flex; align-items: center; gap: 10px; padding: 9px 8px 13px; margin-bottom: 5px; border-bottom: 1px solid var(--line); }
.dropdown-user strong, .dropdown-user span { display: block; }
.dropdown-user strong { font-size: 12px; }
.dropdown-user span { max-width: 150px; margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.user-dropdown > a { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 9px; color: var(--ink-2); font-weight: 700; font-size: 12px; }
.user-dropdown > a:hover { color: var(--blue-600); background: var(--surface-3); }
.user-dropdown > a .icon { width: 17px; height: 17px; }
.page-content { min-width: 0; padding: 25px 27px 42px; }
.page-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; max-width: 1540px; margin: 0 auto; }
.page-toolbar:empty { display: none; }
.page-actions { display: flex; align-items: center; gap: 9px; }
.app-flashes { max-width: 1540px; display: grid; gap: 8px; margin: 0 auto 16px; }
.notice-banner { max-width: 1540px; display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 12px; margin: 0 auto 17px; padding: 13px 14px; border: 1px solid; border-radius: 13px; }
.notice-info { color: #195cb7; border-color: #c8ddfb; background: #f1f7ff; }
.notice-banner .notice-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.7); }
.notice-banner strong, .notice-banner p { display: block; }
.notice-banner strong { color: var(--ink); font-size: 12px; }
.notice-banner p { margin-top: 3px; color: #6b7e9b; font-size: 10px; }
.page-grid { max-width: 1540px; margin: 0 auto; }

/* Dashboard and reusable cards */
.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 15px; margin-bottom: 17px; }
.stat-card { position: relative; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-xs); }
.stat-card::after { content: ""; position: absolute; width: 90px; height: 90px; top: -46px; right: -40px; border-radius: 50%; background: rgba(11,111,251,.07); }
.stat-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.stat-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; }
.stat-icon .icon { width: 19px; height: 19px; }
.stat-icon.blue { color: var(--blue-600); background: #eaf3ff; }
.stat-icon.teal { color: #008c74; background: #e7fbf6; }
.stat-icon.purple { color: #704ad0; background: #f0ebff; }
.stat-icon.orange { color: #b96602; background: #fff1dd; }
.stat-trend { display: inline-flex; align-items: center; gap: 4px; color: var(--success); font-size: 9px; font-weight: 800; }
.stat-trend.down { color: var(--danger); }
.stat-card > span { display: block; margin-top: 14px; color: var(--muted); font-size: 11px; font-weight: 700; }
.stat-value { display: flex; align-items: baseline; gap: 7px; margin-top: 3px; }
.stat-value strong { color: var(--ink); font-family: Manrope, sans-serif; font-size: 27px; letter-spacing: -.04em; }
.stat-value small { color: #9ca8bb; font-size: 9px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .74fr); gap: 17px; }
.dashboard-lower { display: grid; grid-template-columns: minmax(0,1.13fr) minmax(0,.87fr); gap: 17px; margin-top: 17px; }
.panel { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow-xs); }
.panel-pad { padding: 18px; }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 17px 18px; border-bottom: 1px solid var(--line); }
.panel-head.no-border { border-bottom: 0; }
.panel-head h2 { font-size: 15px; }
.panel-head p { margin-top: 4px; color: var(--muted); font-size: 10px; }
.panel-tools { display: flex; align-items: center; gap: 7px; }
.panel-body { padding: 18px; }
.chart-wrap { position: relative; height: 275px; padding: 5px 2px 0; }
.chart-wrap canvas { width: 100%; height: 100%; }
.chart-legend { display: flex; align-items: center; gap: 14px; }
.chart-legend span { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; }
.chart-legend i { width: 8px; height: 8px; border-radius: 3px; background: var(--blue-600); }
.chart-legend span:nth-child(2) i { background: var(--teal-500); }
.mini-select { width: auto; min-height: 34px; padding: 7px 28px 7px 9px; border-radius: 9px; font-size: 10px; }
.onboarding-card { padding: 18px; color: #fff; background: var(--gradient-deep); }
.onboarding-card h2 { color: #fff; font-size: 17px; }
.onboarding-card > p { margin-top: 7px; color: #aebfd9; font-size: 10px; }
.onboarding-progress { margin: 17px 0; }
.progress-head { display: flex; justify-content: space-between; margin-bottom: 7px; color: #c1d0e4; font-size: 9px; }
.progress-track { height: 6px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.12); }
.progress-track > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--teal-500), #69f2d9); }
.checklist { display: grid; gap: 8px; }
.checklist-item { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; background: rgba(255,255,255,.04); }
.checklist-check { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 8px; color: #7e95b6; }
.checklist-item.done .checklist-check { color: #052d44; border-color: transparent; background: var(--teal-400); }
.checklist-check .icon { width: 14px; height: 14px; }
.checklist-item strong, .checklist-item small { display: block; }
.checklist-item strong { color: #fff; font-size: 10px; }
.checklist-item small { margin-top: 2px; color: #8298b9; font-size: 8px; }
.checklist-item > .icon { width: 15px; height: 15px; color: #6d83a4; }
.activity-list { display: grid; }
.activity-row { display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.activity-row:last-child { border-bottom: 0; }
.activity-row strong, .activity-row span { display: block; }
.activity-row strong { font-size: 11px; }
.activity-row span { max-width: 390px; margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.activity-row time { color: #9aa6ba; font-size: 8px; }
.channel-list { display: grid; gap: 13px; }
.channel-row { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; }
.channel-row strong, .channel-row small { display: block; }
.channel-row strong { font-size: 11px; }
.channel-row small { color: var(--muted); font-size: 9px; }
.channel-metric { text-align: right; }
.channel-metric strong { font-family: Manrope, sans-serif; font-size: 13px; }
.connection-card { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcff; }
.connection-logo { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#1cc76a,#0ea65b); }
.connection-card strong, .connection-card span { display: block; }
.connection-card strong { font-size: 11px; }
.connection-card span { margin-top: 3px; color: var(--muted); font-size: 9px; }
.connection-card .status-badge { margin-left: auto; }

/* Tables and list pages */
.toolbar-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.toolbar-left, .toolbar-right { display: flex; align-items: center; gap: 8px; }
.search-field { position: relative; width: min(340px, 100%); }
.search-field .icon { position: absolute; left: 12px; top: 50%; width: 17px; height: 17px; color: #8c9ab0; transform: translateY(-50%); }
.search-field input { min-height: 39px; padding-left: 38px; border-radius: 10px; background: #f9fbfd; }
.filter-button { min-height: 39px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink-2); background: #fff; cursor: pointer; font-weight: 700; font-size: 11px; }
.filter-button .icon { width: 16px; height: 16px; }
.table-panel { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; min-width: 800px; }
.data-table th { padding: 11px 15px; border-bottom: 1px solid var(--line); color: #8b98ad; background: #fbfcfe; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-align: left; text-transform: uppercase; }
.data-table td { padding: 13px 15px; border-bottom: 1px solid var(--line); color: var(--ink-2); vertical-align: middle; font-size: 11px; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr:hover td { background: #fbfdff; }
.table-primary { display: flex; align-items: center; gap: 10px; }
.table-primary strong, .table-primary span { display: block; }
.table-primary strong { color: var(--ink); font-size: 11px; }
.table-primary span { margin-top: 3px; color: var(--muted); font-size: 9px; }
.tag-list { display: flex; flex-wrap: wrap; gap: 5px; }
.tag { display: inline-flex; padding: 4px 7px; border-radius: 999px; color: #526482; background: #eef2f8; font-size: 8px; font-weight: 800; }
.tag.blue { color: var(--blue-700); background: #e9f3ff; }
.tag.teal { color: #008975; background: #e5fbf6; }
.table-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.table-action { width: 31px; height: 31px; display: grid; place-items: center; border: 0; border-radius: 8px; color: #7b8aa3; background: transparent; cursor: pointer; }
.table-action:hover { color: var(--blue-600); background: var(--surface-3); }
.table-action .icon { width: 15px; height: 15px; }
.pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.pagination-links { display: flex; gap: 4px; }
.pagination a { min-width: 31px; height: 31px; display: grid; place-items: center; padding: 0 7px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink-2); background: #fff; }
.pagination a.current { color: #fff; border-color: var(--blue-600); background: var(--blue-600); }
.empty-state { max-width: 480px; margin: 45px auto; padding: 25px; text-align: center; }
.empty-icon { width: 68px; height: 68px; display: grid; place-items: center; margin: 0 auto 16px; border-radius: 20px; color: var(--blue-600); background: linear-gradient(135deg,#eaf3ff,#eafffa); }
.empty-icon .icon { width: 30px; height: 30px; }
.empty-state h3 { font-size: 17px; }
.empty-state p { margin: 8px 0 17px; color: var(--muted); line-height: 1.65; }

/* Inbox */
.inbox-shell { height: calc(100vh - 129px); min-height: 610px; display: grid; grid-template-columns: 320px minmax(390px,1fr) 285px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow-xs); }
.inbox-list-pane { min-width: 0; display: grid; grid-template-rows: auto auto 1fr; border-right: 1px solid var(--line); }
.inbox-pane-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px; }
.inbox-pane-head h2 { font-size: 15px; }
.inbox-tabs { display: flex; gap: 3px; margin: 0 13px 10px; padding: 4px; border-radius: 10px; background: #f2f5f9; }
.inbox-tab { flex: 1; padding: 7px; border: 0; border-radius: 8px; color: #7c8ba3; background: transparent; cursor: pointer; font-size: 9px; font-weight: 800; }
.inbox-tab.active { color: var(--blue-600); background: #fff; box-shadow: var(--shadow-xs); }
.inbox-search { position: relative; margin: 0 13px 11px; }
.inbox-search .icon { position: absolute; left: 11px; top: 50%; width: 15px; height: 15px; color: #8f9db2; transform: translateY(-50%); }
.inbox-search input { min-height: 37px; padding-left: 34px; border: 0; background: #f3f6fa; }
.conversation-list { overflow-y: auto; }
.conversation-row { width: 100%; display: grid; grid-template-columns: 41px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px 13px; border: 0; border-top: 1px solid #f0f3f8; background: #fff; text-align: left; cursor: pointer; }
.conversation-row:hover { background: #f9fbfe; }
.conversation-row.active { background: linear-gradient(90deg,#edf5ff,#f7fffd); box-shadow: inset 3px 0 var(--blue-600); }
.conversation-copy { min-width: 0; }
.conversation-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.conversation-title strong { max-width: 150px; overflow: hidden; color: var(--ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.conversation-title time { color: #97a3b6; font-size: 8px; }
.conversation-preview { display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.conversation-preview span { flex: 1; overflow: hidden; color: #7e8da5; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.unread-pill { min-width: 18px; height: 18px; display: grid; place-items: center; padding: 0 4px; border-radius: 999px; color: #fff; background: var(--blue-600); font-size: 8px; font-weight: 900; }
.inbox-chat-pane { min-width: 0; display: grid; grid-template-rows: 65px 1fr auto; background: #f4f7fb; }
.chat-header { display: flex; align-items: center; gap: 11px; padding: 11px 15px; border-bottom: 1px solid var(--line); background: #fff; }
.chat-contact { flex: 1; min-width: 0; }
.chat-contact strong, .chat-contact span { display: block; }
.chat-contact strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.chat-contact span { margin-top: 3px; color: var(--muted); font-size: 9px; }
.chat-actions { display: flex; gap: 5px; }
.chat-action { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 9px; color: #7b8ba4; background: transparent; cursor: pointer; }
.chat-action:hover { color: var(--blue-600); background: var(--surface-3); }
.chat-action .icon { width: 17px; height: 17px; }
.message-stream { overflow-y: auto; padding: 22px 24px; background-color: #f4f7fb; background-image: radial-gradient(#dbe5f2 .7px, transparent .7px); background-size: 18px 18px; }
.date-divider { display: flex; align-items: center; gap: 10px; margin: 13px 0; color: #91a0b5; font-size: 8px; text-transform: uppercase; }
.date-divider::before, .date-divider::after { content: ""; flex: 1; height: 1px; background: #dfe6f0; }
.message-row { display: flex; margin: 7px 0; }
.message-row.outbound { justify-content: flex-end; }
.message-bubble { max-width: min(75%, 520px); padding: 10px 12px 8px; border: 1px solid #e5eaf2; border-radius: 14px 14px 14px 4px; color: #3c4f70; background: #fff; box-shadow: 0 4px 10px rgba(22,48,91,.04); font-size: 11px; line-height: 1.55; }
.outbound .message-bubble { border-color: #ccefe5; border-radius: 14px 14px 4px 14px; color: #155d56; background: #e3faf4; }
.message-meta { display: flex; align-items: center; justify-content: flex-end; gap: 5px; margin-top: 5px; color: #8d9aaa; font-size: 7px; }
.message-meta .read-check { color: var(--blue-500); font-weight: 900; }
.chat-composer { padding: 10px 12px 12px; border-top: 1px solid var(--line); background: #fff; }
.composer-box { display: grid; grid-template-columns: auto 1fr auto; align-items: flex-end; gap: 8px; padding: 7px; border: 1px solid var(--line-strong); border-radius: 13px; background: #fff; }
.composer-tools { display: flex; gap: 2px; padding-bottom: 1px; }
.composer-tool { width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 8px; color: #7f8da3; background: transparent; cursor: pointer; }
.composer-tool:hover { color: var(--blue-600); background: #eef4fd; }
.composer-tool .icon { width: 17px; height: 17px; }
.composer-input textarea { min-height: 34px; max-height: 110px; padding: 7px 5px; border: 0; border-radius: 0; box-shadow: none; resize: none; }
.composer-send { width: 37px; height: 37px; display: grid; place-items: center; border: 0; border-radius: 10px; color: #fff; background: var(--gradient); cursor: pointer; box-shadow: 0 6px 15px rgba(8,97,230,.22); }
.composer-send .icon { width: 17px; height: 17px; }
.composer-note { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; color: #9aa6b8; font-size: 8px; }
.contact-pane { overflow-y: auto; border-left: 1px solid var(--line); background: #fff; }
.contact-card-head { padding: 22px 17px 16px; border-bottom: 1px solid var(--line); text-align: center; }
.contact-card-head .avatar { margin: 0 auto 10px; }
.contact-card-head h3 { font-size: 14px; }
.contact-card-head p { margin-top: 4px; color: var(--muted); font-size: 9px; }
.contact-section { padding: 15px 17px; border-bottom: 1px solid var(--line); }
.contact-section-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; color: #7f8da3; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.contact-info-list { display: grid; gap: 10px; }
.contact-info-row { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 9px; }
.contact-info-row > .icon { width: 28px; height: 28px; padding: 6px; border-radius: 8px; color: var(--blue-600); background: #eef5ff; }
.contact-info-row strong, .contact-info-row span { display: block; }
.contact-info-row strong { color: #8c99ad; font-size: 8px; font-weight: 700; }
.contact-info-row span { margin-top: 2px; color: var(--ink-2); font-size: 10px; }
.inbox-empty { grid-column: 1/-1; display: grid; place-items: center; color: var(--muted); text-align: center; }

/* Campaigns */
.campaign-summary-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 15px; }
.campaign-metric { padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.campaign-metric span, .campaign-metric strong { display: block; }
.campaign-metric span { color: var(--muted); font-size: 9px; }
.campaign-metric strong { margin-top: 4px; font-family: Manrope,sans-serif; font-size: 20px; }
.campaign-list { display: grid; gap: 11px; }
.campaign-card { display: grid; grid-template-columns: minmax(240px,1.2fr) minmax(240px,.9fr) minmax(250px,1fr) auto; align-items: center; gap: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.campaign-name { display: flex; align-items: center; gap: 11px; }
.campaign-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: var(--blue-600); background: #eaf3ff; }
.campaign-name strong, .campaign-name span { display: block; }
.campaign-name strong { font-size: 11px; }
.campaign-name span { margin-top: 3px; color: var(--muted); font-size: 9px; }
.campaign-progress { min-width: 0; }
.campaign-progress-head { display: flex; justify-content: space-between; margin-bottom: 6px; color: var(--muted); font-size: 8px; }
.campaign-progress .progress-track { height: 5px; background: #edf1f6; }
.campaign-progress .progress-track span { background: var(--gradient); }
.campaign-stats { display: flex; justify-content: space-between; gap: 8px; }
.campaign-stats div { min-width: 0; }
.campaign-stats span, .campaign-stats strong { display: block; }
.campaign-stats span { color: var(--muted); font-size: 8px; }
.campaign-stats strong { margin-top: 2px; font-size: 11px; }
.wizard-shell { display: grid; grid-template-columns: 250px minmax(0,1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.wizard-sidebar { padding: 24px 18px; color: #fff; background: var(--gradient-deep); }
.wizard-sidebar h2 { color: #fff; font-size: 18px; }
.wizard-sidebar > p { margin-top: 7px; color: #aebfd9; font-size: 10px; }
.wizard-steps { display: grid; gap: 9px; margin-top: 25px; }
.wizard-step { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 10px; padding: 10px; border-radius: 10px; color: #8298b8; }
.wizard-step span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; font-size: 10px; font-weight: 900; }
.wizard-step strong { font-size: 10px; }
.wizard-step.active { color: #fff; background: rgba(255,255,255,.08); }
.wizard-step.active span, .wizard-step.done span { color: var(--navy-950); border-color: transparent; background: var(--teal-400); }
.wizard-content { padding: 27px; }
.wizard-pane { display: none; }
.wizard-pane.active { display: block; }
.wizard-pane > h3 { font-size: 20px; }
.wizard-pane > p { margin: 7px 0 22px; color: var(--muted); }
.wizard-actions { display: flex; justify-content: space-between; gap: 10px; margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--line); }
.choice-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; }
.choice-card { position: relative; display: block; padding: 16px; border: 1px solid var(--line); border-radius: 13px; cursor: pointer; }
.choice-card input { position: absolute; opacity: 0; pointer-events: none; }
.choice-card:has(input:checked) { border-color: var(--blue-500); background: #f2f7ff; box-shadow: 0 0 0 3px rgba(11,111,251,.08); }
.choice-card strong, .choice-card span { display: block; }
.choice-card strong { font-size: 11px; }
.choice-card span { margin-top: 4px; color: var(--muted); font-size: 9px; }
.audience-preview { display: flex; align-items: center; gap: 11px; padding: 13px; border: 1px solid #cfe0f7; border-radius: 12px; background: #f4f8ff; }
.audience-preview .icon { color: var(--blue-600); }
.audience-preview strong, .audience-preview span { display: block; }
.audience-preview span { color: var(--muted); font-size: 9px; }

/* CRM */
.crm-head-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 15px; }
.crm-board { display: grid; grid-template-columns: repeat(5, minmax(245px,1fr)); gap: 12px; overflow-x: auto; padding-bottom: 10px; }
.crm-column { min-width: 245px; padding: 10px; border: 1px solid var(--line); border-radius: 15px; background: #eef2f7; }
.crm-column-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 5px 4px 12px; }
.crm-column-title { display: flex; align-items: center; gap: 7px; }
.crm-column-title i { width: 8px; height: 8px; border-radius: 50%; background: var(--blue-500); }
.crm-column:nth-child(2) .crm-column-title i { background: #8b63e9; }
.crm-column:nth-child(3) .crm-column-title i { background: #e9a31a; }
.crm-column:nth-child(4) .crm-column-title i { background: var(--success); }
.crm-column:nth-child(5) .crm-column-title i { background: #9aa4b4; }
.crm-column-head strong { font-size: 10px; }
.crm-column-head span { color: var(--muted); font-size: 8px; }
.crm-card { margin-bottom: 9px; padding: 12px; border: 1px solid #e2e7ef; border-radius: 12px; background: #fff; box-shadow: var(--shadow-xs); cursor: grab; }
.crm-card:hover { border-color: #cbd8eb; box-shadow: var(--shadow-sm); }
.crm-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.crm-card h4 { font-size: 11px; line-height: 1.4; }
.crm-card-source { padding: 3px 6px; border-radius: 6px; color: var(--blue-600); background: #eaf3ff; font-size: 7px; font-weight: 900; }
.crm-card p { margin: 7px 0 10px; color: var(--muted); font-size: 9px; }
.crm-card-meta { display: flex; align-items: center; justify-content: space-between; padding-top: 9px; border-top: 1px solid var(--line); }
.crm-value { color: var(--success); font-size: 10px; font-weight: 800; }
.crm-due { display: flex; align-items: center; gap: 4px; color: #8d9aae; font-size: 8px; }
.crm-due .icon { width: 12px; height: 12px; }

/* Automation */
.automation-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.automation-card { padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: var(--shadow-xs); }
.automation-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.automation-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: var(--gradient); }
.automation-icon .icon { width: 20px; height: 20px; }
.toggle { width: 38px; height: 22px; position: relative; border: 0; border-radius: 999px; background: #dce3ee; cursor: pointer; }
.toggle::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(30,53,89,.2); transition: .2s ease; }
.toggle.on { background: var(--teal-500); }
.toggle.on::after { left: 19px; }
.automation-card h3 { margin-top: 14px; font-size: 14px; }
.automation-card > p { min-height: 42px; margin-top: 6px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.automation-flow-mini { display: flex; align-items: center; gap: 6px; margin-top: 13px; padding: 9px; border-radius: 10px; background: #f5f8fc; }
.automation-flow-mini span { padding: 5px 7px; border-radius: 7px; color: #566884; background: #fff; font-size: 8px; font-weight: 800; }
.automation-flow-mini .icon { width: 12px; height: 12px; color: #9ca9bb; }
.automation-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 13px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 8px; }

/* Analytics */
.analytics-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 15px; }
.analytics-small-grid { display: grid; gap: 15px; }
.donut-wrap { min-height: 240px; display: grid; place-items: center; }
.donut { position: relative; width: 155px; height: 155px; border-radius: 50%; background: conic-gradient(var(--blue-600) 0 48%, var(--teal-500) 48% 76%, #8a63e8 76% 91%, #e7edf5 91%); }
.donut::after { content: ""; position: absolute; inset: 24px; border-radius: 50%; background: #fff; }
.donut-center { position: absolute; z-index: 2; text-align: center; }
.donut-center strong, .donut-center span { display: block; }
.donut-center strong { font-family: Manrope,sans-serif; font-size: 25px; }
.donut-center span { color: var(--muted); font-size: 8px; }
.metric-bars { display: grid; gap: 12px; }
.metric-bar-head { display: flex; justify-content: space-between; margin-bottom: 6px; color: var(--muted); font-size: 9px; }
.metric-bar-head strong { color: var(--ink); }
.metric-bar .progress-track { height: 7px; background: #edf1f6; }
.metric-bar:nth-child(2) .progress-track span { background: var(--teal-500); }
.metric-bar:nth-child(3) .progress-track span { background: #8a63e8; }

/* Settings, billing, integrations */
.settings-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 15px; }
.settings-nav { align-self: start; padding: 9px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.settings-nav a { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 9px 10px; border-radius: 9px; color: #687893; font-weight: 700; font-size: 11px; }
.settings-nav a.active, .settings-nav a:hover { color: var(--blue-600); background: #eef5ff; }
.settings-nav .icon { width: 17px; height: 17px; }
.settings-content { min-width: 0; }
.settings-section { margin-bottom: 15px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.settings-section-head { padding: 18px; border-bottom: 1px solid var(--line); }
.settings-section-head h2 { font-size: 15px; }
.settings-section-head p { margin-top: 5px; color: var(--muted); font-size: 10px; }
.settings-section-body { padding: 19px; }
.settings-section-foot { display: flex; justify-content: flex-end; gap: 9px; padding: 13px 19px; border-top: 1px solid var(--line); background: #fbfcfe; }
.integration-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.integration-card { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.integration-logo { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: var(--gradient); }
.integration-logo.whatsapp { background: linear-gradient(135deg,#2bc875,#0ca55e); }
.integration-logo.google { color: var(--blue-600); background: #eef4ff; }
.integration-logo.webhook { color: #6f49ca; background: #f0ebff; }
.integration-card strong, .integration-card span { display: block; }
.integration-card strong { font-size: 11px; }
.integration-card span { margin-top: 4px; color: var(--muted); font-size: 9px; }
.billing-hero { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 20px; margin-bottom: 15px; padding: 22px; border-radius: 17px; color: #fff; background: var(--gradient-deep); }
.billing-hero h2 { color: #fff; font-size: 21px; }
.billing-hero p { margin-top: 6px; color: #aebfd7; }
.billing-plan-meta { display: flex; gap: 22px; margin-top: 17px; }
.billing-plan-meta strong, .billing-plan-meta span { display: block; }
.billing-plan-meta strong { color: #fff; font-size: 14px; }
.billing-plan-meta span { color: #8299bb; font-size: 9px; }
.usage-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.usage-card { padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.usage-card-head { display: flex; justify-content: space-between; margin-bottom: 9px; color: var(--muted); font-size: 9px; }
.usage-card-head strong { color: var(--ink); font-size: 10px; }
.usage-card .progress-track { height: 7px; background: #edf1f6; }
.usage-card small { display: block; margin-top: 7px; color: #8d9bb0; font-size: 8px; }

/* Onboarding */
.onboarding-body { min-height: 100vh; padding: 30px; background: linear-gradient(145deg,#f4f8ff,#f3fffc); }
.onboarding-shell { width: min(1060px,100%); min-height: 680px; display: grid; grid-template-columns: 300px 1fr; margin: 0 auto; overflow: hidden; border: 1px solid #dfe7f2; border-radius: 24px; background: #fff; box-shadow: var(--shadow-lg); }
.onboarding-side { position: relative; padding: 28px; color: #fff; background: var(--gradient-deep); }
.onboarding-side-logo img { width: 174px; filter: brightness(0) invert(1); }
.onboarding-side h1 { margin-top: 48px; color: #fff; font-size: 28px; }
.onboarding-side > p { margin-top: 11px; color: #a9bcd7; line-height: 1.65; }
.onboarding-step-list { display: grid; gap: 13px; margin-top: 35px; }
.onboarding-step-item { display: grid; grid-template-columns: 35px 1fr; align-items: center; gap: 10px; color: #7890b2; }
.onboarding-step-item > span { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; font-weight: 900; }
.onboarding-step-item strong, .onboarding-step-item small { display: block; }
.onboarding-step-item strong { font-size: 11px; }
.onboarding-step-item small { margin-top: 2px; font-size: 8px; }
.onboarding-step-item.active { color: #fff; }
.onboarding-step-item.active > span, .onboarding-step-item.done > span { color: var(--navy-950); border-color: transparent; background: var(--teal-400); }
.onboarding-main { padding: 39px 45px; }
.onboarding-main-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 34px; }
.onboarding-main-head span { color: var(--muted); font-size: 10px; }
.onboarding-main h2 { font-size: 27px; }
.onboarding-main > p { margin: 9px 0 25px; color: var(--muted); }
.onboarding-options { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; }
.onboarding-option { position: relative; padding: 15px; border: 1px solid var(--line); border-radius: 13px; cursor: pointer; }
.onboarding-option input { position: absolute; opacity: 0; }
.onboarding-option:has(input:checked) { border-color: var(--blue-500); background: #f2f7ff; box-shadow: 0 0 0 3px rgba(11,111,251,.08); }
.onboarding-option .icon { margin-bottom: 10px; color: var(--blue-600); }
.onboarding-option strong, .onboarding-option span { display: block; }
.onboarding-option strong { font-size: 11px; }
.onboarding-option span { margin-top: 3px; color: var(--muted); font-size: 9px; }
.onboarding-actions { display: flex; justify-content: space-between; gap: 10px; margin-top: 30px; }

/* Dialogs and command palette */
dialog { width: min(560px, calc(100% - 28px)); max-height: calc(100vh - 40px); padding: 0; overflow: auto; border: 0; border-radius: 18px; background: #fff; box-shadow: 0 35px 100px rgba(4,25,68,.28); }
dialog::backdrop { background: rgba(6, 19, 52, .58); backdrop-filter: blur(3px); }
.dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.dialog-head h2 { font-size: 17px; }
.dialog-close { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 9px; background: #f3f5f8; cursor: pointer; }
.dialog-body { padding: 20px; }
.dialog-foot { display: flex; justify-content: flex-end; gap: 9px; padding: 14px 20px; border-top: 1px solid var(--line); background: #fbfcfe; }
.command-palette { position: fixed; z-index: 150; inset: 0; display: grid; place-items: start center; padding-top: 13vh; }
.command-palette[hidden] { display: none; }
.command-backdrop { position: absolute; inset: 0; background: rgba(4,19,51,.55); backdrop-filter: blur(4px); }
.command-dialog { position: relative; width: min(610px, calc(100% - 28px)); overflow: hidden; border: 1px solid rgba(255,255,255,.5); border-radius: 16px; background: #fff; box-shadow: 0 35px 100px rgba(4,25,68,.28); }
.command-input { display: flex; align-items: center; gap: 10px; padding: 13px 15px; border-bottom: 1px solid var(--line); }
.command-input .icon { color: #7f8ca2; }
.command-input input { flex: 1; min-height: 35px; padding: 0; border: 0; box-shadow: none; font-size: 14px; }
.command-results { max-height: 350px; overflow-y: auto; padding: 8px; }
.command-label { display: block; padding: 8px 9px 6px; color: #9aa6b8; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.command-results a { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px; padding: 9px; border-radius: 9px; color: var(--ink-2); font-weight: 700; font-size: 11px; }
.command-results a:hover, .command-results a.selected { color: var(--blue-600); background: #eef5ff; }
.command-results a > .icon:first-child { width: 30px; height: 30px; padding: 7px; border-radius: 8px; background: #f3f6fb; }
.command-results a > .icon:last-child { width: 14px; height: 14px; color: #9ba8bb; }
.mobile-overlay { display: none; }
.error-state { max-width: 560px; margin: 70px auto; padding: 30px; text-align: center; }
.error-code { color: transparent; background: var(--gradient); -webkit-background-clip: text; background-clip: text; font-family: Manrope,sans-serif; font-size: 84px; font-weight: 900; letter-spacing: -.07em; }
.error-state h1, .error-state h2 { font-size: 26px; }
.error-state p { margin: 10px 0 20px; color: var(--muted); }

/* Responsive */
@media (max-width: 1180px) {
  .public-nav { gap: 18px; }
  .hero-grid { grid-template-columns: .9fr 1.1fr; gap: 30px; }
  .hero h1 { font-size: 55px; }
  .preview-app { grid-template-columns: 60px 150px 1fr; }
  .floating-card.two { left: -20px; }
  .feature-grid { grid-template-columns: repeat(2,1fr); }
  .footer-grid { grid-template-columns: 1.3fr repeat(3,.8fr); gap: 30px; }
  .inbox-shell { grid-template-columns: 285px minmax(360px,1fr); }
  .contact-pane { display: none; }
  .integration-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 1000px) {
  :root { --sidebar-width: 238px; }
  .public-nav { display: none; position: absolute; top: 68px; left: 20px; right: 20px; flex-direction: column; align-items: stretch; gap: 0; padding: 10px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-md); }
  .public-nav.open { display: flex; }
  .public-nav a { padding: 12px; border-radius: 9px; }
  .public-nav a:hover { background: #f2f7ff; }
  .mobile-nav-toggle { display: grid; place-items: center; }
  .hero { min-height: auto; padding-top: 125px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 780px; text-align: center; margin: 0 auto; }
  .hero-copy > p { margin: 0 auto; }
  .hero-actions, .hero-checks { justify-content: center; }
  .hero-visual { max-width: 760px; margin: 25px auto 0; }
  .solution-tabs { grid-template-columns: 1fr; }
  .solution-tab-list { display: grid; grid-template-columns: repeat(3,1fr); }
  .solution-tab { grid-template-columns: 38px 1fr; }
  .solution-tab > .icon { display: none; }
  .workflow-grid { grid-template-columns: 1fr; gap: 45px; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 620px; margin: 0 auto; }
  .price-card.featured { transform: none; }
  .auth-layout { grid-template-columns: 1fr; }
  .auth-showcase { display: none; }
  .auth-panel { min-height: 100vh; background: radial-gradient(circle at top right,rgba(0,220,181,.12),transparent 30%),#fff; }
  .auth-mobile-brand { display: block; }
  .app-shell { display: block; }
  .sidebar { transform: translateX(-102%); transition: transform .22s ease; box-shadow: 20px 0 70px rgba(5,26,63,.25); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-close { display: grid; place-items: center; }
  .mobile-overlay { position: fixed; z-index: 75; inset: 0; background: rgba(5,20,50,.45); backdrop-filter: blur(2px); }
  .mobile-overlay.open { display: block; }
  .app-main { min-width: 0; }
  .sidebar-toggle { display: grid; }
  .stat-grid { grid-template-columns: repeat(2,1fr); }
  .dashboard-grid, .dashboard-lower { grid-template-columns: 1fr; }
  .campaign-card { grid-template-columns: minmax(220px,1fr) minmax(230px,1fr) auto; }
  .campaign-stats { display: none; }
  .analytics-grid { grid-template-columns: 1fr; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-nav { display: flex; overflow-x: auto; }
  .settings-nav a { flex: 0 0 auto; }
  .onboarding-shell { grid-template-columns: 250px 1fr; }
}

@media (max-width: 760px) {
  .public-container { width: min(100% - 26px, 1180px); }
  .site-header { height: 68px; }
  .public-brand img { width: 150px; height: 42px; }
  .nav-actions .login-link { display: none; }
  .nav-actions .btn { display: none; }
  .hero { padding: 105px 0 65px; }
  .hero h1 { font-size: clamp(40px,12vw,54px); }
  .hero-copy > p { font-size: 15px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; }
  .hero-checks { gap: 10px; }
  .dashboard-preview { border-radius: 17px; transform: none; }
  .preview-app { grid-template-columns: 48px 120px 1fr; min-height: 330px; }
  .preview-sidebar { padding: 10px 5px; }
  .preview-nav-icon { width: 29px; height: 29px; }
  .preview-logo { width: 32px; height: 32px; }
  .preview-chat-row { padding: 8px 7px; grid-template-columns: 24px 1fr; }
  .preview-chat-row .preview-avatar { width: 24px; height: 24px; }
  .preview-chat-row time { display: none; }
  .preview-chat-head { padding: 8px; }
  .preview-messages { padding: 10px; }
  .floating-card { padding: 9px 10px; }
  .floating-card.one { top: -24px; right: 8px; }
  .floating-card.two { left: 5px; bottom: -30px; }
  .public-section { padding: 72px 0; }
  .section-heading { margin-bottom: 34px; }
  .section-heading h2 { font-size: 34px; }
  .feature-grid { grid-template-columns: 1fr; }
  .solution-tab-list { grid-template-columns: 1fr; }
  .solution-tab small { display: none; }
  .solution-pane.active { grid-template-columns: 1fr; padding: 26px; }
  .solution-art { height: 290px; }
  .workflow-metrics { grid-template-columns: 1fr; }
  .flow-builder-preview { padding: 18px; }
  .flow-line { left: 51px; }
  .flow-node { grid-template-columns: 40px 1fr; }
  .flow-node > span { display: none; }
  .cta-box { padding: 38px 25px; }
  .cta-actions { flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1/-1; }
  .footer-bottom { flex-direction: column; }
  .topbar { height: 68px; padding: 0 14px; }
  .page-heading p { display: none; }
  .command-search { min-width: 40px; width: 40px; padding: 0; justify-content: center; }
  .command-search span, .command-search kbd { display: none; }
  .user-menu-copy, .user-menu-trigger > .icon { display: none; }
  .page-content { padding: 15px 13px 30px; }
  .page-toolbar { align-items: stretch; }
  .page-actions { width: 100%; justify-content: flex-end; }
  .notice-banner { grid-template-columns: 36px 1fr; }
  .notice-banner form { grid-column: 1/-1; }
  .notice-banner .btn { width: 100%; }
  .stat-grid { gap: 9px; }
  .stat-card { padding: 14px; }
  .stat-value strong { font-size: 23px; }
  .toolbar-card { align-items: stretch; flex-direction: column; }
  .toolbar-left, .toolbar-right { width: 100%; }
  .search-field { width: 100%; }
  .inbox-shell { height: calc(100vh - 98px); min-height: 600px; grid-template-columns: 1fr; border-radius: 14px; }
  .inbox-list-pane { display: none; }
  .inbox-shell.show-list .inbox-list-pane { display: grid; }
  .inbox-shell.show-list .inbox-chat-pane { display: none; }
  .chat-header::before { content: "‹"; font-size: 28px; color: var(--blue-600); cursor: pointer; }
  .message-stream { padding: 16px 12px; }
  .message-bubble { max-width: 88%; }
  .campaign-summary-grid, .crm-head-grid, .usage-grid { grid-template-columns: repeat(2,1fr); }
  .campaign-card { grid-template-columns: 1fr auto; }
  .campaign-progress { grid-column: 1/-1; }
  .wizard-shell { grid-template-columns: 1fr; }
  .wizard-sidebar { padding: 18px; }
  .wizard-steps { grid-template-columns: repeat(4,1fr); margin-top: 16px; }
  .wizard-step { display: flex; justify-content: center; padding: 5px; }
  .wizard-step strong { display: none; }
  .wizard-content { padding: 20px 16px; }
  .choice-grid { grid-template-columns: 1fr; }
  .automation-grid, .integration-grid { grid-template-columns: 1fr; }
  .settings-nav { padding: 6px; }
  .settings-section-body { padding: 15px; }
  .form-row, .form-row.cols-3 { grid-template-columns: 1fr; gap: 0; }
  .onboarding-body { padding: 0; }
  .onboarding-shell { min-height: 100vh; grid-template-columns: 1fr; border: 0; border-radius: 0; }
  .onboarding-side { padding: 20px; }
  .onboarding-side h1, .onboarding-side > p { display: none; }
  .onboarding-step-list { grid-template-columns: repeat(4,1fr); margin-top: 20px; }
  .onboarding-step-item { display: flex; justify-content: center; }
  .onboarding-step-item div { display: none; }
  .onboarding-main { padding: 28px 20px; }
}

@media (max-width: 480px) {
  .hero-checks { display: grid; grid-template-columns: 1fr; text-align: left; }
  .preview-app { grid-template-columns: 42px 108px 1fr; }
  .preview-list-head { padding: 10px 7px 7px; }
  .preview-chat-row small { max-width: 55px; }
  .floating-card.two { display: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .auth-panel { padding: 30px 18px; }
  .auth-title h1 { font-size: 27px; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .stat-card > span { font-size: 10px; }
  .campaign-summary-grid, .crm-head-grid, .usage-grid { grid-template-columns: 1fr; }
  .billing-hero { grid-template-columns: 1fr; }
  .billing-plan-meta { flex-wrap: wrap; }
}

/* LITREVO V1 completion components */
.form-label-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px; }
.form-label-row .form-label { margin:0; }
.muted { color:var(--muted); }
.upload-zone { display:grid; place-items:center; gap:8px; min-height:180px; padding:26px; border:1.5px dashed #bcd0ef; border-radius:16px; background:linear-gradient(180deg,#f9fbff,#f3f8ff); text-align:center; }
.upload-zone strong { color:var(--ink); font-size:14px; }
.upload-zone p { color:var(--muted); font-size:11px; }
.upload-zone input[type=file] { width:100%; max-width:340px; padding:9px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.team-mini-list { display:grid; gap:8px; margin-top:12px; }
.team-mini-list > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:11px; background:#fff; }
.success-orb { width:86px; height:86px; display:grid; place-items:center; margin:0 auto 18px; border-radius:28px; color:#fff; background:linear-gradient(135deg,var(--blue-600),#00d7b3); box-shadow:0 18px 42px rgba(7,87,232,.25); }
.success-orb .icon { width:42px; height:42px; }
.toggle-row { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:16px 0; border-bottom:1px solid var(--line); cursor:pointer; }
.toggle-row:last-child { border-bottom:0; }
.toggle-row > div { display:grid; gap:3px; }
.toggle-row strong { color:var(--ink); font-size:13px; }
.toggle-row span { color:var(--muted); font-size:11px; }
.toggle-row input[type=checkbox] { width:42px; height:23px; accent-color:var(--blue-600); }
.notice-danger { color:#b42318; border-color:#fecaca; background:#fff4f2; }
.data-table-wrap { width:100%; overflow-x:auto; }
.crm-column-body { display:grid; gap:10px; min-height:90px; }
.crm-stage-form { display:flex; align-items:center; gap:6px; }
.crm-stage-form select { min-width:112px; }
.channel-dot,.template-dot { width:9px; height:9px; display:inline-block; border-radius:999px; background:#12b76a; box-shadow:0 0 0 3px rgba(18,183,106,.12); }
.message-type { display:inline-flex; align-items:center; gap:5px; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.app-pricing { max-width:none; }
.app-pricing .price-card { min-height:100%; }
.api-secret-box { display:flex; align-items:center; gap:10px; padding:14px; border:1px solid #bfdbfe; border-radius:12px; background:#eff6ff; }
.api-secret-box code { flex:1; overflow-wrap:anywhere; color:#0b3b92; font-weight:700; }
.support-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr); gap:18px; }
.support-card { padding:20px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.support-card h3 { margin-bottom:7px; }
.support-ticket { display:grid; gap:7px; padding:14px 0; border-bottom:1px solid var(--line); }
.support-ticket:last-child { border-bottom:0; }
.quick-reply-card { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:start; padding:15px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.quick-reply-card code { color:var(--blue-600); font-size:11px; }
@media(max-width:900px){.support-grid{grid-template-columns:1fr}}
.row-actions { display:flex; align-items:center; gap:4px; flex:0 0 auto; }
.text-danger { display:block; margin-top:3px; color:#c92a2a; font-size:11px; line-height:1.35; }


/* LITREVO PASSWORD EYE STATE */
.input-action.password-visible {
    position: relative;
}

.input-action.password-visible::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    background: currentColor;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    pointer-events: none;
    border-radius: 2px;
}

/* Strong password visibility button */
.input-wrap .input-action[data-password-toggle] {
    cursor: pointer;
    pointer-events: auto !important;
    z-index: 10;
}

.input-wrap .input-action[data-password-toggle].password-visible {
    position: relative;
}

/* Slash across eye while password is visible */
.input-wrap .input-action[data-password-toggle].password-visible::after {
    content: "";
    display: block;
    position: absolute;
    width: 21px;
    height: 2px;
    left: 50%;
    top: 50%;
    background: currentColor;
    border-radius: 2px;
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 20;
    pointer-events: none;
}

/* =========================================================
   FINAL PASSWORD EYE POSITION FIX
   Eye always remains inside input on the right
   ========================================================= */

.input-wrap {
    position: relative;
}

.input-wrap > .input-action[data-password-toggle] {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;

    display: flex !important;
    align-items: center;
    justify-content: center;

    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 20;

    color: inherit;
}

/* Keep SVG centred */
.input-wrap > .input-action[data-password-toggle] svg {
    display: block;
    width: 20px;
    height: 20px;
}

/* Never change button positioning when password is visible */
.input-wrap > .input-action[data-password-toggle].password-visible {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Eye slash — drawn directly over same eye */
.input-wrap > .input-action[data-password-toggle].password-visible::after {
    content: "";
    position: absolute !important;

    width: 22px;
    height: 2px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%) rotate(-45deg);

    background: currentColor;
    border-radius: 2px;

    pointer-events: none;
}

/* Leave room for eye button */
.input-wrap > input {
    padding-right: 52px !important;
}


/* ===== LITREVO PREMIUM ONBOARDING V2 ===== */

/* ---------------------------------------------------------
   PAGE
   --------------------------------------------------------- */

html:has(body.onboarding-page) {
    background: #f5f8fd;
}

body.onboarding-page {
    min-height: 100vh;
    min-height: 100svh;
    margin: 0;
    background:
        radial-gradient(circle at 88% 8%, rgba(12, 194, 200, .08), transparent 24rem),
        linear-gradient(135deg, #f7faff 0%, #f4f8fc 55%, #f8fbff 100%);
    overflow-x: hidden;
}

.onboarding-page .onboarding-shell {
    width: 100%;
    max-width: none;
    min-height: 100vh;
    min-height: 100svh;

    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);

    margin: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;

    background: transparent;
    box-shadow: none;
}


/* ---------------------------------------------------------
   LEFT BRAND PANEL
   --------------------------------------------------------- */

.onboarding-page .onboarding-side {
    position: sticky;
    top: 0;

    min-height: 100vh;
    height: 100vh;

    display: flex;
    flex-direction: column;

    padding: 30px 28px 26px;

    color: #fff;

    background:
        radial-gradient(circle at 10% 0%, rgba(21, 213, 200, .16), transparent 18rem),
        linear-gradient(180deg, #071a3e 0%, #09245a 58%, #0b3b8d 100%);

    overflow: hidden;
}

.onboarding-page .onboarding-side::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -145px;
    bottom: 70px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;

    pointer-events: none;
}

.onboarding-page .onboarding-side-logo {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: fit-content;
}

.onboarding-page .onboarding-side-logo img {
    width: 170px;
    max-height: 48px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.onboarding-page .onboarding-side > div:first-of-type {
    position: relative;
    z-index: 2;
    margin-top: 48px;
}

.onboarding-page .onboarding-side .eyebrow.light {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 7px 10px;

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;

    color: #dceaff;
    background: rgba(255,255,255,.06);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
}

.onboarding-page .onboarding-side .eyebrow.light::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #16d5c8;
    box-shadow: 0 0 0 5px rgba(22,213,200,.12);
}

.onboarding-page .onboarding-side h1 {
    max-width: 235px;
    margin: 26px 0 0;

    color: #fff;

    font-family: Manrope, sans-serif;
    font-size: 30px;
    line-height: 1.12;
    letter-spacing: -.035em;
}

.onboarding-page .onboarding-side > div:first-of-type > p {
    max-width: 225px;
    margin: 14px 0 0;

    color: #b8c9e3;

    font-size: 13px;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   STEP NAVIGATION
   --------------------------------------------------------- */

.onboarding-page .onboarding-step-list {
    position: relative;
    z-index: 2;

    display: grid;
    gap: 6px;

    margin-top: 38px;
}

.onboarding-page .onboarding-step-item {
    position: relative;

    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 11px;

    min-height: 49px;
    padding: 6px 9px;

    border-radius: 12px;

    color: #8199bd;

    transition: background .2s ease, color .2s ease;
}

.onboarding-page .onboarding-step-item > span {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    border: 1px solid rgba(255,255,255,.15);
    border-radius: 10px;

    color: #9bb0cd;
    background: rgba(255,255,255,.025);

    font-size: 11px;
    font-weight: 800;
}

.onboarding-page .onboarding-step-item strong {
    display: block;

    color: inherit;

    font-size: 12px;
    font-weight: 700;
}

.onboarding-page .onboarding-step-item small {
    display: block;

    margin-top: 2px;

    color: #6883aa;

    font-size: 9px;
    font-weight: 600;
}

.onboarding-page .onboarding-step-item.active {
    color: #fff;
    background: rgba(255,255,255,.08);
}

.onboarding-page .onboarding-step-item.active > span,
.onboarding-page .onboarding-step-item.done > span {
    color: #062250;
    border-color: transparent;
    background: #16d5c8;
    box-shadow: 0 5px 15px rgba(22,213,200,.20);
}

.onboarding-page .onboarding-step-item.done {
    color: #c8d8ef;
}

.onboarding-page .onboarding-step-item.active small {
    color: #9cb5d8;
}

.onboarding-page .product-by {
    position: relative;
    z-index: 2;

    margin-top: auto;
    padding-top: 24px;

    color: #7895be;

    font-size: 10px;
    font-weight: 600;
}


/* ---------------------------------------------------------
   RIGHT MAIN AREA
   --------------------------------------------------------- */

.onboarding-page .onboarding-main {
    min-width: 0;

    display: block;

    padding:
        clamp(24px, 4vh, 46px)
        clamp(28px, 5vw, 72px)
        50px;
}


/* ---------------------------------------------------------
   TOP PROGRESS
   --------------------------------------------------------- */

.onboarding-page .onboarding-progress {
    width: min(920px, 100%);

    display: grid;
    grid-template-columns: auto minmax(120px, 1fr) auto;
    align-items: center;
    gap: 18px;

    margin: 0 auto 22px;
}

.onboarding-page .onboarding-progress > span {
    color: #566983;

    font-size: 12px;
    font-weight: 800;
}

.onboarding-page .onboarding-progress > a {
    color: #496078;

    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.onboarding-page .onboarding-progress > a:hover {
    color: #075fe4;
}

.onboarding-page .onboarding-progress .progress-track {
    width: 100%;
    height: 5px;

    overflow: hidden;

    border-radius: 999px;
    background: #e5ebf3;
}

.onboarding-page .onboarding-progress .progress-track > i {
    display: block;
    height: 100%;

    border-radius: inherit;

    background: linear-gradient(90deg, #0969ec 0%, #11cfc5 100%);

    box-shadow: 0 1px 5px rgba(9,105,236,.20);
}


/* ---------------------------------------------------------
   MAIN ONBOARDING CARD
   Overrides the old dark .onboarding-card rule
   --------------------------------------------------------- */

.onboarding-page .onboarding-card {
    width: min(920px, 100%);

    margin: 0 auto;
    padding: 0;

    overflow: hidden;

    color: #152847;

    border: 1px solid #e2e9f3;
    border-radius: 22px;

    background: rgba(255,255,255,.97);

    box-shadow:
        0 20px 50px rgba(15, 39, 76, .08),
        0 3px 10px rgba(15, 39, 76, .035);
}

.onboarding-page .onboarding-card h2 {
    color: #102445;
}


/* ---------------------------------------------------------
   MASTER IMPERSONATION / FLASH
   --------------------------------------------------------- */

.onboarding-page .onboarding-card > .flash {
    margin: 20px 30px 0;
    padding: 11px 14px;

    border: 1px solid #d9e7fa;
    border-radius: 11px;

    color: #245083;
    background: #f4f8ff;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;

    box-shadow: none;
}

.onboarding-page .onboarding-card > .flash span {
    color: inherit;
}


/* ---------------------------------------------------------
   HEADING
   Fixes old justify-content:space-between layout
   --------------------------------------------------------- */

.onboarding-page .onboarding-main-head,
.onboarding-page .onboarding-main-head.align-left {
    display: block;

    margin: 0;
    padding: 30px 32px 22px;

    border-bottom: 1px solid #edf1f6;

    text-align: left;
}

.onboarding-page .onboarding-main-head .eyebrow {
    display: inline-flex;

    margin: 0;

    color: #0872e9;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
}

.onboarding-page .onboarding-main-head h2 {
    margin: 7px 0 0;

    color: #102445;

    font-family: Manrope, sans-serif;
    font-size: clamp(25px, 2.2vw, 31px);
    line-height: 1.18;
    letter-spacing: -.035em;
}

.onboarding-page .onboarding-main-head p {
    max-width: 650px;

    margin: 9px 0 0;

    color: #6d7e95;

    font-size: 13px;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   BODY
   Critical fix:
   old CSS gave .onboarding-body min-height:100vh
   --------------------------------------------------------- */

.onboarding-page .onboarding-card .onboarding-body {
    min-height: 0 !important;

    margin: 0;
    padding: 26px 32px 30px;

    color: #152847;
    background: transparent;
}


/* ---------------------------------------------------------
   FORMS
   --------------------------------------------------------- */

.onboarding-page .onboarding-card .auth-form {
    width: 100%;
}

.onboarding-page .onboarding-card .form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
}

.onboarding-page .onboarding-card .form-group {
    min-width: 0;
    margin-bottom: 18px;
}

.onboarding-page .onboarding-card .form-label {
    display: block;

    margin-bottom: 7px;

    color: #263e62;

    font-size: 12px;
    font-weight: 700;
}

.onboarding-page .onboarding-card input,
.onboarding-page .onboarding-card select,
.onboarding-page .onboarding-card textarea {
    width: 100%;

    border: 1px solid #d9e3f0;
    border-radius: 12px;

    color: #122746;
    background: #fff;

    font-family: inherit;
    font-size: 13px;

    outline: none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.onboarding-page .onboarding-card input,
.onboarding-page .onboarding-card select {
    min-height: 49px;
    padding: 0 14px;
}

.onboarding-page .onboarding-card textarea {
    min-height: 105px;
    padding: 13px 14px;
    resize: vertical;
}

.onboarding-page .onboarding-card input::placeholder,
.onboarding-page .onboarding-card textarea::placeholder {
    color: #9baabd;
}

.onboarding-page .onboarding-card input:focus,
.onboarding-page .onboarding-card select:focus,
.onboarding-page .onboarding-card textarea:focus {
    border-color: #4c91ee;
    background: #fff;

    box-shadow: 0 0 0 4px rgba(12,105,230,.08);
}

.onboarding-page .onboarding-card .form-hint {
    display: block;

    margin-top: 7px;

    color: #8492a6;

    font-size: 10px;
}


/* ---------------------------------------------------------
   BUTTONS
   --------------------------------------------------------- */

.onboarding-page .onboarding-card .btn {
    min-height: 44px;

    border-radius: 11px;

    font-size: 12px;
    font-weight: 800;
}

.onboarding-page .onboarding-card .btn-primary {
    border-color: transparent;

    background: linear-gradient(100deg, #0865e8 0%, #0876ed 55%, #10cabc 100%);

    box-shadow: 0 8px 18px rgba(8,101,232,.15);
}

.onboarding-page .onboarding-card .btn-primary:hover {
    transform: translateY(-1px);

    box-shadow: 0 11px 24px rgba(8,101,232,.21);
}

.onboarding-page .onboarding-card .btn-secondary {
    border-color: #d7e2ee;
    background: #fff;
}

.onboarding-page .onboarding-card .btn-ghost {
    color: #526780;
    background: transparent;
}


/* ---------------------------------------------------------
   ACTION FOOTER
   --------------------------------------------------------- */

.onboarding-page .onboarding-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-top: 12px;
    padding-top: 22px;

    border-top: 1px solid #edf1f6;
}

.onboarding-page .onboarding-actions form {
    margin: 0;
}


/* ---------------------------------------------------------
   WHATSAPP STEP
   --------------------------------------------------------- */

.onboarding-page .connection-card {
    margin-bottom: 20px;

    border: 1px solid #dce9e5;
    border-radius: 14px;

    background: #f6fcfa;
}

.onboarding-page #meta-embedded-signup {
    min-height: 52px;
}

.onboarding-page .auth-divider {
    margin: 22px 0;

    color: #8998ab;
}


/* ---------------------------------------------------------
   CONTACT IMPORT
   --------------------------------------------------------- */

.onboarding-page .upload-zone {
    padding: 30px 22px;

    border: 1.5px dashed #c8d6e7;
    border-radius: 16px;

    background: #f9fbfe;

    text-align: center;

    transition: border-color .18s ease, background .18s ease;
}

.onboarding-page .upload-zone:hover {
    border-color: #78aaf0;
    background: #f6faff;
}

.onboarding-page .upload-zone strong {
    display: block;

    margin-top: 10px;

    color: #20395c;

    font-size: 13px;
}

.onboarding-page .upload-zone p {
    margin: 5px 0 14px;

    color: #7f8fa4;

    font-size: 11px;
}


/* ---------------------------------------------------------
   TEAM
   --------------------------------------------------------- */

.onboarding-page .team-mini-list {
    display: grid;
    gap: 8px;

    margin-top: 20px;
}

.onboarding-page .team-mini-list > div {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 10px 12px;

    border: 1px solid #e6ecf4;
    border-radius: 12px;

    background: #fbfcfe;
}


/* ---------------------------------------------------------
   READY STEP
   --------------------------------------------------------- */

.onboarding-page .success-orb {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    margin-bottom: 16px;

    border-radius: 15px;

    color: #06776c;
    background: #e7fbf7;
}

.onboarding-page .choice-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;

    margin-bottom: 20px;
}

.onboarding-page .choice-card {
    min-height: 135px;

    padding: 18px;

    border: 1px solid #e1e8f1;
    border-radius: 15px;

    background: #fff;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.onboarding-page .choice-card:hover {
    transform: translateY(-2px);

    border-color: #b8d3f7;

    box-shadow: 0 10px 25px rgba(17,60,111,.07);
}


/* ---------------------------------------------------------
   LAPTOP
   --------------------------------------------------------- */

@media (max-width: 1180px) {

    .onboarding-page .onboarding-shell {
        grid-template-columns: 260px minmax(0,1fr);
    }

    .onboarding-page .onboarding-side {
        padding-left: 22px;
        padding-right: 22px;
    }

    .onboarding-page .onboarding-side h1 {
        font-size: 27px;
    }

    .onboarding-page .onboarding-main {
        padding:
            28px
            clamp(24px,4vw,45px)
            40px;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 860px) {

    .onboarding-page .onboarding-shell {
        display: block;
        min-height: 100vh;
    }

    .onboarding-page .onboarding-side {
        position: relative;

        width: 100%;
        height: auto;
        min-height: 0;

        padding: 18px 22px 16px;
    }

    .onboarding-page .onboarding-side::after {
        display: none;
    }

    .onboarding-page .onboarding-side-logo img {
        width: 145px;
    }

    .onboarding-page .onboarding-side > div:first-of-type {
        display: none;
    }

    .onboarding-page .onboarding-step-list {
        grid-template-columns: repeat(5, 1fr);
        gap: 8px;

        margin-top: 17px;
    }

    .onboarding-page .onboarding-step-item {
        display: flex;
        justify-content: center;

        min-height: 38px;
        padding: 2px;

        background: transparent;
    }

    .onboarding-page .onboarding-step-item > span {
        width: 32px;
        height: 32px;

        border-radius: 9px;
    }

    .onboarding-page .onboarding-step-item > div {
        display: none;
    }

    .onboarding-page .product-by {
        display: none;
    }

    .onboarding-page .onboarding-main {
        padding: 22px 18px 34px;
    }

    .onboarding-page .onboarding-progress {
        margin-bottom: 16px;
    }

}


/* ---------------------------------------------------------
   PHONE
   --------------------------------------------------------- */

@media (max-width: 620px) {

    .onboarding-page .onboarding-side {
        padding: 16px 18px 14px;
    }

    .onboarding-page .onboarding-side-logo img {
        width: 132px;
    }

    .onboarding-page .onboarding-step-list {
        gap: 4px;
        margin-top: 14px;
    }

    .onboarding-page .onboarding-step-item > span {
        width: 29px;
        height: 29px;

        font-size: 10px;
    }

    .onboarding-page .onboarding-main {
        padding: 16px 12px 28px;
    }

    .onboarding-page .onboarding-progress {
        grid-template-columns: auto 1fr auto;
        gap: 9px;

        margin-bottom: 13px;
    }

    .onboarding-page .onboarding-progress > span,
    .onboarding-page .onboarding-progress > a {
        font-size: 10px;
    }

    .onboarding-page .onboarding-card {
        border-radius: 17px;
    }

    .onboarding-page .onboarding-card > .flash {
        margin: 14px 16px 0;
        padding: 9px 11px;

        font-size: 10px;
    }

    .onboarding-page .onboarding-main-head,
    .onboarding-page .onboarding-main-head.align-left {
        padding: 22px 18px 18px;
    }

    .onboarding-page .onboarding-main-head h2 {
        font-size: 24px;
    }

    .onboarding-page .onboarding-main-head p {
        font-size: 12px;
    }

    .onboarding-page .onboarding-card .onboarding-body {
        padding: 20px 18px 22px;
    }

    .onboarding-page .onboarding-card .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .onboarding-page .onboarding-card input,
    .onboarding-page .onboarding-card select {
        min-height: 47px;
    }

    .onboarding-page .choice-grid {
        grid-template-columns: 1fr;
    }

    .onboarding-page .onboarding-actions {
        gap: 8px;
    }

    .onboarding-page .onboarding-actions > span {
        display: none;
    }

    .onboarding-page .onboarding-actions > button {
        width: 100%;
    }

    .onboarding-page .onboarding-actions > form {
        flex: 1;
    }

    .onboarding-page .onboarding-actions > form .btn {
        width: 100%;
    }

}


/* ---------------------------------------------------------
   VERY SMALL PHONE
   --------------------------------------------------------- */

@media (max-width: 390px) {

    .onboarding-page .onboarding-main {
        padding-left: 9px;
        padding-right: 9px;
    }

    .onboarding-page .onboarding-progress .progress-track {
        display: none;
    }

    .onboarding-page .onboarding-progress {
        grid-template-columns: 1fr auto;
    }

}

/* ===== END LITREVO PREMIUM ONBOARDING V2 ===== */


/* ======================================================================
   LITREVO COMPLETE SUITE — PREMIUM PRODUCT SYSTEM 2026-08-20
   Shared visual language for Growth, Support, Commerce, Developer & AI.
   ====================================================================== */

/* Sidebar density for the expanded suite */
.sidebar { background:
  radial-gradient(circle at 10% -2%, rgba(19,237,195,.13), transparent 210px),
  linear-gradient(180deg,#061334 0%,#071b40 54%,#08285f 100%); }
.sidebar-nav { padding-right: 2px; }
.sidebar-nav::-webkit-scrollbar { width: 5px; }
.sidebar-nav::-webkit-scrollbar-track { background: transparent; }
.sidebar-nav::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(255,255,255,.13); }
.nav-group-label { position: relative; margin-top: 5px; padding-left: 11px; color: #7187a8; }
.sidebar-link { min-height: 41px; margin: 2px 0; border: 1px solid transparent; }
.sidebar-link:hover { border-color: rgba(255,255,255,.045); }
.sidebar-link.active { border-color: rgba(90,242,219,.15); }
.nav-lock {
  flex: 0 0 auto !important;
  min-width: 31px;
  padding: 3px 6px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  color: #92a4be;
  background: rgba(255,255,255,.055);
  font-size: 7px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .08em;
}

/* Better application canvas */
.page-content { background:
  radial-gradient(circle at 95% 0%, rgba(11,111,251,.045), transparent 360px),
  linear-gradient(180deg,#f7f9fd 0,#f3f6fb 430px); }
.page-content > * { max-width: 1540px; margin-left: auto; margin-right: auto; }
.panel,.table-panel,.settings-section,.stat-card,.automation-card,.integration-card,.usage-card {
  border-color: #e2e9f3;
}
.panel { box-shadow: 0 1px 2px rgba(13,35,74,.025); }
.panel-head { min-height: 68px; }
.panel-head h2 { font-size: 15px; }
.panel-head p { margin-top: 5px; color: var(--muted); font-size: 11px; }

/* Hero surfaces */
.suite-hero,
.commerce-hero,
.workspace-welcome {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 30px;
  margin-bottom: 17px;
  padding: 27px 29px;
  overflow: hidden;
  border: 1px solid rgba(111,174,255,.15);
  border-radius: 21px;
  color: #fff;
  background:
    radial-gradient(circle at 87% 20%, rgba(31,232,203,.22), transparent 230px),
    radial-gradient(circle at 5% 115%, rgba(50,128,255,.34), transparent 330px),
    linear-gradient(125deg,#061536 0%,#082b72 58%,#086bd7 100%);
  box-shadow: 0 20px 45px rgba(10,43,95,.12);
}
.suite-hero::after,.commerce-hero::after,.workspace-welcome::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  right: -90px;
  top: -150px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
}
.suite-hero.compact { padding: 23px 26px; }
.suite-hero > *, .commerce-hero > *, .workspace-welcome > * { position: relative; z-index: 1; }
.suite-hero h2,.commerce-hero h2,.workspace-welcome h2 { color: #fff; font-size: clamp(22px,2.5vw,31px); letter-spacing: -.035em; }
.suite-hero p,.commerce-hero p,.workspace-welcome p { max-width: 690px; margin-top: 8px; color: #b9cbe5; line-height: 1.6; }
.suite-hero .eyebrow.light,.commerce-hero .eyebrow.light,.workspace-welcome .eyebrow.light { display: inline-flex; margin-bottom: 9px; color: #69f2d9; }
.suite-hero-stat {
  min-width: 145px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  background: rgba(255,255,255,.075);
  backdrop-filter: blur(8px);
  text-align: center;
}
.suite-hero-stat strong,.suite-hero-stat span { display: block; }
.suite-hero-stat strong { color: #fff; font: 800 27px Manrope,sans-serif; }
.suite-hero-stat span { margin-top: 3px; color: #a9bddb; font-size: 10px; }
.workspace-welcome-actions { display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-end; }
.btn-glass { color: #fff; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.09); backdrop-filter: blur(8px); }
.btn-glass:hover { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.14); }

/* Dashboard command center */
.dashboard-command-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr); gap: 15px; margin-bottom: 17px; }
.whatsapp-health-card,.getting-started-card {
  min-width: 0;
  padding: 20px;
  border: 1px solid #e1e9f3;
  border-radius: 17px;
  background: #fff;
  box-shadow: var(--shadow-xs);
}
.whatsapp-health-top { display: flex; align-items: flex-start; gap: 13px; }
.whatsapp-health-top > div:nth-child(2) { flex: 1; min-width: 0; }
.whatsapp-health-top strong,.whatsapp-health-top span { display: block; }
.whatsapp-health-top strong { font-size: 14px; }
.whatsapp-health-top span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.whatsapp-health-icon { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 14px; color: #078a5f; background: #e7fbf4; }
.whatsapp-health-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 18px 0; }
.whatsapp-health-meta > div { min-width: 0; padding: 11px 12px; border: 1px solid #e8edf4; border-radius: 11px; background: #fafcff; }
.whatsapp-health-meta span,.whatsapp-health-meta strong { display: block; }
.whatsapp-health-meta span { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.whatsapp-health-meta strong { margin-top: 4px; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.getting-started-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.getting-started-head h2 { font-size: 15px; }
.getting-started-head p { margin-top: 4px; color: var(--muted); font-size: 10px; }
.getting-started-head > strong { color: var(--blue-600); font: 800 17px Manrope,sans-serif; }
.setup-check-list { display: grid; gap: 7px; margin-top: 13px; }
.setup-check { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 9px; min-height: 43px; padding: 7px 9px; border: 1px solid #e8edf4; border-radius: 10px; background: #fbfcfe; }
.setup-check > span:first-child { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; color: #7a8aa1; background: #eef2f7; font-size: 9px; font-weight: 900; }
.setup-check.done > span:first-child { color: #067b5a; background: #e5f9f1; }
.setup-check strong { display: block; font-size: 10px; }
.setup-check small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; }
.setup-check > .icon { width: 15px; color: #8a99ad; }
.quick-action-section { margin-bottom: 17px; padding: 18px; border: 1px solid #e1e9f3; border-radius: 17px; background: #fff; }
.section-inline-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.section-inline-head h2 { margin-top: 4px; font-size: 16px; }
.quick-action-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; }
.quick-action-grid > a { min-width: 0; min-height: 105px; padding: 14px; border: 1px solid #e4eaf3; border-radius: 13px; background: linear-gradient(180deg,#fff,#fbfcff); transition: .18s ease; }
.quick-action-grid > a:hover { transform: translateY(-2px); border-color: #bfd5f4; box-shadow: 0 11px 24px rgba(13,59,122,.07); }
.quick-action-grid > a > span { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 13px; border-radius: 10px; color: var(--blue-600); background: #edf5ff; }
.quick-action-grid > a:nth-child(2n) > span { color: #068a78; background: #e9faf6; }
.quick-action-grid > a:nth-child(3n) > span { color: #7450c8; background: #f1edfc; }
.quick-action-grid strong,.quick-action-grid small { display: block; }
.quick-action-grid strong { font-size: 11px; }
.quick-action-grid small { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.45; }

/* Generic suite cards */
.suite-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.suite-card { position: relative; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid #e2e9f3; border-radius: 16px; background: #fff; box-shadow: var(--shadow-xs); }
.suite-card::before { content: ""; position: absolute; width: 90px; height: 90px; top: -58px; right: -55px; border-radius: 50%; background: #eef5ff; }
.suite-card h3 { margin: 12px 0 6px; font-size: 14px; }
.suite-card > p { min-height: 38px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.suite-card-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.suite-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
.suite-card-actions form { margin: 0; }
.suite-stat-line { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 13px; }
.suite-stat-line > div { padding: 9px; border-radius: 9px; background: #f7f9fc; }
.suite-stat-line span,.suite-stat-line strong { display: block; }
.suite-stat-line span { color: var(--muted); font-size: 8px; }
.suite-stat-line strong { margin-top: 3px; font-size: 10px; }
.type-pill { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 8px; border-radius: 999px; color: #426080; background: #eef3f9; font-size: 8px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.chip-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.chip-row > span,.chip-row > a { display: inline-flex; align-items: center; min-height: 26px; padding: 5px 8px; border: 1px solid #e2e9f2; border-radius: 999px; color: #5c6f8c; background: #f8fafd; font-size: 8px; font-weight: 700; }
.table-link { color: var(--blue-600); font-weight: 800; }
.input-suffix { position: relative; }
.input-suffix > span { position: absolute; right: 13px; top: 50%; color: var(--muted); transform: translateY(-50%); font-size: 11px; }
.input-suffix > input { padding-right: 45px; }

/* Plan locks */
.suite-lock { display: grid; place-items: center; min-height: 440px; padding: 40px 22px; text-align: center; border: 1px solid #dce7f5; border-radius: 19px; background: radial-gradient(circle at 50% 0,#eef6ff,transparent 300px),#fff; }
.suite-lock-icon { width: 64px; height: 64px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 19px; color: #fff; background: var(--gradient); box-shadow: 0 16px 35px rgba(8,96,224,.22); }
.suite-lock h2 { font-size: 23px; }
.suite-lock p { max-width: 540px; margin: 9px auto 18px; color: var(--muted); }

/* Reports */
.report-filter { display: flex; justify-content: flex-end; margin-bottom: 14px; }
.report-filter form { display: flex; align-items: center; gap: 9px; padding: 7px 9px 7px 12px; border: 1px solid #e0e7f1; border-radius: 11px; background: #fff; }
.report-filter label { color: var(--muted); font-size: 9px; font-weight: 800; }
.report-filter select { width: auto; min-height: 34px; padding-top: 6px; padding-bottom: 6px; border: 0; background: #f4f7fb; font-size: 10px; box-shadow: none; }
.support-health-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.support-health-grid > div { padding: 15px; border: 1px solid #e5ebf3; border-radius: 12px; background: #fafcff; }
.support-health-grid span,.support-health-grid strong { display: block; }
.support-health-grid span { color: var(--muted); font-size: 9px; }
.support-health-grid strong { margin-top: 6px; font: 800 19px Manrope,sans-serif; }
.funnel-list { display: grid; gap: 12px; }
.funnel-row { display: grid; grid-template-columns: 110px minmax(120px,1fr) 100px; align-items: center; gap: 12px; }
.funnel-row > div:first-child strong,.funnel-row > div:first-child span { display: block; }
.funnel-row > div:first-child strong { font-size: 10px; }
.funnel-row > div:first-child span { margin-top: 2px; color: var(--muted); font-size: 8px; }
.funnel-row > strong { text-align: right; font-size: 10px; }
.funnel-track { height: 10px; overflow: hidden; border-radius: 999px; background: #edf1f6; }
.funnel-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue-600),var(--teal-500)); }

/* Assignment */
.assignment-choice-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; margin-bottom: 18px; }
.assignment-choice { position: relative; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; padding: 14px; border: 1px solid #e0e7f1; border-radius: 13px; background: #fff; cursor: pointer; transition: .18s ease; }
.assignment-choice:hover { border-color: #b8d1f3; background: #fbfdff; }
.assignment-choice:has(input:checked) { border-color: #6ca7f3; background: #f3f8ff; box-shadow: 0 0 0 3px rgba(11,111,251,.07); }
.assignment-choice > input { position: absolute; opacity: 0; pointer-events: none; }
.assignment-choice-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: var(--blue-600); background: #eaf3ff; }
.assignment-choice strong,.assignment-choice small { display: block; }
.assignment-choice strong { font-size: 10px; }
.assignment-choice small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.4; }

/* Workflow & automation studio */
.rule-journey,.workflow-builder-simple { display: grid; gap: 10px; }
.workflow-builder-simple { grid-template-columns: 1fr 28px 1fr 28px 1fr; align-items: stretch; }
.builder-step,.workflow-node { min-width: 0; padding: 13px; border: 1px solid #dfe7f2; border-radius: 12px; background: #fff; }
.builder-step span,.builder-step strong,.workflow-node span,.workflow-node strong { display: block; }
.builder-step span,.workflow-node span { color: var(--blue-600); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.builder-step strong,.workflow-node strong { margin-top: 5px; font-size: 10px; }
.builder-connector { display: grid; place-items: center; color: #95a5b9; }
.builder-connector .icon { width: 16px; }
.workflow-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.workflow-legend { display: flex; flex-wrap: wrap; gap: 6px; }
.workflow-legend > span { padding: 5px 8px; border-radius: 999px; color: #5c6f8b; background: #edf2f8; font-size: 8px; font-weight: 800; }
.workflow-mini { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 7px; margin-top: 13px; }
.workflow-mini .icon { width: 13px; color: #9aa8bb; }
.auto-reply-card { border-top: 3px solid var(--blue-500); }
.checkbox-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.checkbox-grid .checkbox-row { min-height: 42px; padding: 10px; border: 1px solid #e4eaf2; border-radius: 10px; background: #fbfcfe; }

/* Commerce */
.commerce-hero { margin-bottom: 15px; }
.product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.product-card { min-width: 0; overflow: hidden; border: 1px solid #e2e9f2; border-radius: 16px; background: #fff; box-shadow: var(--shadow-xs); }
.product-thumb { aspect-ratio: 16/10; display: grid; place-items: center; overflow: hidden; color: #87a0c4; background: linear-gradient(145deg,#edf5ff,#eefbf8); }
.product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.product-thumb .icon { width: 34px; height: 34px; }
.product-copy { padding: 15px; }
.product-copy h3 { margin: 12px 0 5px; font-size: 13px; }
.product-copy > p { min-height: 45px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.product-price { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: 13px; padding-top: 12px; border-top: 1px solid var(--line); }
.product-price strong { color: #057b5b; font: 800 15px Manrope,sans-serif; }
.product-price span { color: var(--muted); font-size: 8px; }

/* Integrations marketplace */
.integration-hero-stack { display: flex; align-items: center; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.integration-hero-stack > span { padding: 8px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #d5e4f7; background: rgba(255,255,255,.07); font-size: 9px; font-weight: 800; }
.integration-market-grid,.channel-market-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.integration-market-card,.channel-market-card { position: relative; min-width: 0; padding: 18px; border: 1px solid #e1e8f2; border-radius: 16px; background: #fff; box-shadow: var(--shadow-xs); transition: .18s ease; }
.integration-market-card:hover,.channel-market-card:hover { transform: translateY(-2px); border-color: #c2d5ef; box-shadow: 0 14px 30px rgba(13,50,104,.08); }
.integration-brand-icon,.channel-logo { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; color: var(--blue-600); background: #ecf4ff; }
.integration-market-card:nth-child(2n) .integration-brand-icon,.channel-market-card:nth-child(2n) .channel-logo { color: #078c78; background: #e8faf6; }
.integration-market-card h3,.channel-market-card h3 { margin-top: 13px; font-size: 13px; }
.integration-market-card > p,.channel-market-card > p { min-height: 44px; margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.55; }
.channel-market-actions { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }

/* Developer center */
.developer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.api-secret-box,.secret-reveal,.copy-field,.copy-code { display: flex; align-items: center; gap: 8px; min-width: 0; }
.api-secret-box code,.secret-reveal code,.copy-field code,.copy-code code { flex: 1; min-width: 0; overflow: hidden; padding: 9px 11px; border: 1px solid #e0e7f0; border-radius: 9px; color: #27405f; background: #f6f8fb; font: 11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow: ellipsis; white-space: nowrap; }
.api-reference-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.api-reference-grid > div { padding: 11px; border: 1px solid #e5eaf2; border-radius: 10px; background: #fbfcfe; }
.api-reference-grid strong,.api-reference-grid code { display: block; }
.api-reference-grid strong { font-size: 9px; }
.api-reference-grid code { margin-top: 5px; color: var(--blue-600); font-size: 9px; }

/* Website widget */
.widget-card { display: grid; grid-template-columns: 1fr 330px; gap: 16px; padding: 18px; border: 1px solid #e1e8f2; border-radius: 16px; background: #fff; }
.copy-code { margin-top: 10px; }
.copy-code code { white-space: normal; word-break: break-all; }

/* AI */
.ai-studio-grid { display: grid; grid-template-columns: minmax(320px,.85fr) minmax(0,1.15fr); gap: 15px; }
.ai-agent-card { position: relative; padding: 22px; overflow: hidden; border: 1px solid #dfe8f4; border-radius: 18px; background: radial-gradient(circle at 100% 0,#eef5ff,transparent 300px),#fff; }
.ai-agent-orb { width: 57px; height: 57px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 18px; color: #fff; background: var(--gradient); box-shadow: 0 13px 28px rgba(8,94,221,.20); }
.ai-agent-card h2 { font-size: 20px; }
.ai-agent-card > p { margin-top: 7px; color: var(--muted); }

/* Public lead forms */
.public-form-body { min-height: 100vh; display: grid; place-items: center; padding: 32px 16px; background:
  radial-gradient(circle at 8% 10%,rgba(0,220,181,.10),transparent 330px),
  radial-gradient(circle at 90% 8%,rgba(11,111,251,.12),transparent 360px),
  #f4f7fb; }
.public-form-shell { width: min(650px,100%); }
.public-form-brand { display: flex; justify-content: center; margin-bottom: 18px; }
.public-form-brand img { width: 175px; }
.public-form-card { overflow: hidden; border: 1px solid #dee7f2; border-radius: 22px; background: #fff; box-shadow: 0 26px 70px rgba(12,43,88,.13); }
.public-form-card > header { padding: 25px 27px 20px; border-bottom: 1px solid #edf1f6; }
.public-form-card > header h1 { font-size: 25px; }
.public-form-card > header p { margin-top: 7px; color: var(--muted); }
.public-form-card > form,.public-form-card > .public-form-success { padding: 24px 27px 27px; }
.public-form-foot { margin-top: 13px; color: #8290a4; font-size: 9px; text-align: center; }

/* Master feature matrix */
.feature-control-form { padding-bottom: 82px; }
.feature-matrix-panel { margin-bottom: 15px; overflow: hidden; }
.feature-matrix-wrap { overflow-x: auto; }
.feature-matrix { width: 100%; min-width: 880px; border-collapse: collapse; }
.feature-matrix th,.feature-matrix td { padding: 14px; border-top: 1px solid #edf1f6; text-align: left; vertical-align: top; }
.feature-matrix thead th { border-top: 0; color: #65758e; background: #fafbfd; font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.feature-matrix thead th:first-child { width: 28%; }
.feature-matrix thead strong,.feature-matrix thead small { display: block; }
.feature-matrix thead strong { color: var(--ink); font-size: 10px; text-transform: none; letter-spacing: 0; }
.feature-matrix thead small { margin-top: 3px; color: var(--muted); font-size: 8px; font-weight: 500; text-transform: none; letter-spacing: 0; }
.feature-matrix tbody td:first-child strong,.feature-matrix tbody td:first-child span,.feature-matrix tbody td:first-child small { display: block; }
.feature-matrix tbody td:first-child strong { font-size: 10px; }
.feature-matrix tbody td:first-child span { margin-top: 3px; color: var(--muted); font-size: 8px; }
.feature-matrix tbody td:first-child small { margin-top: 6px; color: #47617e; font-size: 8px; font-weight: 800; }
.feature-switch { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
.feature-switch input { position: absolute; opacity: 0; }
.feature-switch > span { position: relative; width: 34px; height: 19px; border-radius: 999px; background: #dfe5ed; transition: .18s ease; }
.feature-switch > span::after { content:""; position:absolute; width:13px; height:13px; top:3px; left:3px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(15,40,78,.2); transition:.18s ease; }
.feature-switch input:checked + span { background: var(--teal-500); }
.feature-switch input:checked + span::after { left:18px; }
.feature-switch b { color: #63748c; font-size: 8px; }
.feature-limit { display: grid; grid-template-columns: auto 70px; align-items: center; gap: 6px; margin-top: 8px; }
.feature-limit span { color: var(--muted); font-size: 8px; }
.feature-limit input { min-height: 31px; padding: 5px 7px; font-size: 9px; }
.sticky-save-bar { position: fixed; z-index: 45; right: 27px; bottom: 20px; left: calc(var(--sidebar-width) + 27px); display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 1486px; margin: auto; padding: 11px 12px 11px 16px; border: 1px solid #d9e4f2; border-radius: 15px; background: rgba(255,255,255,.94); backdrop-filter: blur(16px); box-shadow: 0 16px 45px rgba(9,39,82,.15); }
.sticky-save-bar strong,.sticky-save-bar span { display: block; }
.sticky-save-bar strong { font-size: 11px; }
.sticky-save-bar span { margin-top: 2px; color: var(--muted); font-size: 8px; }

/* Order / general row actions */
.row-actions { display: flex; align-items: center; gap: 6px; }
.text-danger { color: var(--danger) !important; }

/* Responsive suite */
@media (max-width: 1320px) {
  .quick-action-grid { grid-template-columns: repeat(3,1fr); }
  .product-grid { grid-template-columns: repeat(3,1fr); }
  .suite-card-grid,.integration-market-grid,.channel-market-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 1080px) {
  .dashboard-command-grid,.ai-studio-grid,.developer-grid,.widget-card { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: repeat(2,1fr); }
  .assignment-choice-grid { grid-template-columns: 1fr; }
  .workflow-builder-simple { grid-template-columns: 1fr; }
  .builder-connector { min-height: 20px; transform: rotate(90deg); }
  .sticky-save-bar { left: calc(var(--sidebar-width) + 20px); right: 20px; }
}
@media (max-width: 900px) {
  .suite-hero,.commerce-hero,.workspace-welcome { grid-template-columns: 1fr; gap: 18px; }
  .workspace-welcome-actions,.integration-hero-stack { justify-content: flex-start; }
  .suite-hero-stat { justify-self: start; min-width: 130px; }
  .whatsapp-health-meta { grid-template-columns: 1fr; }
  .checkbox-grid { grid-template-columns: repeat(2,1fr); }
  .funnel-row { grid-template-columns: 90px 1fr 90px; }
}
@media (max-width: 760px) {
  .suite-card-grid,.integration-market-grid,.channel-market-grid,.product-grid,.quick-action-grid { grid-template-columns: 1fr; }
  .support-health-grid,.api-reference-grid,.checkbox-grid { grid-template-columns: 1fr; }
  .suite-hero,.commerce-hero,.workspace-welcome { padding: 21px 19px; border-radius: 17px; }
  .suite-hero h2,.commerce-hero h2,.workspace-welcome h2 { font-size: 23px; }
  .funnel-row { grid-template-columns: 1fr; gap: 6px; }
  .funnel-row > strong { text-align: left; }
  .sticky-save-bar { left: 12px; right: 12px; bottom: 10px; }
  .sticky-save-bar > div { display: none; }
  .sticky-save-bar .btn { width: 100%; }
}

/* ====================================================================== */

/* Notification center */
.notification-button { position: relative; text-decoration: none; }
.notification-count { position: absolute; top: -5px; right: -5px; min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 999px; color: #fff; background: #ef4444; font-size: 8px; font-weight: 800; line-height: 1; }
.notification-center { display: grid; }
.notification-row { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 15px 18px; border-bottom: 1px solid var(--line); background: #fff; }
.notification-row:last-child { border-bottom: 0; }
.notification-row.unread { background: linear-gradient(90deg,rgba(11,111,251,.055),rgba(255,255,255,0)); }
.notification-type { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--blue-600); background: #edf5ff; }
.notification-row strong { font-size: 11px; }
.notification-row p { margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.notification-row small { display: block; margin-top: 5px; color: #8998aa; font-size: 8px; }
.notification-row-actions { display: flex; align-items: center; gap: 6px; }
@media (max-width: 620px) { .notification-row { grid-template-columns: 36px minmax(0,1fr); } .notification-row-actions { grid-column: 2; } }

/* Final suite refinements */
.plan-locked-state { min-height: 205px; display: grid; align-content: center; justify-items: start; gap: 8px; padding: 22px; border: 1px dashed #cbd9ea; border-radius: 14px; background: linear-gradient(145deg,#fbfdff,#f6f9fd); }
.plan-locked-state strong { color: var(--ink); font-size: 12px; }
.plan-locked-state p { max-width: 420px; color: var(--muted); font-size: 9px; line-height: 1.55; }
.campaign-audience-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.compact-preview { display: grid; gap: 8px; padding: 13px; border: 1px solid #e2e9f3; border-radius: 12px; background: #f9fbfe; }
.compact-preview strong { font-size: 10px; }
.compact-preview span,.compact-preview small { color: var(--muted); font-size: 9px; }
@media (max-width: 760px) { .campaign-audience-choices { grid-template-columns: 1fr; } }

/* Public full-suite and plan comparison */
.extended-suite-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.public-plan-compare { margin-top: 28px; padding: 22px; border: 1px solid #dfe7f1; border-radius: 20px; background: rgba(255,255,255,.92); box-shadow: 0 18px 50px rgba(16,47,92,.07); }
.plan-compare-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.plan-compare-head h3 { margin-top: 6px; font-size: 21px; }
.plan-compare-scroll { overflow-x: auto; border: 1px solid #e5ebf3; border-radius: 14px; background: #fff; }
.plan-compare-table { width: 100%; min-width: 720px; border-collapse: collapse; }
.plan-compare-table th,.plan-compare-table td { padding: 13px 15px; border-bottom: 1px solid #edf1f6; text-align: center; font-size: 10px; }
.plan-compare-table th:first-child,.plan-compare-table td:first-child { text-align: left; }
.plan-compare-table thead th { color: #50637d; background: #f8fafd; font-weight: 800; }
.plan-compare-table thead th:nth-child(3) { color: #fff; background: linear-gradient(100deg,#0865e8,#10bfb6); }
.plan-compare-table tbody tr:last-child td { border-bottom: 0; }
.plan-compare-table .plan-compare-group td { padding: 9px 15px; color: #1c4e87; background: #f2f7fd; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.plan-compare-note { margin: 13px 3px 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
@media (max-width: 1120px) { .extended-suite-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .extended-suite-grid { grid-template-columns: 1fr; } .public-plan-compare { padding: 15px; border-radius: 16px; } .plan-compare-head { align-items: flex-start; flex-direction: column; } }

/* ========================================================================
   LITREVO PREMIUM NAVIGATION V3
   Compact desktop rail + LITREVO expandable navigation groups.
   ======================================================================== */

:root { --sidebar-width: 292px; }

.sidebar {
  padding: 14px 12px 13px;
  background:
    radial-gradient(circle at 8% -4%, rgba(0,214,188,.14), transparent 210px),
    linear-gradient(180deg,#071a3d 0%,#08224f 52%,#092d68 100%);
  box-shadow: 10px 0 36px rgba(6,24,56,.08);
  transition: width .26s cubic-bezier(.2,.8,.2,1), padding .26s cubic-bezier(.2,.8,.2,1);
}
.sidebar::before { opacity: .55; }
.sidebar-head {
  min-height: 64px;
  gap: 8px;
  padding: 0 6px 12px;
}
.sidebar-brand { min-width: 0; display: flex; align-items: center; }
.sidebar-brand-full { width: 172px; height: 48px; object-fit: contain; object-position: left; filter: brightness(0) invert(1); transition: opacity .18s ease, width .24s ease; }
.sidebar-brand-icon { display: none; width: 40px; height: 40px; object-fit: contain; }
.sidebar-head-actions { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.sidebar-collapse,
.sidebar-close {
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  color: #9db1cf;
  background: rgba(255,255,255,.035);
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.sidebar-collapse { display: grid; }
.sidebar-collapse:hover,
.sidebar-close:hover { color:#fff; border-color:rgba(91,241,218,.22); background:rgba(255,255,255,.075); }
.sidebar-collapse .icon,
.sidebar-close .icon { width:17px; height:17px; }

.sidebar-nav-premium {
  padding: 13px 1px 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.13) transparent;
}
.sidebar-nav-premium::-webkit-scrollbar { width: 4px; }
.sidebar-nav-premium::-webkit-scrollbar-thumb { background: rgba(255,255,255,.13); border-radius: 20px; }
.nav-quick-label {
  padding: 6px 11px 7px;
  color: #6880a3;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.sidebar-nav-premium > .sidebar-link {
  min-height: 44px;
  margin: 2px 0;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #a8b9d1;
  font-size: 13px;
  font-weight: 750;
}
.sidebar-nav-premium > .sidebar-link:hover {
  color: #fff;
  border-color: rgba(255,255,255,.055);
  background: rgba(255,255,255,.055);
}
.sidebar-nav-premium > .sidebar-link.active {
  color: #fff;
  border-color: rgba(84,239,216,.18);
  background: linear-gradient(100deg,rgba(8,101,232,.88),rgba(4,193,181,.73));
  box-shadow: 0 8px 22px rgba(0,75,185,.22);
}
.sidebar-nav-premium > .sidebar-link.active::before { display:none; }

.sidebar-nav-group {
  position: relative;
  margin: 4px 0;
  border-radius: 11px;
  transition: background .2s ease;
}
.sidebar-nav-group.active { background: rgba(255,255,255,.025); }
.sidebar-group-toggle {
  width: 100%;
  min-height: 45px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #a9bad2;
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 760;
  text-align: left;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.sidebar-group-toggle:hover,
.sidebar-nav-group.open > .sidebar-group-toggle {
  color:#fff;
  background: rgba(255,255,255,.052);
  border-color: rgba(255,255,255,.04);
}
.sidebar-nav-group.active > .sidebar-group-toggle { color: #fff; }
.sidebar-group-toggle > .icon { width: 19px; height: 19px; flex: 0 0 19px; }
.sidebar-group-toggle > span:not(.nav-new) { min-width:0; flex:1; }
.sidebar-group-chevron {
  width: 18px;
  height: 18px;
  display:grid;
  place-items:center;
  margin-left:auto;
  color:#7188aa;
  transition: transform .24s cubic-bezier(.2,.8,.2,1), color .18s ease;
}
.sidebar-group-chevron .icon { width:14px; height:14px; }
.sidebar-nav-group.open .sidebar-group-chevron { transform: rotate(180deg); color:#b8cae3; }
.sidebar-group-toggle .nav-new {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(100deg,#6f3ff5,#8d13e8);
  font-size:8px;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 4px 11px rgba(118,42,233,.22);
}
.sidebar-group-panel {
  display:grid;
  grid-template-rows:0fr;
  opacity:.45;
  transition:grid-template-rows .26s cubic-bezier(.2,.8,.2,1), opacity .2s ease;
}
.sidebar-nav-group.open .sidebar-group-panel { grid-template-rows:1fr; opacity:1; }
.sidebar-group-inner { min-height:0; overflow:hidden; padding:0 0 0 23px; }
.sidebar-sublink {
  position:relative;
  min-height:40px;
  display:flex;
  align-items:center;
  gap:11px;
  margin:2px 0;
  padding:8px 9px 8px 12px;
  border:1px solid transparent;
  border-radius:9px;
  color:#8da4c3;
  font-size:12px;
  font-weight:690;
  transition:color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.sidebar-sublink::before {
  content:"";
  position:absolute;
  left:-11px;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#536d91;
  transform:translateY(-50%);
  transition:background .18s ease, box-shadow .18s ease;
}
.sidebar-sublink > .icon { width:17px; height:17px; flex:0 0 17px; }
.sidebar-sublink > span:not(.nav-lock) { min-width:0; flex:1; }
.sidebar-sublink:hover { color:#fff; background:rgba(255,255,255,.045); transform:translateX(2px); }
.sidebar-sublink.active {
  color:#fff;
  border-color:rgba(78,236,214,.10);
  background:rgba(18,114,238,.15);
}
.sidebar-sublink.active::before { background:#48ead1; box-shadow:0 0 0 4px rgba(72,234,209,.10); }
.nav-lock { margin-left:auto; padding:3px 6px; border-radius:999px; color:#9ee9dc; background:rgba(0,214,188,.09); font-size:7px; font-weight:900; letter-spacing:.06em; }

.sidebar-bottom { gap:9px; padding-top:10px; }
.plan-mini { min-height:56px; }
.sidebar-help { min-height:41px; }

/* Desktop compact rail. */
@media (min-width:1081px) {
  body.sidebar-compact { --sidebar-width: 82px; }
  body.sidebar-compact .sidebar { padding-left:10px; padding-right:10px; }
  body.sidebar-compact .sidebar-head { justify-content:center; padding-left:0; padding-right:0; }
  body.sidebar-compact .sidebar-brand-full { display:none; }
  body.sidebar-compact .sidebar-brand-icon { display:block; filter:brightness(0) invert(1); }
  body.sidebar-compact .sidebar-head-actions { margin-left:0; }
  body.sidebar-compact .sidebar-collapse { width:32px; height:32px; }
  body.sidebar-compact .sidebar-brand + .sidebar-head-actions { margin-left:2px; }
  body.sidebar-compact .nav-quick-label,
  body.sidebar-compact .sidebar-link > span:not(.nav-count):not(.nav-new),
  body.sidebar-compact .sidebar-link .nav-count,
  body.sidebar-compact .sidebar-group-toggle > span,
  body.sidebar-compact .sidebar-group-toggle .nav-new,
  body.sidebar-compact .sidebar-group-chevron,
  body.sidebar-compact .sidebar-group-panel,
  body.sidebar-compact .plan-mini,
  body.sidebar-compact .sidebar-help span { display:none !important; }
  body.sidebar-compact .sidebar-nav-premium { padding-left:0; padding-right:0; overflow-x:hidden; }
  body.sidebar-compact .sidebar-nav-premium > .sidebar-link,
  body.sidebar-compact .sidebar-group-toggle,
  body.sidebar-compact .sidebar-help {
    width:50px;
    min-height:48px;
    justify-content:center;
    margin:4px auto;
    padding:0;
    border-radius:13px;
  }
  body.sidebar-compact .sidebar-nav-premium > .sidebar-link > .icon,
  body.sidebar-compact .sidebar-group-toggle > .icon,
  body.sidebar-compact .sidebar-help > .icon { width:20px; height:20px; flex-basis:20px; }
  body.sidebar-compact .sidebar-nav-group { width:50px; margin:4px auto; }
  body.sidebar-compact .sidebar-nav-group.active > .sidebar-group-toggle { background:rgba(20,117,239,.20); border-color:rgba(80,235,214,.13); }
  body.sidebar-compact .sidebar-bottom { align-items:center; }
  body.sidebar-compact .sidebar-help { display:flex; }
}

@media (max-width:1080px) {
  .sidebar-collapse { display:none; }
  .sidebar-brand-icon { display:none !important; }
  .sidebar-brand-full { display:block !important; }
}

/* ========================================================================
   LITREVO PREMIUM DASHBOARD LAUNCHPAD V3
   ======================================================================== */
.dashboard-home-premium { display:grid; gap:18px; }
.dashboard-greeting {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:24px 26px;
  border:1px solid #dce7f5;
  border-radius:19px;
  background:linear-gradient(125deg,#fff 0%,#f8fbff 58%,#eefcff 100%);
  overflow:hidden;
  position:relative;
}
.dashboard-greeting::after {
  content:"";
  position:absolute;
  width:250px;
  height:250px;
  right:-100px;
  top:-125px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,196,181,.13),rgba(0,196,181,0) 68%);
  pointer-events:none;
}
.dashboard-greeting h2 { margin:6px 0 4px; font-size:27px; letter-spacing:-.035em; color:#10264a; }
.dashboard-greeting p { margin:0; color:#6d7f98; font-size:13px; }
.dashboard-greeting-actions { position:relative; z-index:2; display:flex; gap:9px; flex-wrap:wrap; }
.dashboard-status-row { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:16px; }
.dashboard-status-card {
  min-width:0;
  padding:19px 20px;
  border:1px solid #dce6f2;
  border-radius:17px;
  background:#fff;
}
.dashboard-status-head { display:flex; align-items:center; gap:13px; }
.dashboard-status-icon { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:15px; color:#0875e8; background:#ebf5ff; }
.dashboard-status-icon .icon { width:23px; height:23px; }
.dashboard-status-copy { min-width:0; flex:1; }
.dashboard-status-copy small { display:block; color:#71849e; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.dashboard-status-copy strong { display:block; margin-top:4px; color:#142a4d; font-size:16px; }
.dashboard-status-copy span { display:block; margin-top:3px; color:#7a8ba1; font-size:11px; }
.dashboard-status-actions { display:flex; gap:8px; margin-top:16px; padding-top:14px; border-top:1px solid #edf2f7; }
.dashboard-plan-card {
  position:relative;
  padding:20px;
  border:1px solid #dce6f2;
  border-radius:17px;
  background:linear-gradient(145deg,#0a2455,#0c3477);
  color:#fff;
  overflow:hidden;
}
.dashboard-plan-card::after { content:""; position:absolute; width:170px; height:170px; right:-70px; top:-75px; border-radius:50%; background:rgba(51,238,213,.12); }
.dashboard-plan-card small { color:#96b3db; font-weight:700; }
.dashboard-plan-card h3 { margin:6px 0 3px; color:#fff; font-size:22px; }
.dashboard-plan-card p { margin:0; color:#afc3df; font-size:11px; }
.dashboard-plan-card .btn { position:relative; z-index:2; margin-top:18px; }

.dashboard-launcher {
  border:1px solid #dce6f2;
  border-radius:19px;
  background:#fff;
  overflow:hidden;
}
.dashboard-launcher-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid #e9eff6; }
.dashboard-launcher-title h3 { margin:0; color:#142a4d; font-size:18px; }
.dashboard-launcher-title p { margin:4px 0 0; color:#71839b; font-size:11px; }
.dashboard-launcher-tabs { display:flex; gap:6px; flex-wrap:wrap; }
.dashboard-launcher-tabs button { min-height:35px; padding:7px 12px; border:1px solid #dce6f2; border-radius:999px; color:#536b89; background:#fff; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
.dashboard-launcher-tabs button.active { color:#fff; border-color:transparent; background:linear-gradient(100deg,#0870e8,#0bbfb4); box-shadow:0 7px 17px rgba(7,110,225,.15); }
.dashboard-launcher-body { display:grid; grid-template-columns:285px minmax(0,1fr); min-height:405px; }
.dashboard-guide-menu { padding:14px; border-right:1px solid #e9eff6; background:#fbfcfe; }
.dashboard-guide-button { width:100%; display:flex; align-items:center; gap:12px; margin:3px 0; padding:13px 12px; border:1px solid transparent; border-radius:12px; color:#385170; background:transparent; font:inherit; text-align:left; cursor:pointer; transition:.18s ease; }
.dashboard-guide-button > span:first-child { width:35px; height:35px; flex:0 0 35px; display:grid; place-items:center; border-radius:10px; color:#0b73e7; background:#eaf4ff; }
.dashboard-guide-button > span:first-child .icon { width:18px; height:18px; }
.dashboard-guide-button strong { display:block; font-size:12px; }
.dashboard-guide-button small { display:block; margin-top:2px; color:#8595a9; font-size:9px; }
.dashboard-guide-button:hover { background:#fff; border-color:#e1e9f3; }
.dashboard-guide-button.active { color:#0d3b6c; border-color:#a5dfd6; background:#eefbf8; box-shadow:0 6px 18px rgba(19,111,98,.06); }
.dashboard-guide-button.active > span:first-child { color:#087967; background:#dff7f1; }
.dashboard-guide-content { padding:22px; }
.dashboard-guide-panel { display:none; }
.dashboard-guide-panel.active { display:block; animation:dashboardPanelIn .22s ease both; }
@keyframes dashboardPanelIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
.dashboard-guide-summary { display:flex; align-items:flex-start; gap:12px; padding:13px 14px; border:1px solid #dce8f3; border-radius:13px; background:#f7fbff; }
.dashboard-guide-summary > span { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; border-radius:9px; color:#0873e7; background:#e9f4ff; }
.dashboard-guide-summary strong { display:block; color:#173154; font-size:13px; }
.dashboard-guide-summary p { margin:3px 0 0; color:#71839b; font-size:11px; line-height:1.5; }
.dashboard-step-box { margin-top:16px; border:1px solid #e1e8f1; border-radius:14px; overflow:hidden; }
.dashboard-step-box > h4 { margin:0; padding:12px 14px; border-bottom:1px solid #e9eff6; color:#203959; background:#fbfcfe; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.dashboard-simple-step { display:grid; grid-template-columns:35px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 14px; border-top:1px solid #eef2f7; }
.dashboard-simple-step:first-of-type { border-top:0; }
.dashboard-simple-step > span { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; color:#657b98; background:#f0f4f9; font-size:10px; font-weight:900; }
.dashboard-simple-step.done > span { color:#087967; background:#e2f8f2; }
.dashboard-simple-step strong { display:block; color:#203959; font-size:11px; }
.dashboard-simple-step small { display:block; margin-top:2px; color:#8795a8; font-size:9px; }
.dashboard-simple-step .btn { min-height:34px; }
.dashboard-explore { padding:18px 20px; border-top:1px solid #e9eff6; }
.dashboard-explore h3 { margin:0 0 13px; font-size:15px; color:#183253; }
.dashboard-explore-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.dashboard-explore-grid a { min-height:84px; display:flex; align-items:center; gap:11px; padding:13px; border:1px solid #e0e7f0; border-radius:13px; color:#203959; background:#fff; transition:.18s ease; }
.dashboard-explore-grid a:hover { transform:translateY(-1px); border-color:#b8d5f7; box-shadow:0 8px 20px rgba(27,62,103,.07); }
.dashboard-explore-grid a > span { width:37px; height:37px; flex:0 0 37px; display:grid; place-items:center; border-radius:10px; color:#0b73e7; background:#ebf5ff; }
.dashboard-explore-grid strong { display:block; font-size:11px; }
.dashboard-explore-grid small { display:block; margin-top:2px; color:#8291a5; font-size:9px; }

@media (max-width:1200px) {
  .dashboard-status-row { grid-template-columns:1fr; }
  .dashboard-launcher-body { grid-template-columns:240px minmax(0,1fr); }
  .dashboard-explore-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:780px) {
  .dashboard-greeting { align-items:flex-start; flex-direction:column; padding:20px; }
  .dashboard-greeting h2 { font-size:23px; }
  .dashboard-launcher-top { align-items:flex-start; flex-direction:column; }
  .dashboard-launcher-body { grid-template-columns:1fr; }
  .dashboard-guide-menu { display:flex; overflow-x:auto; gap:7px; border-right:0; border-bottom:1px solid #e9eff6; }
  .dashboard-guide-button { min-width:190px; }
  .dashboard-guide-content { padding:16px; }
  .dashboard-simple-step { grid-template-columns:32px minmax(0,1fr); }
  .dashboard-simple-step .btn { grid-column:2; width:max-content; }
  .dashboard-explore-grid { grid-template-columns:1fr; }
}

/* ===== LITREVO HOMEPAGE V3 · PREMIUM PUBLIC SITE ===== */
/* ===== LITREVO HOMEPAGE V3 · PREMIUM PUBLIC SITE ===== */
.public-body { overflow-x: hidden; background: #fff; }
.public-body .site-shell { overflow: visible; }
.public-announcement { position: fixed; z-index: 76; inset: 0 0 auto; height: 42px; color: #dce8ff; background: #06132f; }
.public-announcement-inner { height: 42px; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 12px; font-weight: 700; }
.public-announcement-inner .announcement-pill { padding: 4px 8px; border-radius: 999px; color: #052a44; background: #4ff0cf; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.public-announcement-inner a { display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; color: #fff; }
.public-announcement-inner a .icon { width: 14px; height: 14px; }
.site-header { top: 42px; height: 76px; background: rgba(255,255,255,.97); border-bottom-color: #edf1f7; backdrop-filter: blur(18px); }
.site-header.scrolled { background: rgba(255,255,255,.96); }
.public-flashes { top: 128px; }
.nav-inner { gap: 22px; }
.public-brand img { width: 165px; }
.public-nav { gap: 7px; margin-left: 18px; }
.public-nav > a, .public-nav-trigger { min-height: 38px; display: inline-flex; align-items: center; gap: 4px; padding: 8px 10px; border: 0; border-radius: 9px; color: #2c3d5d; background: transparent; font-size: 13px; font-weight: 750; cursor: pointer; transition: .18s ease; }
.public-nav > a:hover, .public-nav-trigger:hover, .public-menu.open > .public-nav-trigger { color: var(--blue-600); background: #f1f6ff; }
.public-nav-trigger .icon { width: 14px; height: 14px; transition: transform .18s ease; }
.public-menu.open > .public-nav-trigger .icon { transform: rotate(180deg); }
.public-menu { position: relative; }
.public-mega-menu { position: absolute; top: calc(100% + 14px); left: 0; min-width: 360px; display: grid; gap: 4px; padding: 12px; border: 1px solid #e1e8f3; border-radius: 18px; background: rgba(255,255,255,.99); box-shadow: 0 24px 65px rgba(7,32,77,.16); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.public-menu.open .public-mega-menu, .public-menu:focus-within .public-mega-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.public-mega-menu > a { display: grid; grid-template-columns: 38px 1fr; gap: 11px; align-items: center; padding: 10px; border-radius: 12px; color: var(--ink-2); }
.public-mega-menu > a:hover { background: #f4f8ff; }
.public-mega-menu strong, .public-mega-menu small { display: block; }
.public-mega-menu strong { font-size: 12px; color: var(--ink); }
.public-mega-menu small { margin-top: 2px; color: var(--muted); font-size: 9px; line-height: 1.4; }
.mega-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: var(--blue-600); background: #eaf3ff; }
.mega-icon .icon { width: 18px; height: 18px; }
.mega-solutions { min-width: 460px; grid-template-columns: repeat(2, minmax(0,1fr)); padding: 18px; }
.mega-column { display: grid; align-content: start; gap: 3px; }
.mega-column + .mega-column { padding-left: 16px; border-left: 1px solid var(--line); }
.mega-column .mega-label { margin: 0 8px 6px; color: #8190aa; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.mega-column a { padding: 7px 8px; border-radius: 9px; color: #445675; font-size: 11px; font-weight: 700; }
.mega-column a:hover { color: var(--blue-600); background: #f4f8ff; }
.mega-resources { min-width: 330px; }
.mega-resources > a > .icon { width: 20px; height: 20px; margin: 9px; color: var(--blue-600); }
.nav-actions { gap: 10px; }
.mobile-public-actions{display:none}
.demo-link { padding: 8px 2px; color: #344768; font-size: 12px; font-weight: 800; }
.demo-link:hover { color: var(--blue-600); }

.home-v3-hero { position: relative; min-height: 790px; display: flex; align-items: center; overflow: hidden; padding: 170px 0 92px; color: #fff; background: linear-gradient(125deg,#061334 0%,#082962 54%,#0876d6 100%); }
.home-v3-hero::before { content:""; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to right,#000,transparent 80%); }
.home-v3-orb { position:absolute; border-radius:50%; filter:blur(2px); pointer-events:none; }
.home-v3-orb.orb-a { width:560px; height:560px; right:-170px; top:40px; border:1px solid rgba(73,240,205,.16); box-shadow:0 0 0 90px rgba(73,240,205,.035),0 0 0 180px rgba(73,240,205,.018); }
.home-v3-orb.orb-b { width:380px; height:380px; left:-220px; bottom:-180px; background:rgba(0,220,181,.09); }
.home-v3-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr); align-items:center; gap:58px; }
.home-v3-hero-copy { max-width:610px; }
.home-v3-badge { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:#cfe7ff; background:rgba(255,255,255,.07); font-size:10px; font-weight:900; letter-spacing:.09em; }
.home-v3-badge .icon { width:16px; height:16px; color:#4ff0cf; }
.home-v3-hero h1 { margin:23px 0 20px; color:#fff; font-size:clamp(50px,5.2vw,76px); line-height:1.02; letter-spacing:-.055em; }
.home-v3-hero h1 span { color:#6df4da; }
.home-v3-hero-copy > p { max-width:590px; color:#bdcce1; font-size:18px; line-height:1.7; }
.home-v3-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.home-v3-demo-btn { color:#fff; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.06); }
.home-v3-demo-btn:hover { border-color:#fff; background:rgba(255,255,255,.1); }
.home-v3-proof-row { display:flex; flex-wrap:wrap; gap:17px; margin-top:22px; color:#9fb5d2; font-size:11px; font-weight:700; }
.home-v3-proof-row span { display:flex; align-items:center; gap:6px; }
.home-v3-proof-row .icon { width:15px; height:15px; color:#4ff0cf; }
.home-v3-stage { position:relative; min-width:0; }
.home-v3-product-window { overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:23px; background:#fff; box-shadow:0 45px 100px rgba(0,0,0,.28); transform:perspective(1500px) rotateY(-2.5deg) rotateX(1deg); }
.home-v3-window-bar { height:45px; display:flex; align-items:center; gap:12px; padding:0 14px; color:#7d8ca6; border-bottom:1px solid #e7edf5; background:#fbfdff; font-size:8px; font-weight:700; }
.browser-dots { display:flex; gap:5px; }
.browser-dots i { width:7px; height:7px; border-radius:50%; background:#ccd6e5; }
.browser-dots i:first-child { background:#ff7e7e; }.browser-dots i:nth-child(2){background:#f5c95e}.browser-dots i:nth-child(3){background:#55d698}
.window-status { display:flex; align-items:center; gap:5px; margin-left:auto; color:#27806e; }
.window-status i { width:6px; height:6px; border-radius:50%; background:#16cda9; }
.home-v3-app-shell { display:grid; grid-template-columns:64px 1fr; min-height:430px; background:#f5f8fc; }
.home-v3-rail { display:flex; flex-direction:column; align-items:center; gap:9px; padding:14px 8px; color:#8195b5; background:#071a3e; }
.home-v3-rail img { width:34px; height:34px; object-fit:contain; margin-bottom:10px; }
.rail-item { width:33px; height:33px; display:grid; place-items:center; border-radius:9px; }
.rail-item .icon { width:16px; height:16px; }.rail-item.active{color:#fff;background:linear-gradient(135deg,#0b65ec,#12cdb8)}
.home-v3-preview-main { min-width:0; padding:19px; }
.home-v3-preview-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.home-v3-preview-head small,.home-v3-preview-head strong{display:block}.home-v3-preview-head small{color:#92a1b8;font-size:7px}.home-v3-preview-head strong{margin-top:2px;color:#173052;font-size:12px}.preview-live{padding:5px 8px;border-radius:999px;color:#087a66;background:#e6fbf6;font-size:7px;font-weight:800}
.home-v3-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.home-v3-metrics>div{padding:12px;border:1px solid #e5ebf4;border-radius:12px;background:#fff}.home-v3-metrics span,.home-v3-metrics strong,.home-v3-metrics small{display:block}.home-v3-metrics span{color:#8290a8;font-size:7px}.home-v3-metrics strong{margin:3px 0;color:#112b4e;font-size:17px}.home-v3-metrics small{color:#9aa7b9;font-size:6px}
.home-v3-work-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:9px; margin-top:9px; }
.home-v3-inbox-card,.home-v3-pipeline-card{padding:12px;border:1px solid #e3eaf4;border-radius:13px;background:#fff}.mock-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#1c3457;font-size:8px;font-weight:800}.mock-card-title span{display:flex;align-items:center;gap:5px}.mock-card-title .icon{width:13px;height:13px;color:#0b65ec}.mock-card-title small{color:#15957e;font-size:6px}.home-v3-chat-row{display:grid;grid-template-columns:25px 1fr auto;gap:7px;align-items:center;padding:8px 0;border-top:1px solid #eef2f7}.mock-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#075ad4;background:#e9f2ff;font-size:7px;font-weight:900}.home-v3-chat-row strong,.home-v3-chat-row small{display:block}.home-v3-chat-row strong{color:#334969;font-size:7px}.home-v3-chat-row small{max-width:115px;overflow:hidden;color:#96a3b6;font-size:6px;white-space:nowrap;text-overflow:ellipsis}.home-v3-chat-row time{color:#a2aec0;font-size:6px}.pipeline-bars{display:grid;gap:12px;padding-top:5px}.pipeline-bars>div{display:grid;grid-template-columns:48px 1fr 17px;gap:6px;align-items:center;color:#6e7e97;font-size:6px}.pipeline-bars i{position:relative;height:6px;border-radius:999px;background:#edf2f8}.pipeline-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#0b65ec,#10cbb6)}.pipeline-bars b{color:#263e62;font-size:7px}
.home-v3-float{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.28);border-radius:14px;color:#203858;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(10px);animation:homeFloat 5s ease-in-out infinite}.home-v3-float strong,.home-v3-float small{display:block}.home-v3-float strong{font-size:9px}.home-v3-float small{margin-top:1px;color:#7f8ea4;font-size:6px}.float-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.float-icon .icon{width:15px;height:15px}.float-icon.green{color:#078a70;background:#e5fbf5}.float-icon.blue{color:#0b65ec;background:#e9f2ff}.home-v3-float.float-one{top:-24px;right:25px}.home-v3-float.float-two{left:-38px;bottom:30px;animation-direction:reverse}@keyframes homeFloat{50%{transform:translateY(-7px)}}
.home-v3-trust { padding:28px 0 34px; border-bottom:1px solid #edf1f6; background:#fff; }
.home-v3-trust .public-container{display:flex;flex-direction:column;align-items:center;gap:16px}.trust-title{color:#7d8da6;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.trust-items{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.trust-items span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e6ebf2;border-radius:999px;color:#536783;background:#fbfcfe;font-size:10px;font-weight:800}.trust-items .icon{width:15px;height:15px;color:#0b65ec}
.home-v3-section { padding:96px 0; background:#fff; }.home-v3-soft{background:linear-gradient(180deg,#f8fbff,#f3f7fd)}.home-v3-heading{max-width:760px;margin:0 auto 48px;text-align:center}.home-v3-heading h2{font-size:clamp(34px,4vw,50px)}.home-v3-heading p{margin-top:14px;color:#6d7e98;font-size:15px;line-height:1.7}
.home-v3-hubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-v3-hub{padding:17px 17px 21px;border:1px solid #e2e8f2;border-radius:24px;background:#fff;box-shadow:0 8px 24px rgba(22,48,92,.045);transition:transform .2s ease,box-shadow .2s ease}.home-v3-hub:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(22,48,92,.1)}.hub-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hub-pill{padding:6px 9px;border-radius:999px;color:#075ad4;background:#eaf3ff;font-size:9px;font-weight:900}.home-v3-hub.support .hub-pill{color:#08765f;background:#e8faf5}.home-v3-hub.sales .hub-pill{color:#a45c08;background:#fff2df}.hub-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#0b65ec;background:#edf5ff}.hub-icon .icon{width:18px;height:18px}.hub-art{position:relative;height:220px;overflow:hidden;margin-bottom:20px;border-radius:18px;background:#eef5ff}.marketing-art{background:linear-gradient(145deg,#eaf7ff,#edfdf8)}.campaign-card-mini{position:absolute;top:34px;left:28px;width:72%;padding:18px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:#fff;box-shadow:0 16px 36px rgba(27,78,131,.12)}.campaign-card-mini span,.campaign-card-mini strong,.campaign-card-mini small{display:block}.campaign-card-mini span{color:#078873;font-size:7px;font-weight:900}.campaign-card-mini strong{margin:6px 0 14px;color:#1c3659;font-size:13px}.campaign-card-mini small{margin-top:7px;color:#7c8ca3;font-size:7px}.mini-progress{height:7px;border-radius:999px;background:#edf2f6}.mini-progress i{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b65ec,#12ceb8)}.segment-chip{position:absolute;right:19px;bottom:30px;padding:9px 11px;border-radius:999px;color:#075f51;background:#dff9f3;font-size:7px;font-weight:900;box-shadow:0 8px 22px rgba(13,100,82,.1)}.support-art{padding:32px 24px;background:linear-gradient(145deg,#edf8f5,#f2f6ff)}.support-chat{display:flex;align-items:center;gap:9px;width:85%;padding:10px;border-radius:13px 13px 13px 4px;background:#fff;box-shadow:0 8px 22px rgba(29,57,93,.08)}.support-chat+ .support-chat{margin-top:12px}.support-chat.out{margin-left:auto;border-radius:13px 13px 4px 13px;background:#dff9f2}.support-chat small,.support-chat strong{display:block}.support-chat small{color:#8a9ab0;font-size:6px}.support-chat strong{margin-top:2px;color:#314966;font-size:8px}.support-badge{position:absolute;right:22px;bottom:23px;padding:7px 10px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#0b65ec,#0cc7b4);font-size:7px;font-weight:900}.sales-art{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,#fff6ea,#f3f8ff)}.lead-card-mini{width:58%;padding:16px;border:1px solid #e7eaf0;border-radius:14px;background:#fff;box-shadow:0 14px 28px rgba(61,70,91,.08)}.lead-card-mini span,.lead-card-mini strong,.lead-card-mini small{display:block}.lead-card-mini span{color:#b76b0b;font-size:6px;font-weight:900}.lead-card-mini strong{margin:5px 0;color:#273d5f;font-size:12px}.lead-card-mini small{color:#8190a6;font-size:7px}.lead-tags{display:flex;gap:5px;margin-top:10px}.lead-tags i{padding:5px 6px;border-radius:999px;color:#8a5f21;background:#fff0d9;font-size:5px;font-style:normal;font-weight:800}.sales-arrow{color:#7290bc}.sales-arrow .icon{width:17px}.won-chip{padding:8px 10px;border-radius:999px;color:#08715f;background:#dff9f2;font-size:8px;font-weight:900}.home-v3-hub h3{font-size:20px}.home-v3-hub>p{min-height:68px;margin-top:9px;color:#6a7b95;line-height:1.65}.home-v3-hub>a{display:inline-flex;align-items:center;gap:6px;margin-top:15px;color:#0b60df;font-size:11px;font-weight:900}.home-v3-hub>a .icon{width:14px;height:14px}
.home-v3-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bento-card{position:relative;min-height:270px;overflow:hidden;padding:23px;border:1px solid #e0e7f1;border-radius:22px;background:#fff}.bento-card.span-2{grid-column:span 2}.bento-card>span,.bento-copy>span{color:#0a70d9;font-size:8px;font-weight:900;letter-spacing:.09em}.bento-card h3,.bento-copy h3{margin-top:7px;font-size:20px}.bento-card p,.bento-copy p{margin-top:8px;color:#6d7d96;line-height:1.6}.bento-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:18px;border-radius:12px;color:#0b65ec;background:#eaf3ff}.bento-icon .icon{width:19px;height:19px}.bento-campaign{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;background:linear-gradient(145deg,#eff9f7,#f5f9ff)}.campaign-visual{position:relative;height:215px}.message-preview{position:absolute;left:5%;top:16px;width:72%;padding:16px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 14px 34px rgba(26,71,119,.12)}.message-preview span,.message-preview strong,.message-preview small{display:block}.message-preview span{color:#148b76;font-size:6px;font-weight:900}.message-preview strong{margin:7px 0;color:#2d4260;font-size:10px}.message-preview small{color:#71819a;font-size:7px}.message-preview button{margin-top:10px;padding:6px 9px;border:0;border-radius:7px;color:#06614f;background:#dff9f2;font-size:6px;font-weight:900}.delivery-stack{position:absolute;right:0;bottom:15px;display:grid;gap:5px}.delivery-stack i{padding:6px 8px;border-radius:8px;color:#52647e;background:#fff;font-size:6px;font-style:normal;box-shadow:0 5px 15px rgba(27,59,93,.08)}.rule-line{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px;border-radius:9px;background:#f6f8fb;color:#536781;font-size:8px}.rule-line i{width:7px;height:7px;border-radius:50%;background:#13c7ad}.agent-stack{display:flex;margin-top:25px}.agent-stack i,.agent-stack b{width:31px;height:31px;display:grid;place-items:center;margin-left:-6px;border:3px solid #fff;border-radius:50%;color:#0a5fd7;background:#e5efff;font-size:7px;font-style:normal}.agent-stack i:first-child{margin-left:0}.agent-stack b{color:#08715f;background:#def8f1}.kanban-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:24px}.kanban-mini i{padding:10px 3px;border-radius:8px;color:#667994;background:#f3f6fb;font-size:6px;font-style:normal;text-align:center}.analytics-bars{height:80px;display:flex;align-items:flex-end;gap:7px;margin-top:22px}.analytics-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#0b6ffb,#15cbb5)}.product-mini{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;margin-top:25px;padding:10px;border-radius:11px;background:#f6f8fb}.product-mini>div{width:44px;height:44px;border-radius:9px;background:linear-gradient(135deg,#dbe9ff,#dff9f2)}.product-mini span strong,.product-mini span small{display:block}.product-mini span strong{color:#314767;font-size:8px}.product-mini span small{color:#8b9ab0;font-size:7px}.product-mini button{padding:6px 7px;border:0;border-radius:7px;color:#fff;background:#0b65ec;font-size:6px;font-weight:900}.bento-dev{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:linear-gradient(145deg,#f6f8ff,#edf8ff)}.code-card{overflow:hidden;border:1px solid #dbe5f2;border-radius:14px;background:#071a3e;box-shadow:0 16px 34px rgba(6,25,60,.16)}.code-card>div{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#a9bddb;font-family:ui-monospace,monospace;font-size:7px}.code-card>div span{margin-right:8px;color:#5af0cf;font-weight:900}.code-card .webhook-ok{display:flex;align-items:center;gap:7px;color:#8fe5d4}.code-card .webhook-ok .icon{width:13px;height:13px}
.home-v3-automation{padding:100px 0;color:#fff;background:linear-gradient(125deg,#061334,#082859 70%,#0757b7)}.home-v3-automation-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.automation-copy .section-kicker{color:#58efd3}.automation-copy h2{margin-top:8px;color:#fff;font-size:clamp(36px,4vw,52px)}.automation-copy>p{margin:18px 0;color:#b9c9df;font-size:15px;line-height:1.7}.automation-points{display:grid;gap:10px;margin:0 0 26px;color:#c4d3e6;font-size:11px}.automation-points span{display:flex;align-items:center;gap:8px}.automation-points .icon{width:16px;height:16px;color:#53edcf}.automation-flow-v3{display:grid;grid-template-columns:1fr 32px 1fr;gap:9px;align-items:center}.flow-v3-node{min-height:125px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.055)}.flow-v3-node.accent{border-color:rgba(78,238,208,.4);background:rgba(30,197,167,.11)}.flow-v3-node span,.flow-v3-node strong,.flow-v3-node small{display:block}.flow-v3-node span{color:#59efd4;font-size:7px;font-weight:900;letter-spacing:.08em}.flow-v3-node strong{margin:9px 0;color:#fff;font-size:11px}.flow-v3-node small{color:#91a8c7;font-size:8px;line-height:1.5}.flow-v3-arrow{display:grid;place-items:center;color:#6e87aa}.flow-v3-arrow .icon{width:18px;height:18px}.automation-flow-v3 .flow-v3-node:nth-of-type(3),.automation-flow-v3 .flow-v3-node:nth-of-type(4){grid-row:2}.automation-flow-v3 .flow-v3-node:nth-of-type(3){grid-column:1}.automation-flow-v3 .flow-v3-node:nth-of-type(4){grid-column:3}.automation-flow-v3 .flow-v3-arrow:nth-of-type(2){grid-column:2;grid-row:2}
.integration-showcase{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center}.integration-core{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border-radius:26px;color:#fff;background:linear-gradient(145deg,#061334,#075ac8);box-shadow:0 22px 50px rgba(7,54,126,.18)}.integration-core img{width:62px;height:62px;object-fit:contain}.integration-core strong{margin-top:15px;font-size:20px}.integration-core small{margin-top:6px;color:#a9c1e0;font-size:9px}.integration-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-grid-v3>div{min-height:120px;display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid #e1e8f2;border-radius:16px;background:#fff}.integration-grid-v3 .icon{width:22px;height:22px;margin-bottom:13px;color:#0b65ec}.integration-grid-v3 strong,.integration-grid-v3 small{display:block}.integration-grid-v3 strong{font-size:11px}.integration-grid-v3 small{margin-top:4px;color:#8291a7;font-size:8px}.provider-note{display:flex;align-items:flex-start;gap:8px;max-width:900px;margin:26px auto 0;padding:12px 14px;border-radius:12px;color:#667a96;background:#f1f6fd;font-size:10px;line-height:1.6}.provider-note .icon{width:16px;height:16px;flex:0 0 auto;color:#0b65ec}
.home-v3-difference{padding:72px 0;background:#071a3e}.home-v3-difference .home-v3-heading h2{color:#fff}.home-v3-difference .section-kicker{color:#53edcf}.difference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.difference-grid>div{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.045)}.difference-grid strong,.difference-grid span,.difference-grid small{display:block}.difference-grid strong{color:#60efd4;font-size:28px}.difference-grid span{margin:7px 0;color:#fff;font-size:11px;font-weight:800}.difference-grid small{color:#8ea6c5;font-size:8px;line-height:1.5}
.industry-grid-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.industry-grid-v3 article{padding:24px;border:1px solid #e2e8f1;border-radius:18px;background:#fff}.industry-grid-v3 .icon{width:23px;height:23px;color:#0b65ec}.industry-grid-v3 h3{margin-top:18px;font-size:17px}.industry-grid-v3 p{margin-top:8px;color:#6e7f98;line-height:1.6}.home-v3-pricing{margin-top:5px}.plan-label{display:block;margin-bottom:8px;color:#0b65ec;font-size:8px;font-weight:900;letter-spacing:.1em}.price-card.featured .plan-label{color:#61efd4}.enterprise-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:22px 24px;border:1px solid #e0e7f1;border-radius:18px;background:#f8fbff}.enterprise-strip span,.enterprise-strip strong,.enterprise-strip small{display:block}.enterprise-strip span{color:#0b65ec;font-size:8px;font-weight:900;letter-spacing:.1em}.enterprise-strip strong{margin-top:4px;font-size:14px}.enterprise-strip small{margin-top:4px;color:#7a8aa1;font-size:9px}
.home-v3-final-cta{padding:80px 0;background:#fff}.final-cta-v3{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px;border-radius:30px;color:#fff;background:linear-gradient(120deg,#061334,#0757c3 70%,#0baea2);box-shadow:0 28px 70px rgba(8,61,132,.18)}.final-cta-v3::after{content:"";position:absolute;width:380px;height:380px;right:-140px;top:-200px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.03),0 0 0 120px rgba(255,255,255,.02)}.final-cta-v3>div{position:relative;z-index:2}.final-cta-v3 h2{max-width:720px;margin-top:14px;color:#fff;font-size:clamp(34px,4vw,52px)}.final-cta-v3 p{margin-top:12px;color:#b9cae2;font-size:14px}.dark-badge{color:#dcecff}.final-cta-actions{display:flex;gap:10px;flex:0 0 auto}.home-v3-outline-light{color:#fff;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.06)}
.site-footer{padding-top:68px}.footer-grid{grid-template-columns:1.55fr .72fr .72fr .72fr 1.05fr;gap:34px}.footer-brand img{width:180px}.footer-product-by{display:block;margin-top:8px;color:#7c94b8;font-size:10px;font-weight:800;letter-spacing:.03em}.footer-brand p{margin-top:18px}.footer-start p{max-width:260px;color:#8fa1bd;font-size:11px;line-height:1.65}

@media (max-width: 1120px){
  .public-announcement-inner{font-size:11px}.public-nav{gap:2px}.public-nav> a,.public-nav-trigger{padding:8px 7px;font-size:11px}.demo-link{display:none}.home-v3-hero-grid{grid-template-columns:1fr 1fr;gap:32px}.home-v3-hubs{gap:12px}.home-v3-bento{grid-template-columns:repeat(2,1fr)}.integration-grid-v3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(2,.7fr) 1fr}.footer-grid>div:nth-child(4){display:none}
}
@media (max-width: 900px){
  .public-announcement{height:38px}.public-announcement-inner{height:38px;justify-content:flex-start;white-space:nowrap;overflow:hidden}.public-announcement-inner>a{display:none}.site-header{top:38px;height:68px}.public-flashes{top:115px}.public-nav{position:fixed;top:106px;left:14px;right:14px;max-height:calc(100vh - 125px);display:none;align-items:stretch;overflow-y:auto;margin:0;padding:12px;border:1px solid #e0e7f1;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(8,32,72,.18)}.public-nav.open{display:flex;flex-direction:column}.public-nav> a,.public-nav-trigger{width:100%;justify-content:space-between;padding:11px 12px;font-size:13px}.public-menu{width:100%}.mobile-public-actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 4px 2px}.mobile-public-actions>a:first-child{display:flex;align-items:center;padding:0 10px;color:#405274;font-weight:800}.public-mega-menu{position:static;min-width:0!important;grid-template-columns:1fr!important;display:none;margin:3px 0 7px;padding:7px;border:0;border-radius:12px;background:#f6f9fd;box-shadow:none;opacity:1;visibility:visible;transform:none}.public-menu.open .public-mega-menu{display:grid}.mega-column+.mega-column{padding:0;border:0}.nav-actions .login-link,.nav-actions .btn-primary{display:none}.mobile-nav-toggle{display:grid}.home-v3-hero{min-height:0;padding:145px 0 70px}.home-v3-hero-grid{grid-template-columns:1fr}.home-v3-hero-copy{max-width:760px;text-align:center;margin:0 auto}.home-v3-hero-copy>p{margin:0 auto}.home-v3-hero-actions,.home-v3-proof-row{justify-content:center}.home-v3-stage{max-width:760px;margin:25px auto 0}.home-v3-hubs{grid-template-columns:1fr}.home-v3-hub{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:center}.home-v3-hub .hub-top,.home-v3-hub h3,.home-v3-hub>p,.home-v3-hub>a{grid-column:2}.home-v3-hub .hub-art{grid-column:1;grid-row:1/6;margin:0}.home-v3-bento{grid-template-columns:1fr 1fr}.home-v3-automation-grid{grid-template-columns:1fr;gap:40px}.integration-showcase{grid-template-columns:1fr}.integration-core{min-height:210px}.difference-grid{grid-template-columns:repeat(2,1fr)}.industry-grid-v3{grid-template-columns:repeat(2,1fr)}.final-cta-v3{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.footer-start{grid-column:1/-1}.footer-grid>div:nth-child(4){display:block}
}
@media (max-width: 620px){
  .public-container{width:min(100% - 28px,1180px)}.public-announcement-inner{font-size:9px}.announcement-pill{display:none!important}.public-brand img{width:145px}.nav-actions .demo-link{display:none}.home-v3-hero{padding-top:132px}.home-v3-hero h1{font-size:clamp(40px,12vw,55px)}.home-v3-hero-copy>p{font-size:15px}.home-v3-hero-actions{flex-direction:column}.home-v3-hero-actions .btn{width:100%}.home-v3-proof-row{display:grid;grid-template-columns:1fr;text-align:left;max-width:290px;margin:20px auto 0}.home-v3-float{display:none}.home-v3-product-window{transform:none;border-radius:17px}.home-v3-app-shell{grid-template-columns:46px 1fr;min-height:350px}.home-v3-rail{padding:9px 5px}.home-v3-rail img{width:29px;height:29px}.rail-item{width:29px;height:29px}.home-v3-preview-main{padding:10px}.home-v3-metrics{grid-template-columns:1fr 1fr}.home-v3-metrics>div:nth-child(3){display:none}.home-v3-work-grid{grid-template-columns:1fr}.home-v3-pipeline-card{display:none}.home-v3-chat-row small{max-width:160px}.home-v3-section{padding:72px 0}.home-v3-heading{margin-bottom:35px}.home-v3-heading h2{font-size:34px}.home-v3-hub{display:block}.home-v3-hub .hub-art{height:200px;margin-bottom:18px}.home-v3-bento{grid-template-columns:1fr}.bento-card.span-2{grid-column:auto}.bento-campaign,.bento-dev{grid-template-columns:1fr}.campaign-visual{height:190px}.automation-flow-v3{grid-template-columns:1fr}.flow-v3-arrow{transform:rotate(90deg)}.automation-flow-v3 .flow-v3-node:nth-of-type(3),.automation-flow-v3 .flow-v3-node:nth-of-type(4),.automation-flow-v3 .flow-v3-arrow:nth-of-type(2){grid-column:auto;grid-row:auto}.integration-grid-v3{grid-template-columns:1fr 1fr}.difference-grid{grid-template-columns:1fr 1fr}.industry-grid-v3{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.enterprise-strip{align-items:flex-start;flex-direction:column}.final-cta-v3{padding:34px 24px}.final-cta-actions{width:100%;flex-direction:column}.final-cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.footer-start{grid-column:1/-1}.footer-bottom{flex-direction:column}.mega-solutions{grid-template-columns:1fr!important}
}

/* Pricing R2: plan-level message costs and country-wise rate card */
.pricing-plan-message-cost{margin:18px 0 14px;padding:15px;border:1px solid rgba(31,111,235,.17);border-radius:16px;background:linear-gradient(145deg,rgba(239,246,255,.92),rgba(255,255,255,.98));font-family:Inter,system-ui,sans-serif}
.pricing-plan-card.plan-growth .pricing-plan-message-cost{background:linear-gradient(145deg,rgba(236,254,255,.94),#fff);border-color:rgba(6,182,212,.24)}
.pricing-plan-card.plan-scale .pricing-plan-message-cost{background:linear-gradient(145deg,rgba(245,243,255,.95),#fff);border-color:rgba(109,79,216,.23)}
.pricing-plan-card.plan-enterprise .pricing-plan-message-cost{background:linear-gradient(145deg,#eaf1fb,#fff);border-color:rgba(15,43,79,.2)}
.pricing-plan-message-cost>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:11px}
.pricing-plan-message-cost>div:first-child strong{font:800 13px/1.2 Inter,system-ui,sans-serif;color:#10294c}
.pricing-plan-message-cost>div:first-child small{font:600 9px/1.2 Inter,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#7487a3}
.pricing-plan-message-cost dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.pricing-plan-message-cost dl>div{display:flex;justify-content:space-between;gap:6px;padding:8px 9px;border:1px solid rgba(155,178,209,.27);border-radius:10px;background:rgba(255,255,255,.84)}
.pricing-plan-message-cost dt{font-size:10px;color:#677a96}.pricing-plan-message-cost dd{margin:0;font-size:11px;font-weight:800;color:#071e41}
.pricing-plan-message-cost p{display:flex;flex-direction:column;gap:4px;margin:0;padding:11px;border-radius:11px;background:#102f59;color:#fff}
.pricing-plan-message-cost p b{font-size:13px}.pricing-plan-message-cost p span{font-size:10px;color:#caddf5}
.pricing-plan-rate-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-plan-rate-summary article small{line-height:1.55}.pricing-plan-rate-summary article.starter{border-color:#3b82f6}.pricing-plan-rate-summary article.growth{border-color:#06b6d4}.pricing-plan-rate-summary article.scale{border-color:#7c5ce3}

.country-pricing-page{background:#f7faff;color:#071e41;min-height:100vh}.country-pricing-hero{position:relative;overflow:hidden;padding:88px 0 76px;background:linear-gradient(120deg,#06215b 0%,#0a58d4 52%,#00a8c6 100%);color:#fff}
.country-pricing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.2),transparent 25%),radial-gradient(circle at 88% 70%,rgba(255,255,255,.16),transparent 28%);pointer-events:none}
.country-pricing-hero>.public-container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:46px;align-items:center}
.country-pricing-hero span{font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.15em;color:#b9f3ff}.country-pricing-hero h1{max-width:780px;margin:15px 0 17px;font:800 clamp(38px,5vw,68px)/.98 Kameron,Georgia,serif;letter-spacing:-.035em}.country-pricing-hero p{max-width:760px;margin:0;color:#dceaff;font:500 17px/1.7 Inter,system-ui,sans-serif}.country-pricing-hero .page-actions{margin-top:27px}.country-pricing-hero aside{padding:27px;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:rgba(3,24,70,.34);box-shadow:0 24px 60px rgba(2,15,45,.2);backdrop-filter:blur(12px)}
.country-pricing-hero aside svg{width:34px;height:34px;margin-bottom:17px;color:#7be8ff}.country-pricing-hero aside strong{display:block;margin-bottom:9px;font:800 20px/1.2 Kameron,Georgia,serif}.country-pricing-hero aside p{font-size:13px;line-height:1.65;color:#d5e6ff}
.country-pricing-india{padding:76px 0 68px}.country-pricing-india .pricing-section-head h2 strong{color:#075ee8}.country-rate-table{overflow:hidden;border:1px solid #cedbee;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(17,61,125,.08)}.country-rate-table table{width:100%;border-collapse:separate;border-spacing:0;font-family:Inter,system-ui,sans-serif}.country-rate-table th,.country-rate-table td{padding:16px 18px;border-right:1px solid #dde6f3;border-bottom:1px solid #dde6f3;text-align:center;white-space:nowrap}.country-rate-table tr>*:last-child{border-right:0}.country-rate-table tbody tr:last-child>*{border-bottom:0}.country-rate-table thead th{background:#f1f6fe;color:#25446f;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.country-rate-table tbody th{text-align:left;color:#10294c}.country-rate-table tbody th span{display:block;font:800 17px/1.2 Kameron,Georgia,serif}.country-rate-table tbody th small{display:block;margin-top:4px;color:#6a7d9b;font-size:10px}.india-rate-table tbody td strong{font-size:15px;color:#061f4a}.india-rate-table tr.plan-starter th{box-shadow:inset 5px 0 #3b82f6}.india-rate-table tr.plan-growth th{box-shadow:inset 5px 0 #06b6d4}.india-rate-table tr.plan-scale th{box-shadow:inset 5px 0 #7c5ce3}.india-rate-table tr.plan-enterprise th{box-shadow:inset 5px 0 #0f2b4f}.india-rate-table tr.plan-enterprise td{background:#eef5ff;color:#0f2b4f}
.country-pricing-regions{padding:76px 0 88px;background:linear-gradient(180deg,#eef5ff,#f8fbff)}.country-rate-key{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:-4px 0 18px;color:#506784;font:600 12px/1.4 Inter,system-ui,sans-serif}.country-rate-key span{display:flex;align-items:center;gap:7px}.country-rate-key i{width:9px;height:9px;border-radius:50%}.country-rate-key i.marketing{background:#2563eb}.country-rate-key i.utility{background:#06a7be}.country-rate-key i.authentication{background:#7c5ce3}
.country-rate-scroll{overflow-x:auto;overscroll-behavior-inline:contain}.country-rate-scroll table{min-width:1240px}.country-rate-scroll thead tr:first-child th{font-size:12px}.country-rate-scroll thead .plan-starter{background:#eaf3ff;color:#125ed2}.country-rate-scroll thead .plan-growth{background:#e8fcff;color:#087f94}.country-rate-scroll thead .plan-scale{background:#f0edff;color:#6546ce}.country-rate-scroll thead .plan-enterprise{background:#e6eef9;color:#0f2b4f}.country-rate-scroll tbody tr:nth-child(even){background:#f8fbff}.country-rate-scroll tbody tr:hover{background:#edf5ff}.country-rate-scroll tbody td{font-size:12px;font-weight:700;color:#314b70}.country-rate-scroll .enterprise-rate{white-space:normal;min-width:130px;font-size:11px;color:#0f2b4f;background:rgba(230,238,249,.55)}
.country-rate-source{display:flex;align-items:flex-start;gap:13px;margin-top:22px;padding:19px 20px;border:1px solid #bfd4f2;border-radius:17px;background:#fff}.country-rate-source>svg{flex:0 0 auto;width:22px;height:22px;color:#176ee8}.country-rate-source p{flex:1;margin:0}.country-rate-source p strong,.country-rate-source p span{display:block}.country-rate-source p strong{margin-bottom:4px;font:800 14px/1.2 Inter,system-ui,sans-serif}.country-rate-source p span{color:#637895;font:500 12px/1.55 Inter,system-ui,sans-serif}.country-rate-source>div{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.country-rate-source a{color:#0d63dc;font:700 11px/1.3 Inter,system-ui,sans-serif;text-decoration:none}.country-rate-source a svg{width:13px;height:13px}
@media(max-width:1000px){.pricing-plan-rate-summary{grid-template-columns:1fr 1fr}.country-pricing-hero>.public-container{grid-template-columns:1fr}.country-pricing-hero aside{max-width:620px}.country-rate-source{flex-wrap:wrap}.country-rate-source>div{width:100%;align-items:flex-start;padding-left:35px}}
@media(max-width:620px){.pricing-plan-rate-summary{grid-template-columns:1fr}.pricing-plan-message-cost dl{grid-template-columns:1fr}.country-pricing-hero{padding:60px 0 52px}.country-pricing-hero h1{font-size:42px}.country-pricing-hero p{font-size:14px}.country-pricing-india,.country-pricing-regions{padding:52px 0}.india-rate-table{overflow-x:auto}.india-rate-table table{min-width:720px}.country-rate-source>div{padding-left:0}}


/* =========================================================
   LITREVO HOMEPAGE V4 — PREMIUM INTERACTIVE EXPERIENCE
   ========================================================= */
.home-v4-hero{position:relative;overflow:hidden;padding:176px 0 102px;color:#fff;background:
  radial-gradient(circle at 84% 18%,rgba(19,211,183,.22),transparent 25rem),
  radial-gradient(circle at 12% 86%,rgba(24,104,255,.24),transparent 31rem),
  linear-gradient(122deg,#050f28 0%,#071a3e 42%,#0b3f8f 76%,#0a78c9 100%)}
.home-v4-gridlines{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000 15%,transparent 90%)}
.home-v4-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}
.home-v4-glow.glow-one{width:530px;height:530px;right:-180px;top:70px;border:1px solid rgba(82,239,211,.2);box-shadow:0 0 0 78px rgba(82,239,211,.035),0 0 0 156px rgba(82,239,211,.018)}
.home-v4-glow.glow-two{width:390px;height:390px;left:-210px;bottom:-170px;background:rgba(17,112,255,.12)}
.home-v4-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.88fr) minmax(580px,1.12fr);gap:66px;align-items:center}
.home-v4-hero-copy{max-width:630px}.home-v4-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#d8e8fb;background:rgba(255,255,255,.055);backdrop-filter:blur(14px);font-size:10px;font-weight:900;letter-spacing:.1em}
.home-v4-kicker>span,.home-v4-kicker>i{width:8px;height:8px;border-radius:50%;background:#24ddbd;box-shadow:0 0 0 6px rgba(36,221,189,.12)}
.home-v4-hero h1{margin:24px 0 20px;color:#fff;font-size:clamp(56px,5.6vw,84px);line-height:.99;letter-spacing:-.06em}.home-v4-hero h1 em{font-style:normal;color:#66f0d7;text-shadow:0 9px 34px rgba(35,222,190,.15)}
.home-v4-hero-copy>p{max-width:610px;color:#c0cfe3;font-size:18px;line-height:1.72}.home-v4-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.home-v4-primary{box-shadow:0 16px 38px rgba(12,104,239,.28)}.home-v4-ghost{display:inline-flex;align-items:center;gap:8px;color:#fff;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.home-v4-ghost:hover{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.1)}
.home-v4-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:520px;margin-top:30px}.home-v4-proof>div{padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04)}.home-v4-proof strong,.home-v4-proof span{display:block}.home-v4-proof strong{color:#fff;font-size:21px}.home-v4-proof span{margin-top:3px;color:#91a8c6;font-size:8px;font-weight:700}.home-v4-micro-proof{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;color:#94a9c5;font-size:10px;font-weight:700}.home-v4-micro-proof span{display:flex;align-items:center;gap:5px}.home-v4-micro-proof .icon{width:14px;height:14px;color:#50e9cc}
.home-v4-hero-media{position:relative;min-width:0;transform-style:preserve-3d;transition:transform .18s ease-out}.hero-orbit{position:absolute;border-radius:50%;pointer-events:none}.hero-orbit.orbit-a{width:470px;height:470px;right:-80px;top:-70px;border:1px solid rgba(255,255,255,.12)}.hero-orbit.orbit-b{width:300px;height:300px;left:-70px;bottom:-65px;border:1px solid rgba(57,236,204,.18)}
.hero-browser-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:26px;background:#fff;box-shadow:0 48px 110px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.05);transform:perspective(1500px) rotateY(-3deg) rotateX(1.2deg);transform-origin:center;transition:transform .25s ease}.hero-browser-shell::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 25%)}.hero-browser-shell img{display:block;width:100%;height:auto}.hero-browser-bar{height:45px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#7a8ba4;border-bottom:1px solid #e6ecf4;background:#fbfdff;font-size:8px;font-weight:700}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#d6e0ed}.browser-dots i:first-child{background:#ff8b83}.browser-dots i:nth-child(2){background:#f8c867}.browser-dots i:nth-child(3){background:#6ed4b4}.browser-url{flex:1;text-align:center}.browser-secure{display:flex;align-items:center;gap:4px;color:#0c856f}.browser-secure .icon{width:12px;height:12px}
.hero-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:182px;padding:12px 13px;border:1px solid rgba(255,255,255,.62);border-radius:16px;color:#1d3657;background:rgba(255,255,255,.95);box-shadow:0 18px 50px rgba(4,22,54,.23);backdrop-filter:blur(14px);animation:v4Float 5.5s ease-in-out infinite}.hero-float-card small,.hero-float-card strong,.hero-float-card span{display:block}.hero-float-card small{color:#7e8fa8;font-size:6px;font-weight:900;letter-spacing:.08em}.hero-float-card strong{margin:2px 0;color:#173150;font-size:9px}.hero-float-card div>span{color:#8392a8;font-size:6px}.hero-float-card .float-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.hero-float-card .float-icon .icon{width:16px;height:16px}.float-icon.campaign{color:#0b65ec;background:#e8f2ff}.float-icon.automation{color:#087d68;background:#e4faf4}.float-icon.crm{color:#8b5608;background:#fff0da}.hero-float-one{top:-29px;right:26px}.hero-float-two{left:-43px;bottom:92px;animation-delay:-1.6s}.hero-float-three{right:-20px;bottom:-34px;animation-delay:-3s}@keyframes v4Float{50%{transform:translateY(-8px)}}
.home-v4-module-strip{overflow:hidden;border-bottom:1px solid #e9eef5;background:#fff}.module-marquee{display:flex;width:max-content;gap:9px;padding:19px 0;animation:v4Marquee 34s linear infinite}.module-marquee:hover{animation-play-state:paused}.module-marquee span{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #e4eaf2;border-radius:999px;color:#526680;background:#fbfcfe;font-size:10px;font-weight:800;white-space:nowrap}.module-marquee .icon{width:15px;height:15px;color:#0b65ec}@keyframes v4Marquee{to{transform:translateX(-50%)}}
.home-v4-section{padding:104px 0;background:#fff}.home-v4-tint{background:linear-gradient(180deg,#f8fbff,#f2f7fd)}.home-v4-heading{max-width:820px;margin:0 auto 52px;text-align:center}.home-v4-heading .section-kicker{color:#0b65ec}.home-v4-heading h2{margin-top:9px;font-size:clamp(36px,4.3vw,56px);letter-spacing:-.045em}.home-v4-heading p{margin-top:14px;color:#6c7e98;font-size:15px;line-height:1.72}.home-v4-heading.light h2{color:#fff}.home-v4-heading.light p{color:#a9bad0}
.product-theatre-shell{display:grid;grid-template-columns:290px 1fr;min-height:590px;overflow:hidden;border:1px solid #e1e8f2;border-radius:30px;background:#fff;box-shadow:0 30px 80px rgba(21,49,88,.09)}.theatre-tabs{display:flex;flex-direction:column;gap:7px;padding:18px;border-right:1px solid #e6ecf4;background:#f7faff}.theatre-tabs button{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:14px;border:0;border-radius:15px;color:#60728d;background:transparent;text-align:left;cursor:pointer;transition:.2s ease}.theatre-tabs button:hover{background:#eef5ff}.theatre-tabs button.active{color:#12365f;background:#fff;box-shadow:0 8px 24px rgba(23,60,105,.08)}.theatre-tabs button>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#0b65ec;background:#e8f2ff}.theatre-tabs button>span .icon{width:18px;height:18px}.theatre-tabs button strong,.theatre-tabs button small{display:block}.theatre-tabs button strong{font-size:12px}.theatre-tabs button small{margin-top:2px;color:#91a0b4;font-size:8px}.theatre-tabs button>i{color:#a1afc2}.theatre-tabs button>i .icon{width:14px;height:14px}.theatre-stage{position:relative;min-width:0;background:linear-gradient(145deg,#ffffff,#f9fbff)}.theatre-panel{display:none;grid-template-columns:.78fr 1.22fr;align-items:center;gap:24px;min-height:590px;padding:36px 30px 36px 42px}.theatre-panel.active{display:grid;animation:v4PanelIn .35s ease}.theatre-panel img{width:100%;max-height:470px;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(26,70,121,.09))}.theatre-copy>span{color:#0b65ec;font-size:9px;font-weight:900;letter-spacing:.1em}.theatre-copy h3{margin-top:10px;font-size:32px;line-height:1.12;letter-spacing:-.035em}.theatre-copy p{margin-top:13px;color:#6b7e97;line-height:1.7}.theatre-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.theatre-pills i{padding:7px 9px;border-radius:999px;color:#46617f;background:#eef4fb;font-size:8px;font-style:normal;font-weight:800}.theatre-copy>a{display:inline-flex;align-items:center;gap:6px;margin-top:25px;color:#0b65ec;font-size:11px;font-weight:900}.theatre-copy>a .icon{width:14px;height:14px}@keyframes v4PanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.home-v4-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v4-card{position:relative;overflow:hidden;min-height:270px;padding:24px;border:1px solid #e0e7f1;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(21,49,88,.04);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.v4-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(19,111,245,.07),transparent 45%);opacity:0;transition:opacity .2s}.v4-card:hover::before{opacity:1}.v4-card:hover{transform:translateY(-5px);border-color:#d2deec;box-shadow:0 26px 60px rgba(21,49,88,.1)}.v4-card-wide{grid-column:span 2}.v4-card-image{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:18px;min-height:390px;padding-right:0;background:linear-gradient(145deg,#fff,#f5f9ff)}.v4-card span{color:#0b65ec;font-size:8px;font-weight:900;letter-spacing:.09em}.v4-card h3{margin-top:10px;font-size:24px;line-height:1.17}.v4-card p{margin-top:10px;color:#6c7d96;line-height:1.65}.card-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.card-chip-row i{padding:6px 8px;border-radius:999px;background:#edf4fb;color:#526a88;font-size:7px;font-style:normal;font-weight:800}.real-ui-shot{align-self:stretch;overflow:hidden;display:flex;align-items:center;border-left:1px solid #e5ebf3;background:#edf4fb}.real-ui-shot img{width:130%;max-width:none;transform:translateX(-4%);box-shadow:-20px 0 50px rgba(26,70,121,.06)}.v4-card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px}.v4-card-icon .icon{width:20px;height:20px}.v4-card-icon.blue{color:#0b65ec;background:#e8f2ff}.v4-card-icon.teal{color:#087d68;background:#e4faf4}.v4-card-icon.purple{color:#7243c8;background:#f1eaff}.v4-card-icon.amber{color:#a76610;background:#fff0dc}.mini-stat-line{display:grid;grid-template-columns:42px 1fr 32px;gap:7px;align-items:center;margin-top:17px;color:#6e8099;font-size:7px}.mini-stat-line>b{font-size:7px}.mini-stat-line>i{height:7px;overflow:hidden;border-radius:999px;background:#edf2f7}.mini-stat-line u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b65ec,#10c9b1);text-decoration:none}.mini-stat-line strong{font-size:8px}.keyword-demo{display:grid;gap:7px;margin-top:18px;padding:14px;border-radius:15px;background:#071a3e}.keyword-demo small{color:#879fbe;font-size:7px}.keyword-demo strong{color:#fff;font-size:12px}.keyword-demo>span{display:flex;align-items:center;gap:6px;color:#58e9cf;font-size:8px;letter-spacing:0}.keyword-demo>span .icon{width:13px;height:13px}.agent-row-demo{display:flex;align-items:center;margin-top:20px}.agent-row-demo i{width:35px;height:35px;display:grid;place-items:center;margin-left:-7px;border:3px solid #fff;border-radius:50%;color:#0b65ec;background:#e8f2ff;font-size:7px;font-style:normal;font-weight:900}.agent-row-demo i:first-child{margin-left:0}.agent-row-demo i:nth-child(2){color:#087d68;background:#e4faf4}.agent-row-demo i:nth-child(3){color:#7243c8;background:#f1eaff}.agent-row-demo i:nth-child(4){color:#fff;background:#071a3e}.agent-row-demo span{margin-left:10px;color:#7d8da4;font-size:7px;letter-spacing:0}.spark-demo{height:72px;display:flex;align-items:flex-end;gap:6px;margin-top:20px;padding:10px;border-radius:14px;background:#f5f8fc}.spark-demo i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#12ceb4,#0b65ec);opacity:.9}.integration-card-copy>a{display:inline-flex;align-items:center;gap:5px;margin-top:17px;color:#0b65ec;font-size:10px;font-weight:900}.integration-art{position:absolute;right:-5px;bottom:-22px;width:52%;max-height:290px;object-fit:contain}
.home-v4-automation{position:relative;overflow:hidden;padding:100px 0;color:#fff;background:linear-gradient(125deg,#050f28,#071a3e 48%,#0a397e 100%)}.home-v4-automation::before{content:"";position:absolute;width:620px;height:620px;right:-220px;top:-230px;border:1px solid rgba(71,235,207,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(71,235,207,.025),0 0 0 180px rgba(71,235,207,.015)}.home-v4-automation-grid{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.automation-v4-copy .section-kicker{color:#5df0d5}.automation-v4-copy h2{margin-top:10px;color:#fff;font-size:clamp(38px,4.2vw,54px);letter-spacing:-.045em}.automation-v4-copy>p{margin-top:16px;color:#b6c7dd;font-size:15px;line-height:1.72}.automation-v4-list{display:grid;gap:10px;margin:22px 0 28px}.automation-v4-list span{display:flex;align-items:center;gap:7px;color:#c7d5e7;font-size:10px}.automation-v4-list .icon{width:15px;height:15px;color:#54e8cd}.automation-v4-visual{position:relative}.automation-v4-visual img{display:block;width:100%;border-radius:28px;box-shadow:0 35px 75px rgba(0,0,0,.25)}.automation-pulse{position:absolute;width:14px;height:14px;border:3px solid #5df0d5;border-radius:50%;box-shadow:0 0 0 0 rgba(93,240,213,.25);animation:v4Pulse 2.2s infinite}.automation-pulse.p1{left:40%;top:45%}.automation-pulse.p2{right:14%;top:28%;animation-delay:-1.1s}@keyframes v4Pulse{70%{box-shadow:0 0 0 18px rgba(93,240,213,0)}}
.integration-v4-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.integration-v4-image img{width:100%;border-radius:28px;box-shadow:0 25px 65px rgba(22,50,90,.1)}.integration-v4-copy .section-kicker{color:#0b65ec}.integration-v4-copy h2{margin-top:9px;font-size:clamp(36px,4vw,51px);letter-spacing:-.045em}.integration-v4-copy>p{margin-top:14px;color:#6a7c96;font-size:15px;line-height:1.7}.integration-v4-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.integration-v4-grid span{display:flex;align-items:center;gap:8px;padding:12px 13px;border:1px solid #e2e8f1;border-radius:13px;color:#49617f;background:#fbfcfe;font-size:9px;font-weight:800}.integration-v4-grid .icon{width:16px;height:16px;color:#0b65ec}.integration-v4-copy>a{display:inline-flex;align-items:center;gap:6px;color:#0b65ec;font-size:11px;font-weight:900}
.home-v4-proof-section{padding:88px 0;background:#071a3e}.proof-cards-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.proof-cards-v4 article{padding:25px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.04);transition:.2s ease}.proof-cards-v4 article:hover{transform:translateY(-4px);background:rgba(255,255,255,.065)}.proof-cards-v4 strong{display:block;color:#56ead0;font-size:12px}.proof-cards-v4 h3{margin-top:17px;color:#fff;font-size:17px}.proof-cards-v4 p{margin-top:8px;color:#93a9c5;font-size:10px;line-height:1.6}
.industry-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industry-v4-grid article{overflow:hidden;border:1px solid #e0e7f1;border-radius:22px;background:#fff;box-shadow:0 8px 25px rgba(22,49,89,.04);transition:.2s ease}.industry-v4-grid article:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(22,49,89,.1)}.industry-v4-grid h3{padding:20px 20px 0;font-size:17px}.industry-v4-grid p{padding:8px 20px 22px;color:#6d7f98;line-height:1.6}.industry-image{height:155px;display:flex;align-items:flex-end;justify-content:space-between;padding:20px;color:#fff}.industry-image span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.13);backdrop-filter:blur(8px)}.industry-image .icon{width:23px;height:23px}.industry-image b{font-size:9px;letter-spacing:.12em}.industry-image.edu{background:linear-gradient(135deg,#0a66eb,#0a96d5)}.industry-image.commerce{background:linear-gradient(135deg,#047e68,#14c6a7)}.industry-image.realestate{background:linear-gradient(135deg,#39206f,#7c55d1)}.industry-image.services{background:linear-gradient(135deg,#9a5412,#e19432)}
.home-v4-pricing{margin-top:8px}.v4-price{position:relative;overflow:hidden}.v4-price::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(18,112,245,.08),transparent 42%);opacity:0}.v4-price:hover::before{opacity:1}.home-v4-final{padding:88px 0;background:#fff}.home-v4-final-card{position:relative;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;padding:56px 0 56px 56px;border-radius:32px;color:#fff;background:linear-gradient(120deg,#050f28,#08428c 64%,#0aa99d);box-shadow:0 30px 80px rgba(8,61,132,.2)}.home-v4-final-card::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-190px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.final-copy{position:relative;z-index:2}.final-copy h2{margin-top:15px;color:#fff;font-size:clamp(38px,4vw,52px);letter-spacing:-.045em}.final-copy>p{margin-top:13px;color:#bed0e5;line-height:1.7}.final-actions{display:flex;gap:10px;margin-top:25px}.home-v4-final-ghost{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.055)}.home-v4-final-ghost:hover{color:#fff;background:rgba(255,255,255,.1)}.final-visual{position:relative;z-index:2;overflow:hidden;align-self:stretch;display:flex;align-items:center;border-radius:24px 0 0 24px;background:#fff;box-shadow:-20px 24px 55px rgba(0,0,0,.16)}.final-visual img{width:118%;max-width:none;transform:translateX(-3%)}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}.reveal-on-scroll.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.module-marquee,.hero-float-card,.automation-pulse{animation:none!important}.reveal-on-scroll{opacity:1;transform:none;transition:none}.home-v4-hero-media,.hero-browser-shell{transform:none!important;transition:none!important}}
@media (max-width:1180px){.home-v4-hero-grid{grid-template-columns:1fr 1fr;gap:35px}.home-v4-hero h1{font-size:clamp(48px,5.4vw,68px)}.hero-float-two{left:-18px}.product-theatre-shell{grid-template-columns:250px 1fr}.theatre-panel{grid-template-columns:.9fr 1.1fr;padding-left:30px}.home-v4-bento{grid-template-columns:repeat(2,1fr)}.v4-card-wide{grid-column:span 2}.proof-cards-v4{grid-template-columns:repeat(2,1fr)}.industry-v4-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.home-v4-hero{padding:150px 0 78px}.home-v4-hero-grid{grid-template-columns:1fr}.home-v4-hero-copy{max-width:760px;margin:0 auto;text-align:center}.home-v4-hero-copy>p{margin:0 auto}.home-v4-hero-actions,.home-v4-micro-proof{justify-content:center}.home-v4-proof{margin:28px auto 0}.home-v4-hero-media{max-width:780px;margin:28px auto 0}.hero-browser-shell{transform:none}.product-theatre-shell{grid-template-columns:1fr}.theatre-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid #e6ecf4}.theatre-tabs button{grid-template-columns:38px 1fr;padding:10px}.theatre-tabs button>i{display:none}.theatre-stage{min-height:auto}.theatre-panel{min-height:0;grid-template-columns:1fr 1fr}.home-v4-automation-grid,.integration-v4-shell{grid-template-columns:1fr}.automation-v4-copy,.integration-v4-copy{max-width:760px}.industry-v4-grid{grid-template-columns:repeat(2,1fr)}.home-v4-final-card{grid-template-columns:1fr;padding:42px 0 0 42px}.final-copy{padding-right:42px}.final-visual{min-height:330px;border-radius:24px 0 0 0}}
@media (max-width:650px){.home-v4-hero{padding-top:136px}.home-v4-hero h1{font-size:clamp(42px,12vw,58px)}.home-v4-hero-copy>p{font-size:15px}.home-v4-hero-actions{flex-direction:column}.home-v4-hero-actions .btn{width:100%}.home-v4-proof{grid-template-columns:1fr 1fr}.home-v4-proof>div:last-child{grid-column:1/-1}.home-v4-micro-proof{display:grid;grid-template-columns:1fr;text-align:left;max-width:260px;margin:17px auto 0}.hero-float-card{display:none}.hero-browser-bar{font-size:6px}.browser-secure{display:none}.home-v4-section{padding:74px 0}.home-v4-heading{margin-bottom:36px}.home-v4-heading h2{font-size:34px}.product-theatre-shell{border-radius:22px}.theatre-tabs{grid-template-columns:1fr 1fr}.theatre-panel{grid-template-columns:1fr;padding:25px 20px}.theatre-copy h3{font-size:28px}.theatre-panel img{grid-row:1;margin-bottom:8px}.home-v4-bento{grid-template-columns:1fr}.v4-card-wide{grid-column:auto}.v4-card-image{grid-template-columns:1fr;padding-right:24px}.real-ui-shot{min-height:240px;margin:0 -24px -24px;border-left:0;border-top:1px solid #e5ebf3}.real-ui-shot img{width:150%}.integration-art{position:static;width:100%;max-height:230px;margin-top:18px}.proof-cards-v4,.industry-v4-grid{grid-template-columns:1fr}.integration-v4-grid{grid-template-columns:1fr}.home-v4-final-card{padding:32px 0 0 24px;border-radius:24px}.final-copy{padding-right:24px}.final-actions{flex-direction:column}.final-actions .btn{width:100%}.final-visual{min-height:220px}.module-marquee{animation-duration:27s}}


/* ==========================================================================\n   LITREVO HOMEPAGE V5 — IMMERSIVE COMMERCIAL EDITION\n   ========================================================================== */
.home-v5{--v5-navy:#06142f;--v5-navy2:#0a2149;--v5-blue:#106cff;--v5-cyan:#12d4bd;--v5-text:#0b2048;--v5-muted:#6d7f99;--v5-line:#dfe8f4;--v5-panel:#f6f9fd;overflow:hidden;background:#fff;color:var(--v5-text)}
body:has(.home-v5){background:#fff}.home-v5 .public-container{width:min(1480px,calc(100% - 48px))}.home-v5 .icon{width:1em;height:1em}
body:has(.home-v5) .public-announcement{position:relative;z-index:80;color:#dcecff;border-bottom:1px solid rgba(255,255,255,.07);background:#041126}body:has(.home-v5) .public-announcement-inner{min-height:38px}body:has(.home-v5) .announcement-pill{color:#051b3d;background:#4be6d0}
body:has(.home-v5) .site-header{position:sticky;top:0;z-index:70;border-bottom:1px solid rgba(183,203,229,.45);background:rgba(255,255,255,.72);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 14px 44px rgba(6,31,72,.05)}body:has(.home-v5) .nav-inner{min-height:82px}body:has(.home-v5) .public-brand img{width:154px}body:has(.home-v5) .public-nav>a,body:has(.home-v5) .public-nav-trigger{font-size:14px;color:#243a61}body:has(.home-v5) .public-mega-menu{border:1px solid rgba(213,225,241,.85);background:rgba(255,255,255,.91);backdrop-filter:blur(30px);box-shadow:0 30px 80px rgba(14,41,83,.14)}body:has(.home-v5) .nav-actions .btn-primary{box-shadow:0 10px 25px rgba(16,108,255,.2)}
.v5-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.v5-reveal.is-visible{opacity:1;transform:none}
.home-v5-hero{position:relative;min-height:760px;display:flex;align-items:center;padding:92px 0 86px;color:#fff;background:radial-gradient(circle at 72% 32%,rgba(24,122,255,.30),transparent 30%),radial-gradient(circle at 88% 70%,rgba(24,214,190,.20),transparent 28%),linear-gradient(135deg,#041127 0%,#071a3b 42%,#0b2d66 100%)}.v5-grid{position:absolute;inset:0;opacity:.21;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black 0%,transparent 88%)}.v5-ambient{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:v5Drift 11s ease-in-out infinite alternate}.v5-ambient-a{width:480px;height:480px;right:2%;top:4%;background:radial-gradient(circle,#176fff,transparent 70%)}.v5-ambient-b{width:380px;height:380px;left:38%;bottom:-12%;background:radial-gradient(circle,#12d4bd,transparent 70%);animation-delay:-4s}@keyframes v5Drift{to{transform:translate3d(40px,-30px,0) scale(1.08)}}
.v5-hero-layout{position:relative;z-index:3;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.v5-hero-copy{max-width:660px}.v5-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(128,186,255,.24);border-radius:999px;color:#b7d7ff;background:rgba(255,255,255,.055);backdrop-filter:blur(16px);font-size:11px;font-weight:800;letter-spacing:.12em}.v5-live-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#31e4c9;box-shadow:0 0 0 6px rgba(49,228,201,.12),0 0 24px rgba(49,228,201,.55);animation:v5Dot 1.8s ease-in-out infinite}@keyframes v5Dot{50%{transform:scale(.82);opacity:.75}}
.v5-hero-copy h1{margin:23px 0 20px;color:#fff;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(54px,5.3vw,82px);line-height:.98;letter-spacing:-.062em}.v5-hero-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#7eb4ff,#5cebd5 72%);-webkit-background-clip:text;background-clip:text}.v5-hero-copy>p{max-width:610px;color:#b9cbe2;font-size:18px;line-height:1.72}.v5-hero-actions{display:flex;gap:12px;margin-top:30px}.v5-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:1px solid transparent;border-radius:15px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.v5-btn .icon{width:18px;height:18px}.v5-btn:hover{transform:translateY(-2px)}.v5-btn-primary{color:#fff;background:linear-gradient(110deg,#0b62ef,#087af4 53%,#0ec6b3);box-shadow:0 18px 40px rgba(8,105,232,.26)}.v5-btn-primary:hover{color:#fff;box-shadow:0 24px 50px rgba(8,105,232,.34)}.v5-btn-glass{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);backdrop-filter:blur(18px)}.v5-btn-glass:hover{color:#fff;background:rgba(255,255,255,.12)}.v5-btn-light{color:#0b57da;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.12)}.v5-btn-outline{color:#0c2b5c;border-color:#cddcec;background:#fff}.v5-trust-row{display:flex;flex-wrap:wrap;gap:17px;margin-top:21px;color:#a9bfd9;font-size:11px}.v5-trust-row span{display:flex;align-items:center;gap:6px}.v5-trust-row .icon{color:#4fe0ca}.v5-hero-metrics{max-width:540px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.05);backdrop-filter:blur(20px)}.v5-hero-metrics>div{padding:16px 17px}.v5-hero-metrics strong{display:block;color:#fff;font-size:24px}.v5-hero-metrics span{display:block;margin-top:3px;color:#87a5c8;font-size:10px}
.v5-hero-stage{position:relative;min-height:600px;perspective:1500px;transform-style:preserve-3d}.v5-browser-3d{position:absolute;left:4%;right:0;top:62px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:26px;background:rgba(255,255,255,.13);box-shadow:0 55px 100px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.07) inset;transform:rotateY(-7deg) rotateX(3deg) translateZ(10px);transform-origin:center;transition:transform .25s ease;backdrop-filter:blur(14px)}.v5-browser-top{height:46px;display:flex;align-items:center;gap:16px;padding:0 16px;color:#b7c8dc;background:rgba(4,16,40,.82);font-size:8px}.v5-browser-top>span{display:flex;gap:6px}.v5-browser-top i{width:7px;height:7px;border-radius:50%;background:#fc6f76}.v5-browser-top i:nth-child(2){background:#ffd064}.v5-browser-top i:nth-child(3){background:#53d59c}.v5-browser-top b{min-width:0;flex:1;padding:7px 12px;border-radius:999px;color:#849cb9;background:rgba(255,255,255,.07);font-weight:600}.v5-browser-top em{display:flex;align-items:center;gap:5px;color:#51e4cd;font-style:normal}.v5-browser-media{position:relative;height:450px;overflow:hidden;background:#edf3fa}.v5-browser-media img{width:142%;max-width:none;transform:translateX(-5%);filter:saturate(1.04) contrast(1.02)}.v5-glass-reflection{position:absolute;inset:-20% 40% -20% -20%;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 45%);transform:skewX(-12deg)}.v5-orbit{position:absolute;border:1px solid rgba(95,196,255,.17);border-radius:50%;animation:v5Orbit 16s linear infinite}.orbit-one{width:530px;height:530px;right:-45px;top:10px}.orbit-two{width:410px;height:410px;right:15px;top:70px;animation-direction:reverse}.orbit-three{width:300px;height:300px;right:75px;top:125px;animation-duration:12s}@keyframes v5Orbit{to{transform:rotate(360deg)}}.v5-float{position:absolute;z-index:6;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid rgba(255,255,255,.26);border-radius:17px;color:#fff;background:rgba(8,28,63,.72);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 22px 50px rgba(0,0,0,.25);animation:v5Float 5s ease-in-out infinite}.v5-float>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1670ff,#13cfba)}.v5-float small,.v5-float strong,.v5-float em{display:block}.v5-float small{color:#70e7d2;font-size:7px;letter-spacing:.1em}.v5-float strong{margin-top:2px;font-size:12px}.v5-float em{margin-top:2px;color:#96acc6;font-size:8px;font-style:normal}.v5-float-campaign{left:-32px;top:160px}.v5-float-auto{right:-22px;top:116px;animation-delay:-1.6s}.v5-float-crm{right:4px;bottom:24px;animation-delay:-3.1s}@keyframes v5Float{50%{transform:translateY(-10px)}}.v5-status-chip{position:absolute;left:32%;bottom:3px;z-index:6;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#a9bfd9;background:rgba(6,21,48,.72);backdrop-filter:blur(16px);font-size:8px;font-weight:700}.v5-status-chip span{width:7px;height:7px;border-radius:50%;background:#2fe0c6;box-shadow:0 0 14px #2fe0c6}
.v5-module-rail{overflow:hidden;border-bottom:1px solid #dbe5f2;background:#fff}.v5-marquee-track{width:max-content;display:flex;gap:10px;padding:13px 0;animation:v5Marquee 31s linear infinite}.v5-marquee-track span{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e2eaf4;border-radius:999px;color:#536b8d;background:#f8fafc;font-size:10px;font-weight:800}.v5-marquee-track .icon{color:#0d70f7}@keyframes v5Marquee{to{transform:translateX(-50%)}}
.v5-section{padding:104px 0}.v5-heading{max-width:850px;margin:0 auto 52px;text-align:center}.v5-heading>span,.v5-integrations-copy>span,.v5-automation-copy>span,.v5-command-copy>span,.v5-theatre-copy>span{color:#0d67ef;font-size:11px;font-weight:900;letter-spacing:.12em}.v5-heading h2,.v5-integrations-copy h2,.v5-command-copy h2,.v5-automation-copy h2{margin-top:10px;color:#0b2048;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(40px,4vw,60px);line-height:1.02;letter-spacing:-.05em}.v5-heading p,.v5-integrations-copy p,.v5-command-copy p{margin-top:14px;color:#71829b;font-size:15px;line-height:1.7}
.v5-product-universe{background:linear-gradient(180deg,#fff,#f5f9ff)}.v5-universe{position:relative;height:600px;overflow:hidden;border:1px solid #dfe8f4;border-radius:34px;background:radial-gradient(circle at 50% 50%,#eef6ff 0,#f8fbff 36%,#fff 72%);box-shadow:0 30px 80px rgba(18,56,111,.08)}.v5-universe::before{content:"";position:absolute;inset:32px;border:1px dashed #d8e6f5;border-radius:28px}.v5-universe-center{position:absolute;left:50%;top:50%;z-index:3;width:205px;height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%;background:linear-gradient(145deg,#071a3e,#0a3978);box-shadow:0 30px 70px rgba(8,48,102,.26),0 0 0 16px rgba(16,108,255,.05)}.v5-core-logo{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,#0c72ff,#14d1bc);font-size:28px;font-weight:900;box-shadow:0 18px 36px rgba(12,114,255,.26)}.v5-universe-center strong{margin-top:12px;color:#fff;font-size:18px}.v5-universe-center>span{margin-top:3px;color:#83a5cc;font-size:10px}.v5-core-ring{position:absolute;border:1px solid rgba(16,109,255,.12);border-radius:50%;animation:v5Ring 8s linear infinite}.ring-a{inset:-35px}.ring-b{inset:-70px;animation-direction:reverse;animation-duration:13s}@keyframes v5Ring{to{transform:rotate(360deg)}}.v5-universe-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.v5-universe-lines path{fill:none;stroke:#bbd1ea;stroke-width:2;stroke-dasharray:7 8}.v5-orbit-card{position:absolute;z-index:4;width:230px;min-height:128px;padding:20px;border:1px solid rgba(215,228,244,.9);border-radius:23px;background:rgba(255,255,255,.78);backdrop-filter:blur(20px);box-shadow:0 22px 55px rgba(15,56,109,.1);transform-style:preserve-3d}.v5-orbit-card i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#0e6ff5;background:#eaf3ff;font-style:normal;transform:translateZ(18px)}.v5-orbit-card b{display:block;margin-top:11px;font-size:16px;transform:translateZ(16px)}.v5-orbit-card small{display:block;margin-top:5px;color:#70829c;font-size:10px;line-height:1.5;transform:translateZ(12px)}.orbit-card-1{left:6%;top:55px}.orbit-card-2{right:6%;top:55px}.orbit-card-3{left:6%;bottom:50px}.orbit-card-4{right:6%;bottom:50px}.orbit-card-2 i{color:#087f6b;background:#e4fbf5}.orbit-card-3 i{color:#7548d3;background:#f0eaff}.orbit-card-4 i{color:#aa6812;background:#fff0dc}
.v5-theatre-section{background:#fff}.v5-theatre{display:grid;grid-template-columns:330px 1fr;overflow:hidden;border:1px solid #dde7f3;border-radius:30px;background:#f8fbff;box-shadow:0 32px 80px rgba(15,57,112,.09)}.v5-theatre-nav{padding:14px;border-right:1px solid #dfe7f2;background:rgba(244,248,253,.94)}.v5-theatre-nav button{width:100%;display:grid;grid-template-columns:48px 1fr 30px;gap:12px;align-items:center;padding:15px;border:0;border-radius:17px;text-align:left;color:#536985;background:transparent;cursor:pointer;transition:.22s ease}.v5-theatre-nav button:hover{background:#fff}.v5-theatre-nav button.active{color:#fff;background:linear-gradient(120deg,#071b42,#0d57a8);box-shadow:0 15px 30px rgba(10,59,124,.18)}.v5-theatre-nav button>i{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#0e6ef7;background:#eaf3ff;font-style:normal}.v5-theatre-nav button.active>i{color:#09204b;background:#54e4cf}.v5-theatre-nav b,.v5-theatre-nav small{display:block}.v5-theatre-nav b{font-size:13px}.v5-theatre-nav small{margin-top:3px;color:#8092aa;font-size:9px}.v5-theatre-nav button.active small{color:#9db9da}.v5-theatre-nav em{color:#9baabd;font-size:10px;font-style:normal;font-weight:800}.v5-theatre-nav button.active em{color:#5ee8d2}.v5-theatre-stage{position:relative;min-height:565px;background:radial-gradient(circle at 80% 30%,rgba(13,111,244,.08),transparent 35%),#fff}.v5-theatre-panel{position:absolute;inset:0;display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center;padding:42px 28px 42px 46px;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}.v5-theatre-panel.active{opacity:1;pointer-events:auto;transform:none}.v5-theatre-copy h3{margin-top:9px;font-size:clamp(31px,3vw,44px);line-height:1.04;letter-spacing:-.045em}.v5-theatre-copy p{margin-top:13px;color:#6f8199;font-size:13px;line-height:1.7}.v5-theatre-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0 22px;padding:0;list-style:none}.v5-theatre-copy li{position:relative;padding-left:17px;color:#49617f;font-size:10px}.v5-theatre-copy li::before{content:"";position:absolute;left:0;top:5px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#0d70ff,#16d3bd)}.v5-theatre-copy a,.v5-inline-link{display:inline-flex;align-items:center;gap:7px;color:#0d67ef;font-size:11px;font-weight:900;text-decoration:none}.v5-theatre-art{position:relative}.v5-theatre-art::before{content:"";position:absolute;inset:15% 10%;border-radius:50%;background:#0f73ff;filter:blur(55px);opacity:.12}.v5-theatre-art img{position:relative;width:100%;max-height:455px;object-fit:contain;filter:drop-shadow(0 30px 45px rgba(12,43,89,.12))}
.v5-command-section{background:linear-gradient(180deg,#f6f9fe,#fff)}.v5-command-shell{display:grid;grid-template-columns:.7fr 1.3fr;overflow:hidden;border:1px solid #dce7f4;border-radius:32px;background:rgba(255,255,255,.88);box-shadow:0 35px 90px rgba(17,59,111,.1);transform-style:preserve-3d}.v5-command-copy{padding:54px 42px}.v5-command-copy h2{font-size:clamp(36px,3.4vw,50px)}.v5-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.v5-chip-row i{padding:7px 11px;border:1px solid #e1e9f3;border-radius:999px;color:#547092;background:#f4f8fd;font-size:9px;font-style:normal;font-weight:700}.v5-command-media{position:relative;overflow:hidden;min-height:480px;border-left:1px solid #dce7f4;background:#eaf1f9}.v5-command-media img{position:absolute;left:0;top:12%;width:132%;max-width:none;box-shadow:-20px 30px 60px rgba(13,48,93,.09)}.v5-command-glass{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.75);backdrop-filter:blur(18px);box-shadow:0 20px 40px rgba(26,63,111,.13)}.v5-command-glass>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0d6eff,#12ccb7)}.v5-command-glass small,.v5-command-glass strong{display:block}.v5-command-glass small{color:#71829a;font-size:8px}.v5-command-glass strong{margin-top:2px;font-size:10px}.v5-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.v5-bento{position:relative;overflow:hidden;min-height:320px;padding:28px;border:1px solid #dfe8f3;border-radius:25px;background:#fff;box-shadow:0 20px 50px rgba(14,48,93,.06);transition:transform .2s ease,box-shadow .2s ease}.v5-bento::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(20,111,255,.10),transparent 45%);opacity:0;transition:opacity .2s}.v5-bento:hover::before{opacity:1}.v5-bento:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(14,48,93,.1)}.v5-bento-blue{background:linear-gradient(145deg,#fff,#f0f6ff)}.v5-bento-teal{background:linear-gradient(145deg,#fff,#effcf9)}.v5-bento-purple{background:linear-gradient(145deg,#fff,#f6f1ff)}.v5-bento-wide{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;min-height:360px}.v5-bento-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#0d6ff6;background:rgba(16,111,246,.1)}.v5-bento>span,.v5-bento-copy>span{display:block;margin-top:18px;color:#0c65e7;font-size:10px;font-weight:900;letter-spacing:.11em}.v5-bento h3{margin-top:8px;font-size:25px;letter-spacing:-.035em}.v5-bento p{margin-top:8px;color:#71829b;font-size:12px;line-height:1.65}.v5-bars{display:grid;grid-template-columns:1fr auto;gap:8px 9px;align-items:center;margin-top:27px}.v5-bars i{height:9px;border-radius:999px;background:#e3ebf5}.v5-bars u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d70ff,#12cdb7);text-decoration:none}.v5-bars b{color:#5a7090;font-size:9px}.v5-mini-chat{display:grid;gap:5px;margin-top:26px;padding:16px;border-radius:18px;color:#fff;background:#071a3e}.v5-mini-chat small{color:#80a0c7;font-size:8px}.v5-mini-chat strong{font-size:16px}.v5-mini-chat em{display:flex;align-items:center;gap:6px;margin-top:4px;color:#55e3ce;font-size:9px;font-style:normal}.v5-avatars{display:flex;margin-top:31px}.v5-avatars i{width:44px;height:44px;display:grid;place-items:center;margin-left:-8px;border:3px solid #fff;border-radius:50%;color:#0b63df;background:#e7f1ff;font-size:9px;font-style:normal;font-weight:900}.v5-avatars i:first-child{margin-left:0}.v5-avatars i:nth-child(2){color:#0a8d74;background:#e0faf3}.v5-avatars i:nth-child(3){color:#7846ce;background:#efe8ff}.v5-avatars i:nth-child(4){color:#fff;background:#071a3e}.v5-chart{position:relative;min-height:280px;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#f8fbff,#edf4fc)}.v5-chart-grid{position:absolute;inset:0;background-image:linear-gradient(#dfe8f3 1px,transparent 1px),linear-gradient(90deg,#dfe8f3 1px,transparent 1px);background-size:50px 50px;opacity:.55}.v5-chart svg{position:relative;width:100%;margin-top:33px}.v5-chart-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 18px 18px}.v5-chart-metrics span{padding:12px;border:1px solid #e0e9f4;border-radius:14px;color:#6b7d95;background:rgba(255,255,255,.78);font-size:8px}.v5-chart-metrics b{display:block;color:#10254a;font-size:17px}
.v5-automation{position:relative;overflow:hidden;padding:112px 0;color:#fff;background:radial-gradient(circle at 80% 40%,rgba(22,209,185,.15),transparent 28%),linear-gradient(120deg,#031126,#071b3d 55%,#0b3e70)}.v5-automation::before{content:"";position:absolute;width:740px;height:740px;right:-250px;top:-300px;border:1px solid rgba(75,228,207,.15);border-radius:50%;box-shadow:0 0 0 100px rgba(75,228,207,.025),0 0 0 200px rgba(75,228,207,.015)}.v5-automation-noise{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(#fff .7px,transparent .7px);background-size:15px 15px;mask-image:linear-gradient(to right,transparent,#000 55%,#000)}.v5-automation-grid{position:relative;z-index:2;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.v5-automation-copy>span{color:#5ce5d0}.v5-automation-copy h2{color:#fff}.v5-automation-copy p{margin-top:15px;color:#b5c8df;font-size:14px;line-height:1.75}.v5-check-list{display:grid;gap:10px;margin:25px 0 29px}.v5-check-list i{display:flex;align-items:center;gap:8px;color:#d0dbea;font-size:11px;font-style:normal}.v5-check-list .icon{color:#55e5cf}.v5-automation-art{position:relative;transform-style:preserve-3d}.v5-automation-art img{width:100%;border-radius:29px;box-shadow:0 40px 90px rgba(0,0,0,.28);transform:translateZ(20px)}.v5-automation-live{position:absolute;right:26px;top:25px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:rgba(5,29,53,.72);backdrop-filter:blur(15px);font-size:8px;font-weight:800}.v5-automation-live span{width:7px;height:7px;border-radius:50%;background:#2fe3c7;box-shadow:0 0 14px #2fe3c7}
.v5-integrations{background:#fff}.v5-integrations-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.v5-integrations-art{position:relative;transform-style:preserve-3d}.v5-integrations-art::before{content:"";position:absolute;inset:16%;border-radius:50%;background:#0e71ff;filter:blur(70px);opacity:.13}.v5-integrations-art img{position:relative;width:100%;filter:drop-shadow(0 35px 55px rgba(11,45,92,.16));transform:translateZ(20px)}.v5-integrations-copy h2{font-size:clamp(42px,4.4vw,62px)}.v5-integration-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.v5-integration-pills i{display:flex;align-items:center;gap:8px;padding:13px 14px;border:1px solid #dfe8f3;border-radius:15px;color:#496483;background:#f8fbff;font-size:10px;font-style:normal;font-weight:800}.v5-integration-pills .icon{color:#0d6ef5}
.v5-industries{background:linear-gradient(180deg,#f4f8fe,#edf4fc)}.v5-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v5-industry-card{position:relative;overflow:hidden;min-height:390px;padding:27px;border:1px solid rgba(255,255,255,.8);border-radius:27px;color:#fff;box-shadow:0 25px 55px rgba(19,53,96,.11);transform-style:preserve-3d}.v5-industry-card::after{content:"";position:absolute;width:220px;height:220px;right:-75px;top:-85px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.03),0 0 0 80px rgba(255,255,255,.025)}.v5-industry-blue{background:linear-gradient(145deg,#0b62e7,#0d8fe8)}.v5-industry-teal{background:linear-gradient(145deg,#087b71,#10bfa6)}.v5-industry-purple{background:linear-gradient(145deg,#4b2c8e,#7551d6)}.v5-industry-amber{background:linear-gradient(145deg,#a8540a,#d18923)}.v5-industry-top{display:flex;align-items:center;justify-content:space-between}.v5-industry-top i{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.11);font-style:normal;backdrop-filter:blur(12px);transform:translateZ(20px)}.v5-industry-top span{font-size:9px;font-weight:900;letter-spacing:.12em}.v5-industry-card h3{position:relative;z-index:2;margin-top:58px;color:#fff;font-size:25px;letter-spacing:-.035em;transform:translateZ(14px)}.v5-industry-card p{position:relative;z-index:2;margin-top:10px;color:rgba(255,255,255,.77);font-size:12px;line-height:1.7;transform:translateZ(12px)}.v5-industry-depth{position:absolute;left:27px;right:27px;bottom:24px;z-index:2;display:flex;flex-wrap:wrap;gap:6px}.v5-industry-depth b{padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:rgba(255,255,255,.09);font-size:8px;backdrop-filter:blur(12px)}
.v5-pricing{background:#fff}.v5-price-toggle{width:max-content;display:flex;gap:4px;margin:0 auto 30px;padding:4px;border:1px solid #dce7f3;border-radius:999px;background:#f5f8fc}.v5-price-toggle button{padding:9px 15px;border:0;border-radius:999px;color:#667b97;background:transparent;font-size:10px;font-weight:800;cursor:pointer}.v5-price-toggle button.active{color:#fff;background:#0b61df;box-shadow:0 8px 20px rgba(11,97,223,.18)}.v5-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.v5-price-card{position:relative;overflow:hidden;padding:34px;border:1px solid #dce6f2;border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(16,52,97,.07)}.v5-price-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(17,111,255,.10),transparent 46%);opacity:0;transition:.2s}.v5-price-card:hover::before{opacity:1}.v5-price-card>span{color:#0c64e7;font-size:10px;font-weight:900;letter-spacing:.12em}.v5-price-card h3{margin-top:10px;font-size:28px}.v5-price-card>p{min-height:45px;margin-top:7px;color:#74849b;font-size:11px;line-height:1.55}.v5-price{display:flex;align-items:flex-end;gap:7px;margin:22px 0}.v5-price b{font-size:38px;letter-spacing:-.04em}.v5-price small{padding-bottom:7px;color:#7a8aa1;font-size:10px}.v5-price-card>.v5-btn{width:100%}.v5-price-card ul{display:grid;gap:10px;margin:26px 0 0;padding:0;list-style:none}.v5-price-card li{display:flex;align-items:center;gap:7px;color:#526986;font-size:10px}.v5-price-card li .icon{color:#0eb395}.v5-price-featured{color:#fff;border-color:#0a438c;background:radial-gradient(circle at 90% 10%,rgba(21,212,188,.19),transparent 30%),linear-gradient(145deg,#051731,#0a397c);box-shadow:0 35px 80px rgba(6,52,115,.2)}.v5-price-featured>span,.v5-price-featured h3,.v5-price-featured .v5-price b{color:#fff}.v5-price-featured>p,.v5-price-featured .v5-price small,.v5-price-featured li{color:#b7c9df}.v5-popular{position:absolute;right:25px;top:26px;padding:7px 10px;border-radius:999px;color:#052649!important;background:#58e5cf;font-size:8px!important;font-weight:900}.v5-enterprise{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:25px 28px;border:1px solid #dce6f2;border-radius:22px;background:linear-gradient(90deg,#f7faff,#eef7ff)}.v5-enterprise span,.v5-enterprise strong,.v5-enterprise small{display:block}.v5-enterprise span{color:#0d66e8;font-size:9px;font-weight:900;letter-spacing:.12em}.v5-enterprise strong{margin-top:4px;font-size:16px}.v5-enterprise small{margin-top:4px;color:#75859b;font-size:10px}
.v5-faq{background:linear-gradient(180deg,#f7faff,#fff)}.v5-faq-list{max-width:960px;display:grid;gap:10px;margin:0 auto}.v5-faq-item{overflow:hidden;border:1px solid #dfe7f2;border-radius:18px;background:#fff}.v5-faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border:0;color:#12294f;background:transparent;text-align:left;font-size:13px;font-weight:800;cursor:pointer}.v5-faq-item button .icon{transition:transform .2s}.v5-faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.v5-faq-item>div>p{overflow:hidden;margin:0;padding:0 20px;color:#71829a;font-size:11px;line-height:1.7;transition:padding .28s}.v5-faq-item.open>div{grid-template-rows:1fr}.v5-faq-item.open>div>p{padding-bottom:18px}.v5-faq-item.open button .icon{transform:rotate(180deg)}
.v5-final{padding:92px 0;background:#fff}.v5-final-card{position:relative;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;min-height:560px;padding-left:58px;border-radius:36px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(20,210,187,.18),transparent 28%),linear-gradient(120deg,#04132d,#073374 64%,#0b8b91);box-shadow:0 40px 100px rgba(6,47,105,.24)}.v5-final-card::before{content:"";position:absolute;width:600px;height:600px;right:-210px;top:-250px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}.v5-final-copy{position:relative;z-index:2;max-width:560px}.v5-final-copy h2{margin-top:18px;color:#fff;font-size:clamp(45px,4.6vw,66px);line-height:1.03;letter-spacing:-.055em}.v5-final-copy p{margin-top:14px;color:#bed0e4;font-size:15px;line-height:1.65}.v5-final-copy>div{display:flex;gap:10px;margin-top:26px}.v5-final-media{position:relative;z-index:2;align-self:stretch;display:flex;align-items:center;padding:35px 0 35px 20px}.v5-final-media img{width:112%;max-width:none;border-radius:28px 0 0 28px;filter:drop-shadow(-25px 35px 60px rgba(0,0,0,.18))}
@media (hover:hover) and (pointer:fine){[data-v5-tilt]{transition:transform .16s ease;will-change:transform}.v5-orbit-card:hover,.v5-industry-card:hover{box-shadow:0 36px 80px rgba(12,48,96,.15)}}
@media (prefers-reduced-motion:reduce){.v5-ambient,.v5-orbit,.v5-float,.v5-marquee-track,.v5-live-dot{animation:none!important}.v5-reveal{opacity:1;transform:none;transition:none!important}[data-v5-tilt]{transform:none!important}}
@media (max-width:1180px){.v5-hero-layout{grid-template-columns:1fr 1fr;gap:35px}.v5-hero-stage{min-height:540px}.v5-browser-media{height:400px}.v5-float-campaign{left:-6px}.v5-theatre{grid-template-columns:270px 1fr}.v5-theatre-panel{grid-template-columns:.85fr 1.15fr;padding-left:30px}.v5-universe{height:560px}.v5-orbit-card{width:210px}.v5-industry-grid{grid-template-columns:repeat(2,1fr)}.v5-bento-grid{grid-template-columns:repeat(2,1fr)}.v5-bento-wide{grid-column:1/-1}.v5-price-grid{gap:12px}}
@media (max-width:900px){.home-v5-hero{padding:72px 0}.v5-hero-layout{grid-template-columns:1fr}.v5-hero-copy{max-width:800px;margin:0 auto;text-align:center}.v5-hero-copy>p{margin-left:auto;margin-right:auto}.v5-hero-actions,.v5-trust-row{justify-content:center}.v5-hero-metrics{margin-left:auto;margin-right:auto}.v5-hero-stage{max-width:780px;width:100%;margin:0 auto}.v5-theatre{grid-template-columns:1fr}.v5-theatre-nav{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid #dfe7f2}.v5-theatre-nav button{grid-template-columns:38px 1fr;padding:10px}.v5-theatre-nav button>em{display:none}.v5-theatre-stage{min-height:540px}.v5-command-shell,.v5-integrations-grid,.v5-automation-grid{grid-template-columns:1fr}.v5-command-media{min-height:430px;border-left:0;border-top:1px solid #dce7f4}.v5-integrations-art{max-width:760px;margin:0 auto}.v5-price-grid{grid-template-columns:1fr}.v5-price-card{max-width:650px;width:100%;margin:0 auto}.v5-final-card{grid-template-columns:1fr;padding:48px 0 0 42px}.v5-final-copy{padding-right:42px}.v5-final-media{min-height:360px;padding-top:20px}.v5-universe{height:760px}.v5-universe-lines{display:none}.v5-universe-center{top:50%}.orbit-card-1{left:5%;top:50px}.orbit-card-2{right:5%;top:50px}.orbit-card-3{left:5%;bottom:50px}.orbit-card-4{right:5%;bottom:50px}}
@media (max-width:650px){.home-v5 .public-container{width:min(100% - 28px,1480px)}.home-v5-hero{min-height:0;padding:58px 0 54px}.v5-hero-copy h1{font-size:clamp(44px,13vw,61px)}.v5-hero-copy>p{font-size:15px}.v5-hero-actions{flex-direction:column}.v5-btn{width:100%}.v5-trust-row{display:grid;grid-template-columns:1fr;text-align:left;max-width:290px;margin-left:auto;margin-right:auto}.v5-hero-metrics{grid-template-columns:1fr 1fr}.v5-hero-metrics>div:last-child{grid-column:1/-1}.v5-hero-stage{min-height:360px;margin-top:18px}.v5-browser-3d{left:0;top:45px;transform:none!important}.v5-browser-top{height:38px}.v5-browser-media{height:270px}.v5-float{display:none}.v5-orbit{display:none}.v5-status-chip{left:50%;bottom:2px;transform:translateX(-50%);white-space:nowrap}.v5-section{padding:76px 0}.v5-heading{margin-bottom:34px}.v5-heading h2,.v5-integrations-copy h2,.v5-command-copy h2,.v5-automation-copy h2{font-size:36px}.v5-universe{height:auto;display:grid;gap:10px;padding:18px}.v5-universe::before,.v5-universe-center,.v5-universe-lines{display:none}.v5-orbit-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;min-height:110px}.v5-theatre-nav{grid-template-columns:1fr 1fr}.v5-theatre-stage{min-height:730px}.v5-theatre-panel{grid-template-columns:1fr;padding:25px 18px}.v5-theatre-art{grid-row:1}.v5-theatre-copy h3{font-size:29px}.v5-theatre-copy ul{grid-template-columns:1fr}.v5-command-copy{padding:32px 24px}.v5-command-media{min-height:300px}.v5-command-media img{top:8%;width:155%}.v5-command-glass{display:none}.v5-bento-grid{grid-template-columns:1fr}.v5-bento-wide{grid-column:auto;grid-template-columns:1fr}.v5-chart{min-height:240px}.v5-automation{padding:78px 0}.v5-integrations-grid{gap:30px}.v5-integration-pills{grid-template-columns:1fr}.v5-industry-grid{grid-template-columns:1fr}.v5-industry-card{min-height:340px}.v5-enterprise{align-items:flex-start;flex-direction:column}.v5-enterprise .v5-btn{width:auto}.v5-final{padding:65px 0}.v5-final-card{min-height:0;padding:34px 0 0 24px;border-radius:28px}.v5-final-copy{padding-right:24px}.v5-final-copy h2{font-size:43px}.v5-final-copy>div{flex-direction:column}.v5-final-media{min-height:250px;padding-left:8px}.v5-final-media img{width:126%}.v5-marquee-track{animation-duration:26s}}
/* ==========================================================================
   LITREVO HOMEPAGE V6 — CUSTOMER OPERATING SYSTEM
   ========================================================================== */

.home-v6 {
  --v6-ink: #07142b;
  --v6-navy: #030b1d;
  --v6-navy-2: #071a3b;
  --v6-blue: #176cff;
  --v6-blue-2: #4d8dff;
  --v6-cyan: #22dfc3;
  --v6-violet: #8d73ff;
  --v6-coral: #ff8067;
  --v6-muted: #67758e;
  --v6-line: #dce5f1;
  --v6-panel: #f5f8fc;
  overflow: clip;
  color: var(--v6-ink);
  background: #fff;
  font-family: "DM Sans", sans-serif;
}

.home-v6 *,
.home-v6 *::before,
.home-v6 *::after { box-sizing: border-box; }
.home-v6 .public-container { width: min(1480px, calc(100% - 56px)); }
.home-v6 .icon { width: 1em; height: 1em; }
.home-v6 h1,
.home-v6 h2,
.home-v6 h3 { font-family: "Manrope", sans-serif; }
.home-v6 a:focus-visible,
.home-v6 button:focus-visible { outline: 3px solid rgba(34, 223, 195, .55); outline-offset: 4px; }

body:has(.home-v6) { background: #fff; }
body:has(.home-v6) .public-announcement { position: relative; z-index: 90; color: #cfe0fa; border-bottom: 1px solid rgba(255,255,255,.08); background: #020918; }
body:has(.home-v6) .public-announcement-inner { min-height: 38px; }
body:has(.home-v6) .announcement-pill { color: #03172c; background: linear-gradient(135deg, #6bffe2, #68baff); }
body:has(.home-v6) .site-header { position: sticky; top: 0; z-index: 80; border-bottom: 1px solid rgba(211,224,242,.72); background: rgba(255,255,255,.78); backdrop-filter: blur(26px) saturate(165%); box-shadow: 0 16px 50px rgba(7,26,60,.06); }
body:has(.home-v6) .site-header.scrolled { background: rgba(255,255,255,.92); }
body:has(.home-v6) .nav-inner { min-height: 80px; }
body:has(.home-v6) .public-brand img { width: 158px; }
body:has(.home-v6) .public-nav > a,
body:has(.home-v6) .public-nav-trigger { color: #213653; font-size: 14px; font-weight: 700; }
body:has(.home-v6) .public-mega-menu { border: 1px solid rgba(209,223,241,.88); background: rgba(255,255,255,.94); backdrop-filter: blur(30px); box-shadow: 0 30px 80px rgba(14,41,83,.16); }
body:has(.home-v6) .nav-actions .btn-primary { box-shadow: 0 12px 28px rgba(23,108,255,.24); }

/* Shared typography and controls */
.v6-section { position: relative; padding: 120px 0; }
.v6-heading { max-width: 850px; margin: 0 auto 58px; text-align: center; }
.v6-heading > span,
.v6-workspace-copy > span,
.v6-automation-copy > span,
.v6-integrations-copy > span,
.v6-trust-copy > span,
.v6-faq-intro > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  color: var(--v6-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
}
.v6-heading > span::before,
.v6-workspace-copy > span::before,
.v6-automation-copy > span::before,
.v6-integrations-copy > span::before,
.v6-trust-copy > span::before,
.v6-faq-intro > span::before { content: ""; width: 22px; height: 2px; border-radius: 9px; background: currentColor; }
.v6-heading h2,
.v6-workspace-copy h2,
.v6-automation-copy h2,
.v6-integrations-copy h2,
.v6-trust-copy h2,
.v6-faq-intro h2 {
  margin: 0;
  color: var(--v6-ink);
  font-size: clamp(42px, 4.8vw, 70px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.055em;
}
.v6-heading h2 em { color: var(--v6-blue); font-style: normal; }
.v6-heading > p { max-width: 690px; margin: 22px auto 0; color: var(--v6-muted); font-size: 17px; line-height: 1.7; }
.v6-heading-light > span { color: #60e9d4; }
.v6-heading-light h2 { color: #fff; }
.v6-heading-light h2 em { color: #75ddff; }
.v6-heading-light > p { color: #aebed8; }
.v6-heading-split { max-width: none; display: grid; grid-template-columns: 1fr .62fr; align-items: end; gap: 80px; text-align: left; }
.v6-heading-split > div > span { display: block; margin-bottom: 16px; color: var(--v6-blue); font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.v6-heading-split h2 { font-size: clamp(43px, 4.5vw, 68px); }
.v6-heading-split > p { margin: 0 0 6px; }

.v6-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.v6-btn:hover { transform: translateY(-3px); }
.v6-btn-primary { color: #fff; background: linear-gradient(135deg, #176cff, #4a7cff 62%, #746aff); box-shadow: 0 18px 46px rgba(23,108,255,.34), inset 0 1px 0 rgba(255,255,255,.25); }
.v6-btn-primary:hover { color: #fff; box-shadow: 0 22px 56px rgba(23,108,255,.44); }
.v6-btn-ghost { color: #e8f1ff; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.075); backdrop-filter: blur(12px); }
.v6-btn-ghost:hover { color: #fff; border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.12); }
.v6-btn-light { color: #08265a; background: #fff; box-shadow: 0 15px 42px rgba(0,0,0,.18); }
.v6-btn-light:hover { color: #0c59dc; }
.v6-btn-outline { color: #12305b; border-color: #ccd9ea; background: rgba(255,255,255,.75); }
.v6-btn-outline:hover { color: var(--v6-blue); border-color: #91b5ed; background: #fff; box-shadow: 0 14px 34px rgba(23,65,125,.12); }
.v6-btn-dark { color: #fff; background: #071a3b; box-shadow: 0 16px 36px rgba(7,26,59,.2); }
.v6-btn-dark:hover { color: #fff; background: #0d2d64; }
.v6-btn .icon { font-size: 17px; }
.v6-inline-link { display: inline-flex; align-items: center; gap: 9px; color: var(--v6-blue); font-size: 14px; font-weight: 900; text-decoration: none; }
.v6-inline-link .icon { transition: transform .2s ease; }
.v6-inline-link:hover .icon { transform: translateX(4px); }

.v6-reveal { opacity: 0; transform: translateY(34px) scale(.985); transition: opacity .75s ease, transform .8s cubic-bezier(.2,.75,.2,1); }
.v6-reveal.is-visible { opacity: 1; transform: none; }

/* Hero */
.v6-hero {
  min-height: 850px;
  position: relative;
  display: flex;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  padding: 92px 0 105px;
  color: #fff;
  background:
    radial-gradient(circle at 76% 42%, rgba(25,114,255,.24), transparent 31%),
    radial-gradient(circle at 46% 90%, rgba(34,223,195,.11), transparent 30%),
    linear-gradient(125deg, #020918 0%, #041027 38%, #071f48 72%, #092b5e 100%);
}
.v6-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(2,9,24,.92) 0%, rgba(2,9,24,.55) 45%, rgba(2,9,24,.05) 77%); }
.v6-hero-grid { position: absolute; inset: 0; z-index: -2; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
.v6-aurora { position: absolute; z-index: -1; border-radius: 999px; filter: blur(45px); opacity: .58; animation: v6Aurora 13s ease-in-out infinite alternate; }
.v6-aurora-one { width: 470px; height: 470px; right: 5%; top: 12%; background: radial-gradient(circle, rgba(37,109,255,.75), transparent 68%); }
.v6-aurora-two { width: 360px; height: 360px; right: 32%; bottom: -15%; background: radial-gradient(circle, rgba(34,223,195,.38), transparent 68%); animation-delay: -5s; }
@keyframes v6Aurora { to { transform: translate3d(35px,-28px,0) scale(1.09); } }
.v6-hero-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 34px; }
.v6-hero-copy { position: relative; z-index: 6; max-width: 690px; }
.v6-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 7px 8px 7px 10px; border: 1px solid rgba(130,179,255,.2); border-radius: 999px; color: #b9d6ff; background: rgba(34,85,157,.18); backdrop-filter: blur(10px); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.v6-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: #34e4bd; box-shadow: 0 0 0 5px rgba(52,228,189,.12), 0 0 20px #34e4bd; animation: v6Pulse 2.2s ease-in-out infinite; }
.v6-eyebrow b { padding: 4px 7px; border-radius: 999px; color: #061931; background: linear-gradient(135deg,#67ffe0,#72bcff); font-size: 9px; }
@keyframes v6Pulse { 50% { box-shadow: 0 0 0 9px rgba(52,228,189,0), 0 0 26px #34e4bd; } }
.v6-hero h1 { max-width: 760px; margin: 24px 0 0; color: #fff; font-size: clamp(55px, 5.35vw, 80px); font-weight: 800; line-height: .98; letter-spacing: -.06em; }
.v6-hero h1 em { display: block; color: transparent; background: linear-gradient(90deg,#bcd7ff 0%,#79dfff 45%,#65f2d6 100%); -webkit-background-clip: text; background-clip: text; font-style: normal; }
.v6-hero-copy > p { max-width: 620px; margin: 25px 0 0; color: #b2c2d9; font-size: 18px; line-height: 1.68; }
.v6-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.v6-trust-row { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; color: #b6c7dc; font-size: 12px; font-weight: 700; }
.v6-trust-row span { display: inline-flex; align-items: center; gap: 7px; }
.v6-trust-row .icon { color: #45dfc3; font-size: 15px; }
.v6-hero-proof { max-width: 650px; display: grid; grid-template-columns: repeat(3,1fr); margin-top: 37px; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.v6-hero-proof > div { min-height: 89px; display: flex; align-items: center; gap: 12px; padding: 12px 17px; border-right: 1px solid rgba(255,255,255,.12); }
.v6-hero-proof > div:first-child { padding-left: 0; }
.v6-hero-proof > div:last-child { border-right: 0; }
.v6-hero-proof strong { color: #fff; font: 800 21px/1 "Manrope", sans-serif; letter-spacing: -.04em; }
.v6-hero-proof span { display: grid; gap: 3px; }
.v6-hero-proof b { color: #dfeaff; font-size: 11px; }
.v6-hero-proof small { color: #7187a7; font-size: 10px; }

.v6-hero-stage { min-height: 680px; position: relative; z-index: 2; transform-style: preserve-3d; transition: transform .35s ease; }
.v6-hero-halo { position: absolute; inset: 6% -12% 1% -4%; border-radius: 50%; background: radial-gradient(ellipse at center,rgba(24,117,255,.34),rgba(24,117,255,.06) 48%,transparent 70%); filter: blur(10px); }
.v6-ecosystem-art { width: 120%; max-width: none; height: 100%; position: absolute; left: -3%; top: 0; object-fit: cover; object-position: center; border-radius: 48px; opacity: .9; mix-blend-mode: screen; filter: saturate(1.12) contrast(1.04) drop-shadow(0 45px 65px rgba(0,0,0,.28)); mask-image: radial-gradient(ellipse 68% 68% at 52% 48%,#000 54%,rgba(0,0,0,.8) 70%,transparent 98%); -webkit-mask-image: radial-gradient(ellipse 68% 68% at 52% 48%,#000 54%,rgba(0,0,0,.8) 70%,transparent 98%); }
.v6-float-card { min-width: 220px; position: absolute; z-index: 5; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(160,203,255,.22); border-radius: 17px; color: #fff; background: linear-gradient(140deg,rgba(11,30,65,.84),rgba(19,60,111,.64)); backdrop-filter: blur(20px) saturate(150%); box-shadow: 0 20px 50px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.15); animation: v6Float 5s ease-in-out infinite; }
.v6-float-icon { width: 41px; height: 41px; flex: 0 0 41px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#186fff,#715cff); box-shadow: 0 10px 24px rgba(23,108,255,.35); }
.v6-float-card > div { display: grid; gap: 2px; }
.v6-float-card small { color: #78a6e4; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.v6-float-card strong { font-size: 12px; }
.v6-float-card em { color: #9eb0ca; font-size: 9px; font-style: normal; }
.v6-float-card em i { width: 5px; height: 5px; display: inline-block; margin-right: 5px; border-radius: 50%; background: #2ee3bd; box-shadow: 0 0 8px #2ee3bd; }
.v6-float-inbox { left: 4%; top: 16%; }
.v6-float-campaign { right: -3%; top: 29%; animation-delay: -1.4s; }
.v6-float-revenue { left: 12%; bottom: 12%; animation-delay: -2.8s; }
@keyframes v6Float { 50% { transform: translateY(-10px) rotate(.5deg); } }
.v6-live-chip { position: absolute; right: 9%; bottom: 10%; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #b8cce7; background: rgba(2,9,24,.62); backdrop-filter: blur(16px); font-size: 9px; font-weight: 800; letter-spacing: .06em; }
.v6-live-chip i { width: 7px; height: 7px; border-radius: 50%; background: #2ce2bd; box-shadow: 0 0 12px #2ce2bd; }
.v6-scroll-cue { position: absolute; left: 50%; bottom: 25px; z-index: 5; display: grid; justify-items: center; gap: 7px; color: #7187a8; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-decoration: none; transform: translateX(-50%); }
.v6-scroll-cue span { width: 22px; height: 36px; position: relative; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; }
.v6-scroll-cue span::after { content: ""; width: 3px; height: 7px; position: absolute; left: 50%; top: 7px; border-radius: 999px; background: #69dcca; transform: translateX(-50%); animation: v6Scroll 1.8s ease-in-out infinite; }
@keyframes v6Scroll { 60%,100% { opacity: 0; transform: translate(-50%,12px); } }

/* Signal rail */
.v6-signal-rail { overflow: hidden; border-bottom: 1px solid #dfe7f1; color: #2a4264; background: #fff; }
.v6-marquee-track { width: max-content; display: flex; animation: v6Marquee 44s linear infinite; }
.v6-marquee-track span { min-height: 70px; display: flex; align-items: center; gap: 10px; padding: 0 31px; border-right: 1px solid #e2e9f2; font-size: 12px; font-weight: 900; white-space: nowrap; letter-spacing: .025em; }
.v6-marquee-track .icon { color: var(--v6-blue); font-size: 19px; }
@keyframes v6Marquee { to { transform: translateX(-50%); } }

/* Customer journey */
.v6-journey-section { background: radial-gradient(circle at 50% 35%,rgba(78,142,255,.08),transparent 34%),#fff; }
.v6-journey { overflow: hidden; border: 1px solid #dbe5f2; border-radius: 32px; background: rgba(255,255,255,.92); box-shadow: 0 32px 90px rgba(18,53,103,.12); }
.v6-journey-nav { display: grid; grid-template-columns: repeat(4,1fr); padding: 10px; border-bottom: 1px solid #e1e8f2; background: #f5f8fc; }
.v6-journey-nav button { min-height: 82px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; padding: 12px 15px; border: 0; border-radius: 20px; color: #718099; background: transparent; text-align: left; cursor: pointer; transition: background .2s,color .2s,box-shadow .2s; }
.v6-journey-nav button > b { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid #cad7e8; border-radius: 10px; font-size: 10px; }
.v6-journey-nav button > span { display: grid; gap: 3px; font-size: 13px; font-weight: 900; }
.v6-journey-nav button small { color: #93a0b3; font-size: 9px; font-weight: 600; }
.v6-journey-nav button.active { color: #fff; background: linear-gradient(135deg,#0c5ee5,#397cff); box-shadow: 0 14px 30px rgba(23,108,255,.22); }
.v6-journey-nav button.active > b { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.1); }
.v6-journey-nav button.active small { color: #c6d9ff; }
.v6-journey-stage { min-height: 550px; position: relative; }
.v6-journey-panel { min-height: 550px; display: none; grid-template-columns: .78fr 1.22fr; align-items: stretch; }
.v6-journey-panel.active { display: grid; animation: v6PanelIn .45s ease both; }
@keyframes v6PanelIn { from { opacity: 0; transform: translateY(8px); } }
.v6-journey-copy { display: flex; flex-direction: column; justify-content: center; padding: 55px 55px 58px 62px; }
.v6-journey-copy > span,.v6-product-copy > span { color: var(--v6-blue); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.v6-journey-copy h3,.v6-product-copy h3 { margin: 14px 0 0; color: var(--v6-ink); font-size: clamp(32px,3vw,46px); line-height: 1.07; letter-spacing: -.045em; }
.v6-journey-copy p,.v6-product-copy p { margin: 16px 0 0; color: var(--v6-muted); font-size: 14px; line-height: 1.72; }
.v6-journey-copy ul { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; color: #2a4262; font-size: 12px; font-weight: 800; }
.v6-journey-copy li { display: flex; align-items: center; gap: 8px; }
.v6-journey-copy li .icon { color: #12b99f; font-size: 16px; }
.v6-journey-visual { min-height: 550px; position: relative; overflow: hidden; border-left: 1px solid #e0e8f2; background: radial-gradient(circle at 50% 45%,rgba(65,131,255,.19),transparent 35%),linear-gradient(145deg,#f3f7fd,#eaf1fb); }
.v6-journey-visual::before { content: ""; position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(rgba(35,78,138,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(35,78,138,.055) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom,#000,transparent); }
.v6-profile-orb { width: 185px; height: 185px; position: absolute; left: 50%; top: 50%; z-index: 2; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; color: #fff; background: radial-gradient(circle at 32% 25%,#75d8ff,#1b6cf4 52%,#152f74); box-shadow: 0 30px 70px rgba(17,75,170,.3), inset 0 0 35px rgba(255,255,255,.24), 0 0 0 28px rgba(23,108,255,.055),0 0 0 58px rgba(23,108,255,.03); font: 800 50px/1 "Manrope",sans-serif; transform: translate(-50%,-50%); }
.v6-profile-orb span { position: absolute; bottom: 26px; padding: 5px 10px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(3,20,53,.32); font: 800 9px/1 "DM Sans",sans-serif; }
.v6-source-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.9); border-radius: 14px; color: #25405f; background: rgba(255,255,255,.86); box-shadow: 0 18px 38px rgba(37,75,129,.15); backdrop-filter: blur(12px); font-size: 11px; font-weight: 800; }
.v6-source-chip .icon { color: var(--v6-blue); font-size: 17px; }
.source-one { left: 10%; top: 16%; }
.source-two { right: 9%; top: 23%; }
.source-three { right: 18%; bottom: 14%; }
.v6-message-stack { width: min(76%,560px); position: absolute; left: 50%; top: 50%; z-index: 2; display: grid; gap: 13px; transform: translate(-50%,-50%); }
.v6-message-stack i { width: 78%; padding: 16px 18px; border: 1px solid #d9e3ef; border-radius: 19px 19px 19px 5px; color: #27415f; background: rgba(255,255,255,.9); box-shadow: 0 14px 32px rgba(44,74,120,.1); font-size: 12px; font-style: normal; }
.v6-message-stack i:nth-child(2) { justify-self: end; color: #fff; border-color: transparent; border-radius: 19px 19px 5px 19px; background: linear-gradient(135deg,#146cf7,#5a6cff); }
.v6-message-stack i:nth-child(3) { width: 88%; }
.v6-pulse-badge { position: absolute; right: 8%; bottom: 9%; z-index: 3; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border-radius: 15px; color: #fff; background: #071a3b; box-shadow: 0 18px 40px rgba(4,20,52,.24); }
.v6-pulse-badge > .icon { color: #44dec3; font-size: 22px; }
.v6-pulse-badge span { display: grid; gap: 2px; }
.v6-pulse-badge b { font-size: 10px; }
.v6-pulse-badge small { color: #8da4c3; font-size: 8px; }
.v6-pipeline-visual { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 65px 32px; }
.v6-pipeline-visual > div { width: 30%; min-height: 300px; position: relative; z-index: 2; display: flex; flex-direction: column; gap: 10px; padding: 17px; border: 1px solid rgba(255,255,255,.95); border-radius: 19px; background: rgba(255,255,255,.72); box-shadow: 0 20px 45px rgba(43,74,123,.1); backdrop-filter: blur(12px); transform: translateY(8px) rotateY(-5deg); }
.v6-pipeline-visual > div:nth-child(2) { transform: translateY(-18px); }
.v6-pipeline-visual > div:nth-child(3) { transform: translateY(5px) rotateY(5deg); }
.v6-pipeline-visual small { color: #75849b; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.v6-pipeline-visual > div > b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: var(--v6-blue); background: #e6efff; font-size: 11px; }
.v6-pipeline-visual i { padding: 12px; border: 1px solid #dfe7f1; border-radius: 12px; color: #2d4667; background: #fff; font-size: 9px; font-style: normal; box-shadow: 0 8px 18px rgba(40,68,109,.07); }
.v6-retain-visual { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 35px; padding: 60px; }
.v6-score-ring { width: 190px; height: 190px; position: relative; z-index: 2; display: grid; place-content: center; text-align: center; border: 1px solid rgba(255,255,255,.9); border-radius: 50%; color: #fff; background: radial-gradient(circle at 35% 25%,#76d9ff,#1e73f1 52%,#182f76); box-shadow: 0 25px 60px rgba(29,81,171,.26),0 0 0 20px rgba(23,108,255,.06); }
.v6-score-ring b { font: 800 40px/1 "Manrope",sans-serif; }
.v6-score-ring small { margin-top: 7px; color: #cce0ff; font-size: 9px; }
.v6-timeline { position: relative; z-index: 2; display: grid; gap: 11px; }
.v6-timeline i { position: relative; display: grid; gap: 3px; padding: 15px 16px 15px 35px; border: 1px solid rgba(255,255,255,.9); border-radius: 14px; background: rgba(255,255,255,.8); box-shadow: 0 12px 28px rgba(41,73,120,.09); font-style: normal; }
.v6-timeline i::before { content: ""; width: 8px; height: 8px; position: absolute; left: 15px; top: 20px; border: 2px solid #fff; border-radius: 50%; background: #20c7ac; box-shadow: 0 0 0 3px rgba(32,199,172,.15); }
.v6-timeline b { color: #263d5d; font-size: 11px; }
.v6-timeline small { color: #8a98aa; font-size: 8px; }

/* Product theatre */
.v6-product-section { color: #fff; background: radial-gradient(circle at 72% 25%,rgba(24,113,255,.16),transparent 28%),linear-gradient(140deg,#020918,#06152f 48%,#072759); }
.v6-product-theatre { overflow: hidden; display: grid; grid-template-columns: 260px 1fr; border: 1px solid rgba(164,195,237,.16); border-radius: 32px; background: rgba(8,25,56,.72); box-shadow: 0 40px 110px rgba(0,0,0,.35); backdrop-filter: blur(20px); }
.v6-product-nav { display: flex; flex-direction: column; padding: 12px; border-right: 1px solid rgba(168,198,237,.14); background: rgba(2,10,25,.32); }
.v6-product-nav button { min-height: 105px; display: grid; grid-template-columns: 38px 1fr 20px; align-items: center; gap: 10px; padding: 15px; border: 0; border-bottom: 1px solid rgba(255,255,255,.07); border-radius: 18px; color: #8197b7; background: transparent; text-align: left; cursor: pointer; }
.v6-product-nav button > .icon { width: 38px; height: 38px; padding: 10px; border-radius: 12px; color: #9fb7d9; background: rgba(255,255,255,.06); }
.v6-product-nav button > span { display: grid; gap: 4px; }
.v6-product-nav button b { color: #d7e4f7; font-size: 12px; }
.v6-product-nav button small { font-size: 9px; }
.v6-product-nav button em { color: #4e6587; font-size: 9px; font-style: normal; }
.v6-product-nav button.active { color: #bdd3f2; background: linear-gradient(135deg,rgba(26,103,233,.48),rgba(47,100,176,.22)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 15px 30px rgba(0,0,0,.14); }
.v6-product-nav button.active > .icon { color: #06204b; background: linear-gradient(135deg,#6aeeff,#57b9ff); box-shadow: 0 12px 25px rgba(36,153,255,.25); }
.v6-product-nav button.active b { color: #fff; }
.v6-product-stage { min-height: 610px; position: relative; }
.v6-product-panel { min-height: 610px; display: none; grid-template-columns: .78fr 1.22fr; }
.v6-product-panel.active { display: grid; animation: v6PanelIn .45s ease both; }
.v6-product-copy { display: flex; flex-direction: column; justify-content: center; padding: 58px 34px 58px 58px; }
.v6-product-copy > span { color: #4fe0c5; }
.v6-product-copy h3 { color: #fff; }
.v6-product-copy p { color: #aebed6; }
.v6-feature-pills { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.v6-feature-pills b { padding: 7px 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: #b8c8df; background: rgba(255,255,255,.05); font-size: 9px; }
.v6-product-copy > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; color: #73d7ff; font-size: 11px; font-weight: 900; text-decoration: none; }
.v6-product-art { min-height: 610px; position: relative; overflow: hidden; display: grid; place-items: center; perspective: 1000px; }
.v6-art-backdrop { width: 540px; height: 540px; position: absolute; left: 50%; top: 50%; border: 1px solid rgba(116,187,255,.12); border-radius: 50%; background: radial-gradient(circle,rgba(34,126,245,.23),transparent 61%); box-shadow: 0 0 0 65px rgba(255,255,255,.018),0 0 0 130px rgba(255,255,255,.012); transform: translate(-50%,-50%); }
.v6-product-art > img { width: 84%; max-height: 510px; position: relative; z-index: 2; object-fit: contain; border-radius: 27px; filter: drop-shadow(0 35px 50px rgba(0,0,0,.35)); transform: perspective(1100px) rotateY(-5deg) rotateX(2deg); }
.v6-art-chip { position: absolute; z-index: 4; display: flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; color: #d9e9ff; background: rgba(5,19,45,.76); box-shadow: 0 16px 38px rgba(0,0,0,.28); backdrop-filter: blur(14px); font-size: 9px; font-weight: 800; }
.v6-art-chip i { width: 6px; height: 6px; border-radius: 50%; background: #31e0bb; box-shadow: 0 0 10px #31e0bb; }
.v6-art-chip .icon { color: #51c9ff; font-size: 15px; }
.chip-top { right: 7%; top: 15%; }
.chip-bottom { left: 8%; bottom: 13%; }

/* Workspace and capability bento */
.v6-workspace-section { background: linear-gradient(180deg,#f3f7fc 0%,#fff 44%); }
.v6-workspace-shell { overflow: hidden; display: grid; grid-template-columns: .75fr 1.25fr; border: 1px solid #d5e0ee; border-radius: 34px; background: #fff; box-shadow: 0 35px 90px rgba(11,45,93,.14); transform-style: preserve-3d; transition: transform .35s ease; }
.v6-workspace-copy { display: flex; flex-direction: column; justify-content: center; padding: 60px 46px 60px 60px; }
.v6-workspace-copy h2 { font-size: clamp(39px,3.8vw,58px); }
.v6-workspace-copy > p { margin: 18px 0 0; color: var(--v6-muted); font-size: 14px; line-height: 1.72; }
.v6-chip-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.v6-chip-row i { padding: 7px 9px; border: 1px solid #dbe5f1; border-radius: 9px; color: #57708f; background: #f7f9fc; font-size: 9px; font-weight: 800; font-style: normal; }
.v6-workspace-copy .v6-inline-link { margin-top: 27px; }
.v6-dashboard-frame { min-height: 650px; position: relative; overflow: hidden; border-left: 1px solid #dce5f0; background: linear-gradient(145deg,#eaf1fb,#d9e6f6); }
.v6-browser-bar { height: 48px; position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid #d1dceb; color: #70839d; background: rgba(255,255,255,.72); backdrop-filter: blur(10px); font-size: 8px; }
.v6-browser-bar > span { display: flex; gap: 5px; }
.v6-browser-bar > span i { width: 7px; height: 7px; border-radius: 50%; background: #ff8379; }
.v6-browser-bar > span i:nth-child(2) { background: #ffc75d; }
.v6-browser-bar > span i:nth-child(3) { background: #4bd5ad; }
.v6-browser-bar em { display: flex; align-items: center; gap: 4px; color: #318e7c; font-style: normal; }
.v6-dashboard-frame > img { width: 118%; max-width: none; position: absolute; left: 4%; top: 70px; border: 1px solid rgba(255,255,255,.7); border-radius: 16px; box-shadow: -25px 30px 55px rgba(38,70,112,.18); transform: perspective(1400px) rotateY(-6deg) rotateX(2deg); transform-origin: left center; }
.v6-dashboard-toast { position: absolute; left: 7%; bottom: 7%; z-index: 4; display: flex; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.92); border-radius: 16px; color: #fff; background: rgba(5,24,58,.88); backdrop-filter: blur(16px); box-shadow: 0 20px 50px rgba(5,30,69,.28); }
.v6-dashboard-toast > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: #073063; background: linear-gradient(135deg,#5af2d3,#60bcff); }
.v6-dashboard-toast > div { display: grid; gap: 3px; }
.v6-dashboard-toast small { color: #67cdbd; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.v6-dashboard-toast strong { font-size: 10px; }

.v6-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 22px; }
.v6-capability { --spot-x: 50%; --spot-y: 50%; min-height: 350px; position: relative; overflow: hidden; padding: 30px; border: 1px solid #dce5f0; border-radius: 27px; background: #fff; box-shadow: 0 18px 45px rgba(30,60,104,.07); }
.v6-capability::before { content: ""; position: absolute; inset: 0; opacity: 0; background: radial-gradient(380px circle at var(--spot-x) var(--spot-y),rgba(30,113,255,.12),transparent 42%); transition: opacity .25s ease; pointer-events: none; }
.v6-capability:hover::before { opacity: 1; }
.v6-capability-large { grid-row: span 2; min-height: 718px; color: #fff; border-color: transparent; background: radial-gradient(circle at 20% 10%,rgba(49,211,190,.19),transparent 31%),linear-gradient(145deg,#05132d,#073776); }
.v6-capability-wide { grid-column: span 2; min-height: 350px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 35px; }
.v6-cap-icon { width: 47px; height: 47px; position: relative; z-index: 2; display: grid; place-items: center; border: 1px solid #d6e3f3; border-radius: 15px; color: var(--v6-blue); background: #edf4ff; box-shadow: inset 0 1px 0 #fff; }
.v6-capability > span,.v6-capability > div > span { position: relative; z-index: 2; display: block; margin-top: 26px; color: var(--v6-blue); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.v6-capability h3 { position: relative; z-index: 2; margin: 12px 0 0; color: var(--v6-ink); font-size: 28px; line-height: 1.08; letter-spacing: -.035em; }
.v6-capability p { position: relative; z-index: 2; margin: 11px 0 0; color: var(--v6-muted); font-size: 12px; line-height: 1.65; }
.v6-capability-large .v6-cap-icon { color: #06224e; border-color: rgba(255,255,255,.15); background: linear-gradient(135deg,#62edda,#55a7ff); }
.v6-capability-large > span { color: #67dfcd; }
.v6-capability-large h3 { color: #fff; }
.v6-capability-large p { color: #aebed5; }
.v6-inbox-demo { position: absolute; left: 24px; right: 24px; bottom: 26px; z-index: 2; display: grid; gap: 10px; }
.v6-inbox-demo i { display: grid; gap: 4px; padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; color: #d5e4f7; background: rgba(255,255,255,.055); font-style: normal; }
.v6-inbox-demo i.active { border-color: rgba(87,217,199,.3); background: linear-gradient(135deg,rgba(22,111,250,.33),rgba(24,196,171,.13)); transform: translateX(13px); }
.v6-inbox-demo b { font-size: 10px; }
.v6-inbox-demo small { color: #7f97b8; font-size: 8px; }
.v6-mini-bars { height: 100px; display: flex; align-items: end; gap: 8px; margin-top: 25px; padding: 12px; border-radius: 15px; background: linear-gradient(to top,#f2f6fb,#fff); }
.v6-mini-bars i { height: var(--h); flex: 1; border-radius: 6px 6px 2px 2px; background: linear-gradient(to top,#176cff,#49d1ef); box-shadow: 0 8px 18px rgba(23,108,255,.14); }
.v6-intent-demo { display: grid; gap: 8px; margin-top: 27px; }
.v6-intent-demo small { width: 80%; padding: 12px 14px; border: 1px solid #dce5ef; border-radius: 14px 14px 14px 4px; color: #435a77; background: #f7f9fc; }
.v6-intent-demo b { justify-self: end; display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-radius: 13px 13px 4px 13px; color: #fff; background: linear-gradient(135deg,#176cff,#6570f8); font-size: 9px; }
.v6-order-demo { display: grid; justify-items: center; margin-top: 28px; padding: 20px; border: 1px solid #dbe5ef; border-radius: 18px; background: linear-gradient(145deg,#f8fbfe,#edf4fb); text-align: center; }
.v6-order-demo span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #16bca0; box-shadow: 0 10px 20px rgba(22,188,160,.22); }
.v6-order-demo b { margin-top: 10px; color: #29415f; font-size: 10px; }
.v6-order-demo small { margin-top: 4px; color: #8a99ab; font-size: 8px; }
.v6-code-demo { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; margin-top: 31px; padding: 14px; border-radius: 14px; color: #d3e1f4; background: #07162f; font-size: 8px; }
.v6-code-demo i { color: #48dcc1; font-style: normal; }
.v6-code-demo code { color: #87a5cb; }
.v6-code-demo b { color: #68e5cb; }
.v6-customer-card { min-height: 230px; position: relative; z-index: 2; display: grid; justify-items: center; place-content: center; padding: 25px; border: 1px solid #dce7f3; border-radius: 22px; background: radial-gradient(circle at 50% 20%,#e7f3ff,#f7faff 58%); box-shadow: 0 18px 40px rgba(27,63,111,.09); text-align: center; }
.v6-avatar { width: 68px; height: 68px; display: grid; place-items: center; border: 4px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#176cff,#6e6cff); box-shadow: 0 12px 25px rgba(23,108,255,.24); font: 800 20px/1 "Manrope",sans-serif; }
.v6-customer-card > strong { margin-top: 10px; color: #203958; font-size: 13px; }
.v6-customer-card > small { margin-top: 4px; color: #1ba98e; font-size: 8px; font-weight: 800; }
.v6-customer-card > div:last-child { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 15px; }
.v6-customer-card i { padding: 6px 8px; border: 1px solid #d7e2ee; border-radius: 8px; color: #57708f; background: #fff; font-size: 8px; font-style: normal; }

/* Automation */
.v6-automation-section { position: relative; overflow: hidden; padding: 130px 0; color: #fff; background: radial-gradient(circle at 70% 40%,rgba(22,111,255,.22),transparent 32%),linear-gradient(135deg,#020918,#071a3b 58%,#062a50); }
.v6-automation-gridlines { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size: 50px 50px; mask-image: linear-gradient(90deg,transparent,#000 45%,#000); }
.v6-automation-layout { position: relative; display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 75px; }
.v6-automation-copy > span { color: #50e0c6; }
.v6-automation-copy h2 { color: #fff; }
.v6-automation-copy > p { margin: 22px 0 0; color: #aabbd4; font-size: 15px; line-height: 1.75; }
.v6-check-list { display: grid; gap: 13px; margin: 27px 0 31px; }
.v6-check-list i,.v6-integration-list i { display: flex; align-items: center; gap: 9px; color: #c3d2e6; font-size: 12px; font-weight: 700; font-style: normal; }
.v6-check-list .icon,.v6-integration-list .icon { color: #42d8be; font-size: 17px; }
.v6-workflow-canvas { min-height: 670px; position: relative; border: 1px solid rgba(142,184,238,.16); border-radius: 34px; background: radial-gradient(circle at 50% 45%,rgba(28,111,236,.16),transparent 35%),rgba(5,19,45,.58); box-shadow: 0 35px 100px rgba(0,0,0,.35); backdrop-filter: blur(18px); transform-style: preserve-3d; transition: transform .35s ease; }
.v6-workflow-canvas::before { content: ""; position: absolute; inset: 0; opacity: .45; border-radius: inherit; background-image: radial-gradient(rgba(108,169,255,.32) 1px,transparent 1px); background-size: 20px 20px; mask-image: radial-gradient(circle at 50% 50%,#000,transparent 74%); }
.v6-workflow-node { min-width: 230px; position: absolute; z-index: 3; display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid rgba(158,199,255,.2); border-radius: 17px; color: #fff; background: linear-gradient(140deg,rgba(15,42,86,.94),rgba(8,27,61,.92)); box-shadow: 0 20px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.11); }
.v6-workflow-node > span { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 13px; color: #072552; background: linear-gradient(135deg,#62ead3,#5aabff); }
.v6-workflow-node > div { display: grid; gap: 4px; }
.v6-workflow-node small { color: #5edec8; font-size: 7px; font-weight: 900; letter-spacing: .14em; }
.v6-workflow-node strong { font-size: 10px; }
.node-trigger { left: 50%; top: 7%; transform: translateX(-50%); }
.node-condition { left: 50%; top: 31%; transform: translateX(-50%); }
.node-action-one { left: 6%; top: 57%; }
.node-action-two { right: 6%; top: 57%; }
.node-action-three { left: 50%; bottom: 7%; transform: translateX(-50%); }
.v6-workflow-line { width: 2px; height: 82px; position: absolute; left: 50%; top: 20%; z-index: 2; background: linear-gradient(#32d9c0,#3e79e9); }
.v6-workflow-line i { width: 7px; height: 7px; position: absolute; left: -2.5px; top: 0; border-radius: 50%; background: #6bf5df; box-shadow: 0 0 12px #6bf5df; animation: v6Flow 2.3s linear infinite; }
.v6-workflow-split { width: 49%; height: 90px; position: absolute; left: 25.5%; top: 44%; z-index: 2; border-top: 2px solid rgba(70,137,235,.75); border-left: 2px solid rgba(70,137,235,.75); border-right: 2px solid rgba(70,137,235,.75); border-radius: 16px 16px 0 0; }
.v6-workflow-split::before { content: ""; width: 2px; height: 42px; position: absolute; left: 50%; top: -42px; background: rgba(70,137,235,.75); }
.v6-workflow-status { position: absolute; left: 50%; bottom: 1.8%; z-index: 5; display: flex; align-items: center; gap: 7px; color: #738daf; font-size: 8px; transform: translateX(-50%); white-space: nowrap; }
.v6-workflow-status i { width: 6px; height: 6px; border-radius: 50%; background: #37dfbd; box-shadow: 0 0 10px #37dfbd; }
@keyframes v6Flow { to { top: 100%; } }

/* Integrations */
.v6-integrations { background: linear-gradient(180deg,#f3f7fc,#fff); }
.v6-integrations-layout { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 90px; }
.v6-integration-orbit { min-height: 650px; position: relative; transition: transform .35s ease; transform-style: preserve-3d; }
.v6-orbit-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(37,101,190,.15); border-radius: 50%; transform: translate(-50%,-50%); }
.v6-orbit-ring::after { content: ""; width: 8px; height: 8px; position: absolute; left: 50%; top: -4px; border-radius: 50%; background: #22d8bd; box-shadow: 0 0 13px #22d8bd; }
.ring-one { width: 290px; height: 290px; animation: v6Orbit 18s linear infinite; }
.ring-two { width: 450px; height: 450px; animation: v6Orbit 27s linear infinite reverse; }
.ring-three { width: 610px; height: 610px; animation: v6Orbit 37s linear infinite; }
@keyframes v6Orbit { to { transform: translate(-50%,-50%) rotate(360deg); } }
.v6-orbit-core { width: 128px; height: 128px; position: absolute; left: 50%; top: 50%; z-index: 3; display: grid; place-items: center; border: 1px solid #fff; border-radius: 35px; background: linear-gradient(145deg,#fff,#eaf2fc); box-shadow: 0 28px 60px rgba(30,70,129,.2),0 0 0 22px rgba(23,108,255,.05),0 0 0 48px rgba(23,108,255,.025); transform: translate(-50%,-50%) rotate(45deg); }
.v6-orbit-core img { width: 70px; height: 70px; object-fit: contain; transform: rotate(-45deg); }
.v6-orbit-item { width: 94px; height: 94px; position: absolute; z-index: 4; display: grid; place-items: center; gap: 2px; padding: 15px; border: 1px solid #dce5f1; border-radius: 28px; color: var(--v6-blue); background: rgba(255,255,255,.86); box-shadow: 0 18px 42px rgba(30,63,111,.13); backdrop-filter: blur(16px); }
.v6-orbit-item .icon { font-size: 27px; }
.v6-orbit-item span { color: #526b89; font-size: 8px; font-weight: 900; }
.orbit-api { left: 10%; top: 13%; transform: rotate(-7deg); }
.orbit-webhook { right: 6%; top: 18%; transform: rotate(8deg); }
.orbit-leads { left: 8%; bottom: 13%; transform: rotate(6deg); }
.orbit-widget { right: 9%; bottom: 11%; transform: rotate(-8deg); }
.v6-integrations-copy h2 { font-size: clamp(42px,4.4vw,66px); }
.v6-integrations-copy > p { margin: 20px 0 0; color: var(--v6-muted); font-size: 15px; line-height: 1.75; }
.v6-integration-list { display: grid; gap: 14px; margin: 27px 0; }
.v6-integration-list i { color: #3f5674; }

/* Onboarding and industries */
.v6-onboarding { border-top: 1px solid #e3e9f2; background: #fff; }
.v6-onboarding-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.v6-onboard-card { min-height: 400px; position: relative; overflow: hidden; padding: 34px; border: 1px solid #dce5f0; border-radius: 27px; background: linear-gradient(145deg,#fff,#f6f9fc); box-shadow: 0 18px 45px rgba(31,63,105,.07); transition: transform .35s ease; transform-style: preserve-3d; }
.v6-onboard-card::before { content: ""; width: 220px; height: 220px; position: absolute; right: -90px; bottom: -95px; border: 1px solid rgba(23,108,255,.1); border-radius: 50%; box-shadow: 0 0 0 35px rgba(23,108,255,.025),0 0 0 70px rgba(23,108,255,.018); }
.v6-onboard-card > em { position: absolute; right: 28px; top: 24px; color: #dce6f3; font: 800 42px/1 "Manrope",sans-serif; font-style: normal; letter-spacing: -.06em; }
.v6-onboard-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 17px; color: #fff; background: linear-gradient(135deg,#176cff,#6c68f2); box-shadow: 0 13px 27px rgba(23,108,255,.23); }
.v6-onboard-card:nth-child(2) .v6-onboard-icon { background: linear-gradient(135deg,#12b99d,#4bbcdf); }
.v6-onboard-card:nth-child(3) .v6-onboard-icon { background: linear-gradient(135deg,#715ced,#b56cf0); }
.v6-onboard-card h3 { max-width: 300px; margin: 85px 0 0; color: var(--v6-ink); font-size: 27px; line-height: 1.1; letter-spacing: -.035em; }
.v6-onboard-card p { margin: 13px 0 0; color: var(--v6-muted); font-size: 12px; line-height: 1.7; }
.v6-onboard-card > span { position: absolute; left: 34px; bottom: 31px; display: flex; align-items: center; gap: 7px; color: var(--v6-blue); font-size: 10px; font-weight: 900; }
.v6-industries { color: #fff; background: #041027; }
.v6-industries .v6-heading-split h2 { color: #fff; }
.v6-industries .v6-heading-split h2 em { color: #68dce5; }
.v6-industries .v6-heading-split > p { color: #9eb0c9; }
.v6-industry-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.v6-industry-card { --spot-x: 50%; --spot-y: 50%; min-height: 430px; position: relative; overflow: hidden; padding: 28px; border: 1px solid rgba(165,195,233,.14); border-radius: 25px; background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); }
.v6-industry-card::before { content: ""; position: absolute; inset: 0; opacity: .72; background: radial-gradient(350px circle at var(--spot-x) var(--spot-y),rgba(40,127,255,.25),transparent 48%); pointer-events: none; }
.v6-industry-card:nth-child(2)::before { background: radial-gradient(350px circle at var(--spot-x) var(--spot-y),rgba(34,211,184,.22),transparent 48%); }
.v6-industry-card:nth-child(3)::before { background: radial-gradient(350px circle at var(--spot-x) var(--spot-y),rgba(137,103,255,.23),transparent 48%); }
.v6-industry-card:nth-child(4)::before { background: radial-gradient(350px circle at var(--spot-x) var(--spot-y),rgba(255,143,97,.18),transparent 48%); }
.v6-industry-number { position: absolute; right: 22px; top: 20px; color: rgba(255,255,255,.12); font: 800 42px/1 "Manrope",sans-serif; }
.v6-industry-icon { width: 52px; height: 52px; position: relative; z-index: 2; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; color: #63baff; background: rgba(255,255,255,.07); }
.v6-industry-card:nth-child(2) .v6-industry-icon { color: #52e2c8; }
.v6-industry-card:nth-child(3) .v6-industry-icon { color: #a990ff; }
.v6-industry-card:nth-child(4) .v6-industry-icon { color: #ff9e7c; }
.v6-industry-card > span { position: relative; z-index: 2; display: block; margin-top: 85px; color: #7297c4; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.v6-industry-card h3 { position: relative; z-index: 2; margin: 12px 0 0; color: #fff; font-size: 25px; line-height: 1.08; letter-spacing: -.03em; }
.v6-industry-card p { position: relative; z-index: 2; margin: 13px 0 0; color: #9badc5; font-size: 11px; line-height: 1.65; }
.v6-industry-card > div:last-child { position: absolute; left: 28px; right: 28px; bottom: 28px; z-index: 2; display: flex; flex-wrap: wrap; gap: 6px; }
.v6-industry-card > div:last-child i { padding: 6px 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; color: #9eb2cf; background: rgba(255,255,255,.04); font-size: 8px; font-style: normal; }

/* Trust */
.v6-trust-section { padding: 115px 0; color: #fff; background: linear-gradient(110deg,#0b60e2 0%,#176cff 46%,#285eda 72%,#5547c8 100%); }
.v6-trust-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 90px; }
.v6-trust-copy > span { color: #9ff7e7; }
.v6-trust-copy h2 { color: #fff; font-size: clamp(42px,4.2vw,64px); }
.v6-trust-copy > p { margin: 20px 0 28px; color: #d1e0ff; font-size: 14px; line-height: 1.72; }
.v6-trust-cards { display: grid; gap: 12px; }
.v6-trust-card { min-height: 130px; display: grid; grid-template-columns: 55px 1fr; align-items: center; gap: 18px; padding: 24px; border: 1px solid rgba(255,255,255,.18); border-radius: 21px; background: rgba(255,255,255,.1); backdrop-filter: blur(15px); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
.v6-trust-card > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; color: #0b48aa; background: linear-gradient(135deg,#9bffe8,#a5d3ff); }
.v6-trust-card h3 { margin: 0; color: #fff; font-size: 17px; }
.v6-trust-card p { margin: 5px 0 0; color: #d3e1fb; font-size: 11px; line-height: 1.55; }

/* Pricing */
.v6-pricing { background: radial-gradient(circle at 50% 30%,rgba(23,108,255,.07),transparent 36%),#fff; }
.v6-price-toggle { width: max-content; display: flex; gap: 4px; margin: -29px auto 38px; padding: 5px; border: 1px solid #d8e2ee; border-radius: 15px; background: #f2f6fa; }
.v6-price-toggle button { min-height: 40px; padding: 0 18px; border: 0; border-radius: 11px; color: #718099; background: transparent; font-size: 11px; font-weight: 900; cursor: pointer; }
.v6-price-toggle button span { margin-left: 4px; color: #13a78f; font-size: 8px; }
.v6-price-toggle button.active { color: #fff; background: #071a3b; box-shadow: 0 8px 18px rgba(7,26,59,.18); }
.v6-price-toggle button.active span { color: #68e2cd; }
.v6-price-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; align-items: stretch; }
.v6-price-card { --spot-x: 50%; --spot-y: 50%; min-height: 620px; position: relative; overflow: hidden; padding: 36px; border: 1px solid #dbe5ef; border-radius: 28px; background: rgba(255,255,255,.88); box-shadow: 0 20px 50px rgba(30,60,103,.08); }
.v6-price-card::before { content: ""; position: absolute; inset: 0; opacity: 0; background: radial-gradient(430px circle at var(--spot-x) var(--spot-y),rgba(23,108,255,.12),transparent 43%); transition: opacity .25s ease; pointer-events: none; }
.v6-price-card:hover::before { opacity: 1; }
.v6-plan-head { position: relative; z-index: 2; }
.v6-plan-head > span { color: var(--v6-blue); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.v6-plan-head h3 { margin: 13px 0 0; color: var(--v6-ink); font-size: 34px; letter-spacing: -.04em; }
.v6-plan-head p { min-height: 48px; margin: 10px 0 0; color: var(--v6-muted); font-size: 11px; line-height: 1.55; }
.v6-price { position: relative; z-index: 2; display: flex; align-items: baseline; gap: 7px; margin: 28px 0 22px; }
.v6-price b { color: var(--v6-ink); font: 800 46px/1 "Manrope",sans-serif; letter-spacing: -.055em; }
.v6-price small { color: #7e8ba0; font-size: 9px; }
.v6-price-card > .v6-btn { width: 100%; position: relative; z-index: 2; }
.v6-price-card ul { position: relative; z-index: 2; display: grid; gap: 14px; margin: 29px 0 0; padding: 25px 0 0; border-top: 1px solid #e3e9f1; list-style: none; color: #3d5573; font-size: 11px; font-weight: 700; }
.v6-price-card li { display: flex; align-items: center; gap: 9px; }
.v6-price-card li .icon { color: #13b99e; font-size: 16px; }
.v6-price-featured { color: #fff; border-color: transparent; background: radial-gradient(circle at 50% 0,rgba(31,201,181,.2),transparent 31%),linear-gradient(145deg,#06152f,#083473); box-shadow: 0 32px 75px rgba(10,53,117,.25); transform: translateY(-12px); }
.v6-price-featured::before { background: radial-gradient(430px circle at var(--spot-x) var(--spot-y),rgba(63,209,255,.16),transparent 43%); }
.v6-price-featured .v6-plan-head > span { color: #57dfca; }
.v6-price-featured .v6-plan-head h3,.v6-price-featured .v6-price b { color: #fff; }
.v6-price-featured .v6-plan-head p,.v6-price-featured .v6-price small { color: #a9bad2; }
.v6-price-featured ul { color: #cbd8e9; border-top-color: rgba(255,255,255,.12); }
.v6-popular { position: absolute; right: 22px; top: 21px; z-index: 3; display: flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #b7f5ea; background: rgba(255,255,255,.08); font-size: 7px; font-weight: 900; letter-spacing: .09em; }
.v6-popular i { width: 5px; height: 5px; border-radius: 50%; background: #47e1c5; box-shadow: 0 0 8px #47e1c5; }
.v6-enterprise { min-height: 115px; display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 18px; padding: 25px 28px; border: 1px solid #dce5f0; border-radius: 23px; background: linear-gradient(110deg,#f5f9fd,#eaf2fd); }
.v6-enterprise > div { display: flex; align-items: center; gap: 16px; }
.v6-enterprise > div > span { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; color: #fff; background: linear-gradient(135deg,#176cff,#6b68ee); box-shadow: 0 12px 24px rgba(23,108,255,.2); }
.v6-enterprise p { display: grid; gap: 5px; margin: 0; }
.v6-enterprise p b { color: #193453; font-size: 13px; }
.v6-enterprise p small { color: #7e8da2; font-size: 10px; }

/* FAQ */
.v6-faq { border-top: 1px solid #e2e9f2; background: #f6f9fc; }
.v6-faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 95px; align-items: start; }
.v6-faq-intro { position: sticky; top: 125px; }
.v6-faq-intro h2 { font-size: clamp(40px,4.1vw,61px); }
.v6-faq-intro p { margin: 20px 0 0; color: var(--v6-muted); font-size: 13px; line-height: 1.7; }
.v6-faq-intro > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 23px; color: var(--v6-blue); font-size: 11px; font-weight: 900; text-decoration: none; }
.v6-faq-list { display: grid; gap: 9px; }
.v6-faq-item { overflow: hidden; border: 1px solid #dce5f0; border-radius: 19px; background: #fff; box-shadow: 0 10px 28px rgba(31,63,105,.05); }
.v6-faq-item button { width: 100%; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 22px; border: 0; color: #203958; background: transparent; font: 800 13px/1.3 "Manrope",sans-serif; text-align: left; cursor: pointer; }
.v6-faq-item button .icon { color: #7e90a8; transition: transform .25s ease; }
.v6-faq-item > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.v6-faq-item > div > p { overflow: hidden; margin: 0; padding: 0 22px; color: var(--v6-muted); font-size: 12px; line-height: 1.68; transition: padding .3s ease; }
.v6-faq-item.open { border-color: #b9d1f3; box-shadow: 0 16px 38px rgba(28,79,148,.09); }
.v6-faq-item.open button { color: var(--v6-blue); }
.v6-faq-item.open button .icon { transform: rotate(180deg); }
.v6-faq-item.open > div { grid-template-rows: 1fr; }
.v6-faq-item.open > div > p { padding: 0 22px 22px; }

/* Final CTA */
.v6-final { padding: 95px 0; background: #fff; }
.v6-final-card { min-height: 590px; position: relative; overflow: hidden; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; padding: 0 0 0 62px; border-radius: 38px; color: #fff; background: radial-gradient(circle at 82% 25%,rgba(30,209,183,.18),transparent 26%),linear-gradient(120deg,#020a1c,#082552 52%,#0b4d81 100%); box-shadow: 0 40px 110px rgba(5,36,79,.25); }
.v6-final-card::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size: 45px 45px; mask-image: linear-gradient(90deg,transparent,#000); }
.v6-final-glow { width: 650px; height: 650px; position: absolute; right: -150px; top: -280px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 95px rgba(255,255,255,.022),0 0 0 190px rgba(255,255,255,.015); }
.v6-final-copy { position: relative; z-index: 3; max-width: 610px; }
.v6-final-copy > span { display: flex; align-items: center; gap: 8px; color: #76e5d2; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.v6-final-copy > span i { width: 7px; height: 7px; border-radius: 50%; background: #45e1c3; box-shadow: 0 0 12px #45e1c3; }
.v6-final-copy h2 { margin: 18px 0 0; color: #fff; font-size: clamp(47px,5vw,72px); line-height: 1.01; letter-spacing: -.055em; }
.v6-final-copy p { margin: 18px 0 0; color: #b4c6dc; font-size: 14px; line-height: 1.7; }
.v6-final-copy > div { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.v6-final-visual { min-height: 590px; position: relative; z-index: 2; display: flex; align-items: center; overflow: hidden; }
.v6-final-visual img { width: 115%; max-width: none; position: relative; z-index: 2; filter: drop-shadow(-30px 38px 65px rgba(0,0,0,.25)); transform: perspective(1200px) rotateY(-7deg) translateX(6%); }
.v6-final-orbit { position: absolute; right: -80px; top: 50%; border: 1px solid rgba(111,217,255,.16); border-radius: 50%; transform: translateY(-50%); }
.v6-final-orbit.one { width: 560px; height: 560px; }
.v6-final-orbit.two { width: 420px; height: 420px; right: -10px; }
.v6-mobile-cta { display: none; }

@media (prefers-reduced-motion: reduce) {
  .v6-aurora,.v6-eyebrow > span,.v6-float-card,.v6-scroll-cue span::after,.v6-marquee-track,.v6-orbit-ring,.v6-workflow-line i { animation: none !important; }
  .v6-reveal { opacity: 1; transform: none; transition: none; }
  [data-v6-tilt] { transform: none !important; transition: none !important; }
}

@media (max-width: 1150px) {
  .v6-hero { min-height: 0; }
  .v6-hero-layout { grid-template-columns: .95fr 1.05fr; }
  .v6-hero h1 { font-size: clamp(52px,5.8vw,72px); }
  .v6-float-campaign { right: 0; }
  .v6-product-panel { grid-template-columns: .9fr 1.1fr; }
  .v6-product-copy { padding-left: 38px; }
  .v6-workspace-shell { grid-template-columns: .85fr 1.15fr; }
  .v6-capability-grid { grid-template-columns: repeat(2,1fr); }
  .v6-capability-large { grid-row: span 2; }
  .v6-capability-wide { grid-column: auto; grid-template-columns: 1fr; }
  .v6-industry-grid { grid-template-columns: repeat(2,1fr); }
  .v6-industry-card { min-height: 380px; }
}

@media (max-width: 900px) {
  .home-v6 .public-container { width: min(100% - 36px,1480px); }
  .v6-section { padding: 90px 0; }
  .v6-hero { padding: 78px 0 90px; }
  .v6-hero-layout { grid-template-columns: 1fr; }
  .v6-hero-copy { max-width: 760px; margin: 0 auto; text-align: center; }
  .v6-eyebrow { margin: 0 auto; }
  .v6-hero h1 em { display: inline; }
  .v6-hero-copy > p { margin-left: auto; margin-right: auto; }
  .v6-hero-actions,.v6-trust-row { justify-content: center; }
  .v6-hero-proof { margin-left: auto; margin-right: auto; text-align: left; }
  .v6-hero-stage { width: 100%; min-height: 650px; margin: -15px auto 0; }
  .v6-ecosystem-art { width: 110%; left: -5%; }
  .v6-scroll-cue { display: none; }
  .v6-heading-split { grid-template-columns: 1fr; gap: 20px; }
  .v6-journey-nav { grid-template-columns: repeat(2,1fr); gap: 5px; }
  .v6-journey-panel { grid-template-columns: 1fr; }
  .v6-journey-copy { padding: 45px 45px 40px; }
  .v6-journey-visual { border-left: 0; border-top: 1px solid #e0e8f2; }
  .v6-product-theatre { grid-template-columns: 1fr; }
  .v6-product-nav { display: grid; grid-template-columns: repeat(4,1fr); border-right: 0; border-bottom: 1px solid rgba(168,198,237,.14); }
  .v6-product-nav button { min-height: 90px; grid-template-columns: 32px 1fr; }
  .v6-product-nav button > em { display: none; }
  .v6-product-panel { grid-template-columns: 1fr; }
  .v6-product-copy { padding: 45px 45px 22px; }
  .v6-product-art { min-height: 520px; }
  .v6-workspace-shell { grid-template-columns: 1fr; }
  .v6-workspace-copy { padding: 48px 45px; }
  .v6-dashboard-frame { min-height: 560px; border-left: 0; border-top: 1px solid #dce5f0; }
  .v6-automation-layout,.v6-integrations-layout,.v6-trust-layout,.v6-faq-layout { grid-template-columns: 1fr; }
  .v6-automation-layout { gap: 55px; }
  .v6-integrations-layout { gap: 25px; }
  .v6-integration-orbit { max-width: 700px; width: 100%; margin: 0 auto; }
  .v6-onboarding-grid { grid-template-columns: 1fr; }
  .v6-onboard-card { min-height: 330px; }
  .v6-onboard-card h3 { margin-top: 52px; }
  .v6-trust-layout { gap: 45px; }
  .v6-price-grid { grid-template-columns: 1fr; }
  .v6-price-card { min-height: 0; max-width: 680px; width: 100%; margin: 0 auto; }
  .v6-price-featured { transform: none; }
  .v6-faq-layout { gap: 42px; }
  .v6-faq-intro { position: relative; top: auto; }
  .v6-final-card { grid-template-columns: 1fr; padding: 55px 0 0 45px; }
  .v6-final-copy { padding-right: 45px; }
  .v6-final-visual { min-height: 410px; }
}

@media (max-width: 650px) {
  .home-v6 .public-container { width: min(100% - 26px,1480px); }
  body:has(.home-v6) .public-announcement { display: none; }
  body:has(.home-v6) .nav-inner { min-height: 70px; }
  body:has(.home-v6) .public-brand img { width: 142px; }
  .v6-section { padding: 76px 0; }
  .v6-heading { margin-bottom: 38px; }
  .v6-heading h2,.v6-workspace-copy h2,.v6-automation-copy h2,.v6-integrations-copy h2,.v6-trust-copy h2,.v6-faq-intro h2 { font-size: 38px; }
  .v6-heading > p { font-size: 14px; }
  .v6-hero { padding: 56px 0 66px; }
  .v6-eyebrow { max-width: 100%; font-size: 8px; }
  .v6-hero h1 { margin-top: 20px; font-size: clamp(43px,13.5vw,58px); }
  .v6-hero-copy > p { font-size: 15px; }
  .v6-hero-actions { flex-direction: column; }
  .v6-btn { width: 100%; }
  .v6-trust-row { display: grid; grid-template-columns: 1fr; justify-items: start; max-width: 250px; margin-left: auto; margin-right: auto; text-align: left; }
  .v6-hero-proof { grid-template-columns: 1fr 1fr; }
  .v6-hero-proof > div { min-height: 75px; padding: 10px; }
  .v6-hero-proof > div:first-child { padding-left: 10px; }
  .v6-hero-proof > div:last-child { grid-column: 1 / -1; justify-content: center; border-top: 1px solid rgba(255,255,255,.12); }
  .v6-hero-stage { min-height: 430px; margin-top: 5px; }
  .v6-ecosystem-art { width: 140%; left: -20%; height: 430px; object-fit: cover; }
  .v6-float-card { min-width: 177px; padding: 9px; }
  .v6-float-icon { width: 34px; height: 34px; flex-basis: 34px; }
  .v6-float-card strong { font-size: 9px; }
  .v6-float-card em { font-size: 7px; }
  .v6-float-inbox { left: 0; top: 10%; }
  .v6-float-campaign { right: 0; top: auto; bottom: 14%; }
  .v6-float-revenue { display: none; }
  .v6-live-chip { display: none; }
  .v6-signal-rail { margin-top: -1px; }
  .v6-marquee-track span { min-height: 58px; padding: 0 23px; }
  .v6-journey { border-radius: 23px; }
  .v6-journey-nav { padding: 7px; }
  .v6-journey-nav button { min-height: 72px; grid-template-columns: 27px 1fr; padding: 8px; border-radius: 14px; }
  .v6-journey-nav button > b { width: 26px; height: 26px; }
  .v6-journey-nav button small { display: none; }
  .v6-journey-copy { padding: 32px 24px; }
  .v6-journey-copy h3,.v6-product-copy h3 { font-size: 30px; }
  .v6-journey-visual { min-height: 430px; }
  .v6-profile-orb { width: 145px; height: 145px; font-size: 39px; }
  .v6-profile-orb span { bottom: 20px; }
  .v6-source-chip { padding: 8px 10px; font-size: 9px; }
  .source-one { left: 4%; }
  .source-two { right: 3%; }
  .source-three { right: 8%; }
  .v6-message-stack { width: 88%; }
  .v6-pipeline-visual { min-height: 480px; gap: 6px; padding: 40px 9px; }
  .v6-pipeline-visual > div { min-height: 290px; padding: 9px; }
  .v6-pipeline-visual i { padding: 8px; font-size: 7px; }
  .v6-retain-visual { min-height: 490px; grid-template-columns: 1fr; justify-items: center; gap: 30px; padding: 35px 22px; }
  .v6-score-ring { width: 145px; height: 145px; }
  .v6-score-ring b { font-size: 31px; }
  .v6-timeline { width: 100%; }
  .v6-product-section { padding-top: 80px; }
  .v6-product-nav { grid-template-columns: 1fr 1fr; padding: 7px; }
  .v6-product-nav button { min-height: 68px; padding: 9px; }
  .v6-product-nav button small { display: none; }
  .v6-product-copy { padding: 31px 24px 10px; }
  .v6-product-art { min-height: 400px; }
  .v6-product-art > img { width: 96%; }
  .v6-art-backdrop { width: 360px; height: 360px; }
  .v6-workspace-shell { border-radius: 24px; }
  .v6-workspace-copy { padding: 35px 24px; }
  .v6-dashboard-frame { min-height: 360px; }
  .v6-dashboard-frame > img { width: 160%; top: 65px; }
  .v6-dashboard-toast { display: none; }
  .v6-capability-grid { grid-template-columns: 1fr; }
  .v6-capability,.v6-capability-large,.v6-capability-wide { min-height: 350px; grid-row: auto; grid-column: auto; }
  .v6-capability-large { min-height: 620px; }
  .v6-capability-wide { grid-template-columns: 1fr; }
  .v6-capability-wide .v6-customer-card { margin-top: 24px; }
  .v6-automation-section { padding: 80px 0; }
  .v6-workflow-canvas { min-height: 620px; }
  .v6-workflow-node { min-width: 170px; padding: 9px; }
  .v6-workflow-node > span { width: 34px; height: 34px; flex-basis: 34px; }
  .v6-workflow-node strong { font-size: 8px; }
  .node-action-one { left: 3%; }
  .node-action-two { right: 3%; }
  .v6-workflow-split { width: 62%; left: 19%; }
  .v6-integration-orbit { min-height: 430px; }
  .ring-one { width: 190px; height: 190px; }
  .ring-two { width: 310px; height: 310px; }
  .ring-three { width: 420px; height: 420px; }
  .v6-orbit-core { width: 95px; height: 95px; border-radius: 28px; }
  .v6-orbit-core img { width: 54px; height: 54px; }
  .v6-orbit-item { width: 72px; height: 72px; padding: 10px; border-radius: 21px; }
  .v6-orbit-item .icon { font-size: 21px; }
  .v6-onboard-card { min-height: 350px; padding: 27px; }
  .v6-onboard-card > span { left: 27px; }
  .v6-industry-grid { grid-template-columns: 1fr; }
  .v6-industry-card { min-height: 360px; }
  .v6-trust-section { padding: 78px 0; }
  .v6-trust-card { grid-template-columns: 46px 1fr; padding: 18px; }
  .v6-trust-card > span { width: 44px; height: 44px; }
  .v6-price-toggle { margin-top: -16px; }
  .v6-price-toggle button { padding: 0 13px; }
  .v6-price-card { padding: 28px 24px; border-radius: 23px; }
  .v6-price b { font-size: 42px; }
  .v6-enterprise { align-items: flex-start; flex-direction: column; padding: 22px; }
  .v6-enterprise > div { align-items: flex-start; }
  .v6-enterprise .v6-btn { width: 100%; }
  .v6-faq-item button { min-height: 70px; padding: 0 17px; }
  .v6-faq-item.open > div > p { padding: 0 17px 18px; }
  .v6-final { padding: 60px 0 100px; }
  .v6-final-card { min-height: 0; padding: 36px 0 0 24px; border-radius: 27px; }
  .v6-final-copy { padding-right: 24px; }
  .v6-final-copy h2 { font-size: 43px; }
  .v6-final-copy > div { flex-direction: column; }
  .v6-final-visual { min-height: 265px; }
  .v6-final-visual img { width: 130%; }
  .v6-mobile-cta { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 95; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 11px 11px 15px; border: 1px solid rgba(151,191,244,.2); border-radius: 17px; color: #fff; background: rgba(4,17,43,.92); box-shadow: 0 20px 50px rgba(0,0,0,.3); backdrop-filter: blur(18px); transform: translateY(140%); transition: transform .35s ease; }
  .v6-mobile-cta.show { transform: none; }
  .v6-mobile-cta > div { display: grid; gap: 2px; }
  .v6-mobile-cta b { font-size: 10px; }
  .v6-mobile-cta small { color: #8fa5c1; font-size: 8px; }
  .v6-mobile-cta a { display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-radius: 11px; color: #fff; background: linear-gradient(135deg,#176cff,#5c6cf3); font-size: 9px; font-weight: 900; text-decoration: none; white-space: nowrap; }
}

/*
 * LITREVO V7 — complete product experience
 * A shared, accessible depth system for the application, authentication,
 * onboarding, customer forms and utility pages. Business logic is untouched.
 */

/* --------------------------------------------------------------------------
   V7 foundations
   -------------------------------------------------------------------------- */
[data-ui-version="8"] {
  --v7-navy-1000: #020816;
  --v7-navy-950: #041127;
  --v7-navy-900: #071b3d;
  --v7-cobalt: #0967f2;
  --v7-cobalt-bright: #1d7dff;
  --v7-teal: #13d8be;
  --v7-violet: #7758f6;
  --v7-canvas: #f4f7fc;
  --v7-surface: rgba(255, 255, 255, .92);
  --v7-stroke: rgba(113, 139, 181, .20);
  --v7-stroke-strong: rgba(64, 109, 181, .28);
  --v7-shadow-1: 0 1px 2px rgba(8, 27, 61, .04), 0 10px 30px rgba(15, 45, 92, .06);
  --v7-shadow-2: 0 2px 3px rgba(8, 27, 61, .04), 0 18px 46px rgba(15, 45, 92, .10);
  --v7-shadow-3: 0 32px 90px rgba(5, 28, 78, .18);
  --v7-inset: inset 0 1px 0 rgba(255, 255, 255, .86);
  --v7-radius: 18px;
  --v7-radius-lg: 24px;
  accent-color: var(--v7-cobalt);
}

[data-ui-version="8"] :focus-visible {
  outline: 3px solid rgba(9, 103, 242, .22);
  outline-offset: 3px;
}

[data-ui-version="8"] ::selection {
  color: #fff;
  background: #0967f2;
}

/* --------------------------------------------------------------------------
   Application atmosphere and shell
   -------------------------------------------------------------------------- */
.app-body[data-ui-version="8"] {
  background:
    linear-gradient(rgba(255, 255, 255, .22), rgba(255, 255, 255, .22)),
    radial-gradient(circle at 18% 8%, rgba(29, 125, 255, .08), transparent 25rem),
    radial-gradient(circle at 86% 18%, rgba(19, 216, 190, .08), transparent 28rem),
    var(--v7-canvas);
}

.app-atmosphere {
  position: fixed;
  z-index: 0;
  inset: 0 0 0 var(--sidebar-width);
  overflow: hidden;
  pointer-events: none;
}

.app-atmosphere::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .32;
  background-image:
    linear-gradient(rgba(28, 78, 149, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28, 78, 149, .045) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 68%);
}

.app-atmosphere span {
  position: absolute;
  border-radius: 999px;
  filter: blur(1px);
  opacity: .45;
}

.app-atmosphere span:nth-child(1) {
  width: 420px;
  height: 420px;
  top: -260px;
  right: 8%;
  background: radial-gradient(circle at 35% 35%, rgba(36, 128, 255, .20), rgba(36, 128, 255, 0) 70%);
}

.app-atmosphere span:nth-child(2) {
  width: 340px;
  height: 340px;
  top: 24%;
  right: -230px;
  background: radial-gradient(circle, rgba(20, 218, 189, .15), rgba(20, 218, 189, 0) 70%);
}

.app-atmosphere span:nth-child(3) {
  width: 300px;
  height: 300px;
  bottom: -210px;
  left: 22%;
  background: radial-gradient(circle, rgba(119, 88, 246, .11), rgba(119, 88, 246, 0) 70%);
}

.app-body[data-ui-version="8"] .app-shell,
.app-body[data-ui-version="8"] .app-main {
  position: relative;
  z-index: 1;
}

.app-body[data-ui-version="8"] .sidebar {
  overflow: hidden;
  border-right: 1px solid rgba(100, 153, 226, .12);
  background:
    radial-gradient(circle at -5% -2%, rgba(20, 224, 193, .19), transparent 15rem),
    radial-gradient(circle at 115% 58%, rgba(42, 114, 255, .18), transparent 20rem),
    linear-gradient(166deg, #031126 0%, #061b3d 48%, #082859 100%);
  box-shadow: 12px 0 42px rgba(4, 19, 47, .11), inset -1px 0 rgba(255, 255, 255, .025);
}

.app-body[data-ui-version="8"] .sidebar::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .28;
  background-image:
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(to bottom, #000, transparent 75%);
}

.app-body[data-ui-version="8"] .sidebar-head {
  border-bottom-color: rgba(255, 255, 255, .09);
}

.app-body[data-ui-version="8"] .sidebar-brand-full {
  filter: brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0, 0, 0, .18));
}

.app-body[data-ui-version="8"] .sidebar-link,
.app-body[data-ui-version="8"] .sidebar-group-toggle,
.app-body[data-ui-version="8"] .sidebar-sublink {
  letter-spacing: -.005em;
}

.app-body[data-ui-version="8"] .sidebar-nav-premium > .sidebar-link.active {
  border-color: rgba(108, 246, 224, .26);
  background:
    linear-gradient(100deg, rgba(13, 107, 245, .94), rgba(10, 196, 181, .80)),
    rgba(255, 255, 255, .08);
  box-shadow: 0 14px 34px rgba(0, 70, 175, .28), inset 0 1px rgba(255, 255, 255, .22);
}

.app-body[data-ui-version="8"] .sidebar-nav-group.open {
  border: 1px solid rgba(255, 255, 255, .035);
  background: rgba(255, 255, 255, .025);
}

.app-body[data-ui-version="8"] .sidebar-sublink.active {
  border-color: rgba(63, 232, 210, .13);
  background: linear-gradient(90deg, rgba(10, 113, 238, .20), rgba(12, 201, 186, .08));
}

.app-body[data-ui-version="8"] .plan-mini {
  border-color: rgba(116, 247, 226, .13);
  background: linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(0, 196, 181, .055));
  box-shadow: inset 0 1px rgba(255, 255, 255, .05);
}

.app-body[data-ui-version="8"] .topbar {
  height: 82px;
  border-bottom-color: rgba(89, 121, 166, .15);
  background: rgba(249, 251, 255, .80);
  box-shadow: 0 10px 32px rgba(12, 39, 80, .035);
  backdrop-filter: blur(24px) saturate(1.22);
}

.app-body[data-ui-version="8"] .topbar.v7-scrolled {
  border-bottom-color: rgba(67, 104, 159, .20);
  box-shadow: 0 14px 34px rgba(12, 39, 80, .07);
}

.app-body[data-ui-version="8"] .page-heading h1 {
  color: #0b2349;
  font-size: 21px;
  letter-spacing: -.035em;
}

.app-body[data-ui-version="8"] .page-heading p {
  max-width: 590px;
  color: #70819c;
  font-size: 11px;
}

.workspace-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid rgba(9, 155, 109, .13);
  border-radius: 999px;
  color: #16836b;
  background: rgba(236, 252, 247, .82);
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

.workspace-live i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #13b888;
  box-shadow: 0 0 0 4px rgba(19, 184, 136, .10);
  animation: v7Live 2.8s ease-in-out infinite;
}

@keyframes v7Live { 50% { box-shadow: 0 0 0 7px rgba(19, 184, 136, 0); } }

.app-body[data-ui-version="8"] .command-search {
  min-width: 226px;
  border-color: rgba(91, 124, 173, .18);
  border-radius: 12px;
  background: rgba(255, 255, 255, .78);
  box-shadow: var(--v7-inset), 0 5px 18px rgba(15, 45, 92, .04);
}

.app-body[data-ui-version="8"] .command-search:hover {
  border-color: rgba(9, 103, 242, .30);
  background: #fff;
  box-shadow: 0 10px 24px rgba(17, 63, 130, .08);
}

.app-body[data-ui-version="8"] .icon-button,
.app-body[data-ui-version="8"] .sidebar-toggle,
.app-body[data-ui-version="8"] .user-menu-trigger {
  border-color: rgba(91, 124, 173, .16);
  background: rgba(255, 255, 255, .72);
  box-shadow: var(--v7-inset);
}

.app-body[data-ui-version="8"] .user-dropdown,
.app-body[data-ui-version="8"] .command-dialog {
  border-color: rgba(84, 116, 164, .22);
  border-radius: 18px;
  box-shadow: var(--v7-shadow-3);
}

.app-body[data-ui-version="8"] .page-content {
  position: relative;
  padding: 27px 29px 48px;
}

.app-body[data-ui-version="8"] .page-toolbar:not(:empty) {
  min-height: 4px;
  margin-bottom: 2px;
}

/* --------------------------------------------------------------------------
   Shared controls and surfaces
   -------------------------------------------------------------------------- */
.app-body[data-ui-version="8"] .btn,
.auth-body[data-ui-version="8"] .btn,
.public-form-body[data-ui-version="8"] .btn {
  border-radius: 12px;
  font-weight: 800;
  box-shadow: var(--v7-inset);
}

.app-body[data-ui-version="8"] .btn-primary,
.auth-body[data-ui-version="8"] .btn-primary,
.public-form-body[data-ui-version="8"] .btn-primary {
  border-color: rgba(6, 84, 209, .10);
  background: linear-gradient(110deg, #075fe9 0%, #167df5 55%, #12cdb8 118%);
  box-shadow: 0 13px 30px rgba(7, 95, 233, .22), inset 0 1px rgba(255, 255, 255, .26);
}

.app-body[data-ui-version="8"] .btn-primary:hover,
.auth-body[data-ui-version="8"] .btn-primary:hover,
.public-form-body[data-ui-version="8"] .btn-primary:hover {
  box-shadow: 0 18px 40px rgba(7, 95, 233, .30), inset 0 1px rgba(255, 255, 255, .26);
}

.app-body[data-ui-version="8"] .btn-secondary {
  border-color: rgba(78, 113, 165, .22);
  background: rgba(255, 255, 255, .86);
  box-shadow: var(--v7-inset), 0 7px 20px rgba(12, 45, 91, .05);
}

.app-body[data-ui-version="8"] input,
.app-body[data-ui-version="8"] select,
.app-body[data-ui-version="8"] textarea,
.auth-body[data-ui-version="8"] input,
.auth-body[data-ui-version="8"] select,
.auth-body[data-ui-version="8"] textarea,
.public-form-body[data-ui-version="8"] input,
.public-form-body[data-ui-version="8"] select,
.public-form-body[data-ui-version="8"] textarea {
  border-color: rgba(95, 125, 169, .25);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, .86);
  box-shadow: inset 0 1px 2px rgba(12, 38, 78, .025), 0 1px rgba(255, 255, 255, .7);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.app-body[data-ui-version="8"] input:hover,
.app-body[data-ui-version="8"] select:hover,
.app-body[data-ui-version="8"] textarea:hover,
.auth-body[data-ui-version="8"] input:hover,
.auth-body[data-ui-version="8"] select:hover,
.auth-body[data-ui-version="8"] textarea:hover,
.public-form-body[data-ui-version="8"] input:hover,
.public-form-body[data-ui-version="8"] select:hover,
.public-form-body[data-ui-version="8"] textarea:hover {
  border-color: rgba(66, 111, 181, .38);
}

.app-body[data-ui-version="8"] input:focus,
.app-body[data-ui-version="8"] select:focus,
.app-body[data-ui-version="8"] textarea:focus,
.auth-body[data-ui-version="8"] input:focus,
.auth-body[data-ui-version="8"] select:focus,
.auth-body[data-ui-version="8"] textarea:focus,
.public-form-body[data-ui-version="8"] input:focus,
.public-form-body[data-ui-version="8"] select:focus,
.public-form-body[data-ui-version="8"] textarea:focus {
  border-color: rgba(9, 103, 242, .64);
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(9, 103, 242, .09), 0 10px 24px rgba(9, 75, 170, .06);
}

.app-body[data-ui-version="8"] .form-label,
.app-body[data-ui-version="8"] .form-group > label {
  color: #314b70;
  letter-spacing: .015em;
}

.app-body[data-ui-version="8"] .panel,
.app-body[data-ui-version="8"] .stat-card,
.app-body[data-ui-version="8"] .toolbar-card,
.app-body[data-ui-version="8"] .suite-card,
.app-body[data-ui-version="8"] .automation-card,
.app-body[data-ui-version="8"] .auto-reply-card,
.app-body[data-ui-version="8"] .workflow-card,
.app-body[data-ui-version="8"] .quick-reply-card,
.app-body[data-ui-version="8"] .support-card,
.app-body[data-ui-version="8"] .price-card,
.app-body[data-ui-version="8"] .campaign-card,
.app-body[data-ui-version="8"] .campaign-metric,
.app-body[data-ui-version="8"] .usage-card,
.app-body[data-ui-version="8"] .integration-card,
.app-body[data-ui-version="8"] .integration-market-card,
.app-body[data-ui-version="8"] .channel-market-card,
.app-body[data-ui-version="8"] .product-card,
.app-body[data-ui-version="8"] .widget-card,
.app-body[data-ui-version="8"] .choice-card,
.app-body[data-ui-version="8"] .connection-card,
.app-body[data-ui-version="8"] .ai-agent-card,
.app-body[data-ui-version="8"] .settings-section,
.app-body[data-ui-version="8"] .billing-hero,
.app-body[data-ui-version="8"] .commerce-hero {
  border-color: var(--v7-stroke);
  background: var(--v7-surface);
  box-shadow: var(--v7-shadow-1), var(--v7-inset);
  backdrop-filter: blur(14px);
}

.app-body[data-ui-version="8"] .panel,
.app-body[data-ui-version="8"] .toolbar-card,
.app-body[data-ui-version="8"] .settings-section {
  border-radius: var(--v7-radius);
}

.app-body[data-ui-version="8"] .panel-head,
.app-body[data-ui-version="8"] .settings-section-head,
.app-body[data-ui-version="8"] .settings-section-foot {
  border-color: rgba(103, 130, 168, .15);
}

.app-body[data-ui-version="8"] .panel-head {
  padding: 19px 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .80), rgba(247, 250, 255, .62));
}

.app-body[data-ui-version="8"] .panel-head h2 {
  color: #10294e;
  font-size: 16px;
}

.app-body[data-ui-version="8"] .status-badge {
  border: 1px solid rgba(72, 106, 153, .10);
  box-shadow: inset 0 1px rgba(255, 255, 255, .58);
}

.app-body[data-ui-version="8"] .flash,
.app-body[data-ui-version="8"] .notice-banner {
  border-radius: 15px;
  box-shadow: var(--v7-shadow-1), var(--v7-inset);
}

.app-body[data-ui-version="8"] .notice-warning {
  color: #83580d;
  border-color: rgba(211, 157, 37, .23);
  background: linear-gradient(100deg, #fff9e8, #fffdf6);
}

.app-body[data-ui-version="8"] .notice-danger {
  border-color: rgba(212, 61, 89, .20);
  background: linear-gradient(100deg, #fff3f5, #fffafa);
}

/* Controlled depth: the JS only assigns this to non-dense cards. */
.app-body[data-ui-version="8"] [data-v7-tilt] {
  --v7-rx: 0deg;
  --v7-ry: 0deg;
  --v7-ty: 0px;
  transform: perspective(1200px) rotateX(var(--v7-rx)) rotateY(var(--v7-ry)) translateY(var(--v7-ty));
  transform-style: preserve-3d;
  transition: transform .24s cubic-bezier(.2, .8, .2, 1), border-color .2s ease, box-shadow .24s ease;
  will-change: transform;
}

.app-body[data-ui-version="8"] [data-v7-tilt]:hover {
  --v7-ty: -3px;
  border-color: rgba(49, 112, 207, .28);
  box-shadow: var(--v7-shadow-2), var(--v7-inset);
}

.app-body[data-ui-version="8"] [data-v7-spotlight] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.app-body[data-ui-version="8"] [data-v7-spotlight]::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 210px;
  height: 210px;
  left: calc(var(--v7-x, 50%) - 105px);
  top: calc(var(--v7-y, 50%) - 105px);
  border-radius: 50%;
  opacity: 0;
  background: radial-gradient(circle, rgba(34, 129, 255, .12), rgba(34, 129, 255, 0) 70%);
  transition: opacity .22s ease;
  pointer-events: none;
}

.app-body[data-ui-version="8"] [data-v7-spotlight]:hover::before { opacity: 1; }

/* --------------------------------------------------------------------------
   Dashboard and analytics
   -------------------------------------------------------------------------- */
.app-body[data-ui-version="8"] .dashboard-home-premium { gap: 20px; }

.app-body[data-ui-version="8"] .dashboard-greeting {
  min-height: 156px;
  padding: 28px 30px;
  border-color: rgba(78, 126, 192, .22);
  border-radius: 23px;
  background:
    radial-gradient(circle at 92% 18%, rgba(21, 213, 187, .20), transparent 13rem),
    radial-gradient(circle at 72% 112%, rgba(31, 124, 255, .15), transparent 16rem),
    linear-gradient(125deg, #fff 0%, #f8fbff 52%, #effaff 100%);
  box-shadow: var(--v7-shadow-2), var(--v7-inset);
}

.app-body[data-ui-version="8"] .dashboard-greeting::before {
  content: "";
  position: absolute;
  width: 112px;
  height: 112px;
  right: 48px;
  bottom: -69px;
  border: 18px solid rgba(8, 101, 232, .06);
  border-radius: 30px;
  transform: rotate(24deg);
}

.app-body[data-ui-version="8"] .dashboard-greeting h2 {
  font-size: clamp(25px, 2.5vw, 34px);
  letter-spacing: -.05em;
}

.app-body[data-ui-version="8"] .dashboard-status-card,
.app-body[data-ui-version="8"] .dashboard-launcher {
  border-color: var(--v7-stroke);
  border-radius: 20px;
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--v7-shadow-1), var(--v7-inset);
}

.app-body[data-ui-version="8"] .dashboard-plan-card {
  min-height: 174px;
  border-color: rgba(89, 147, 225, .25);
  border-radius: 20px;
  background:
    radial-gradient(circle at 90% 10%, rgba(24, 230, 199, .22), transparent 9rem),
    radial-gradient(circle at 12% 115%, rgba(57, 117, 255, .34), transparent 11rem),
    linear-gradient(145deg, #04142f, #082f70);
  box-shadow: 0 22px 50px rgba(4, 29, 75, .21), inset 0 1px rgba(255, 255, 255, .10);
}

.app-body[data-ui-version="8"] .stat-grid,
.app-body[data-ui-version="8"] .analytics-grid {
  gap: 17px;
}

.app-body[data-ui-version="8"] .stat-card {
  min-height: 142px;
  border-radius: 18px;
}

.app-body[data-ui-version="8"] .stat-card::after {
  width: 120px;
  height: 120px;
  top: -62px;
  right: -53px;
  border: 1px solid rgba(19, 111, 251, .08);
  background: radial-gradient(circle, rgba(11, 111, 251, .10), rgba(11, 111, 251, 0) 70%);
}

.app-body[data-ui-version="8"] .stat-icon,
.app-body[data-ui-version="8"] .feature-icon,
.app-body[data-ui-version="8"] .automation-icon,
.app-body[data-ui-version="8"] .dashboard-status-icon {
  box-shadow: inset 0 1px rgba(255, 255, 255, .74), 0 9px 20px rgba(17, 79, 161, .08);
}

.app-body[data-ui-version="8"] .stat-value strong { font-size: 29px; }

.app-body[data-ui-version="8"] .dashboard-launcher-top,
.app-body[data-ui-version="8"] .dashboard-explore {
  border-color: rgba(91, 120, 163, .15);
}

.app-body[data-ui-version="8"] .dashboard-guide-menu {
  border-color: rgba(91, 120, 163, .15);
  background:
    linear-gradient(180deg, rgba(248, 251, 255, .95), rgba(243, 248, 253, .90));
}

.app-body[data-ui-version="8"] .dashboard-guide-button.active {
  border-color: rgba(26, 177, 153, .24);
  background: linear-gradient(100deg, #edfdf9, #f4fbff);
  box-shadow: 0 12px 26px rgba(22, 109, 105, .07), inset 0 1px #fff;
}

.app-body[data-ui-version="8"] .dashboard-explore-grid a {
  min-height: 90px;
  border-color: rgba(84, 118, 169, .18);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .88));
  box-shadow: var(--v7-inset);
}

.app-body[data-ui-version="8"] .dashboard-explore-grid a:hover {
  transform: translateY(-3px);
  border-color: rgba(38, 119, 227, .32);
  box-shadow: var(--v7-shadow-2);
}

/* --------------------------------------------------------------------------
   Tables, CRM, inbox and operational workspaces
   -------------------------------------------------------------------------- */
.app-body[data-ui-version="8"] .toolbar-card {
  padding: 14px;
}

.app-body[data-ui-version="8"] .table-panel,
.app-body[data-ui-version="8"] .data-table-wrap {
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: rgba(72, 111, 169, .30) transparent;
}

.app-body[data-ui-version="8"] .v7-is-scrollable {
  background-image: linear-gradient(to left, rgba(17, 74, 154, .07), transparent 20px);
  background-position: right center;
  background-repeat: no-repeat;
}

.app-body[data-ui-version="8"] .data-table th {
  position: sticky;
  z-index: 2;
  top: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  border-bottom-color: rgba(92, 121, 163, .16);
  color: #6d7f99;
  background: rgba(247, 250, 254, .96);
  backdrop-filter: blur(12px);
}

.app-body[data-ui-version="8"] .data-table td {
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom-color: rgba(102, 130, 170, .12);
}

.app-body[data-ui-version="8"] .data-table tbody tr {
  transition: background .16s ease, box-shadow .16s ease;
}

.app-body[data-ui-version="8"] .data-table tbody tr:hover td {
  background: rgba(240, 247, 255, .72);
}

.app-body[data-ui-version="8"] .table-action {
  border: 1px solid transparent;
  border-radius: 10px;
}

.app-body[data-ui-version="8"] .table-action:hover {
  border-color: rgba(50, 107, 194, .14);
  background: #edf5ff;
}

.app-body[data-ui-version="8"] .inbox-shell {
  border-color: var(--v7-stroke);
  border-radius: 20px;
  background: rgba(255, 255, 255, .93);
  box-shadow: var(--v7-shadow-2), var(--v7-inset);
}

.app-body[data-ui-version="8"] .inbox-list-pane,
.app-body[data-ui-version="8"] .inbox-chat-pane,
.app-body[data-ui-version="8"] .inbox-detail-pane {
  border-color: rgba(93, 121, 162, .14);
}

.app-body[data-ui-version="8"] .inbox-chat-pane {
  background:
    radial-gradient(circle at 92% 4%, rgba(19, 216, 190, .07), transparent 16rem),
    linear-gradient(145deg, #f7faff, #f1f6fc);
}

.app-body[data-ui-version="8"] .inbox-tabs {
  border: 1px solid rgba(82, 116, 168, .12);
  background: rgba(238, 244, 251, .90);
}

.app-body[data-ui-version="8"] .inbox-tab.active {
  color: #075fe4;
  box-shadow: 0 8px 20px rgba(13, 73, 159, .10), inset 0 1px #fff;
}

.app-body[data-ui-version="8"] .crm-board {
  gap: 15px;
  padding: 3px 3px 14px;
}

.app-body[data-ui-version="8"] .crm-column {
  border-color: rgba(89, 119, 164, .16);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(239, 244, 250, .95), rgba(246, 249, 252, .92));
  box-shadow: inset 0 1px rgba(255, 255, 255, .72);
}

.app-body[data-ui-version="8"] .crm-card {
  border-color: rgba(91, 122, 168, .18);
  border-radius: 14px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 9px 22px rgba(16, 48, 93, .065), inset 0 1px #fff;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.app-body[data-ui-version="8"] .crm-card:hover {
  transform: translateY(-2px) rotateX(.35deg);
  border-color: rgba(44, 116, 216, .30);
  box-shadow: 0 17px 35px rgba(16, 56, 112, .11);
}

/* --------------------------------------------------------------------------
   Suites, automation, commerce, integrations and settings
   -------------------------------------------------------------------------- */
.app-body[data-ui-version="8"] .suite-hero,
.app-body[data-ui-version="8"] .commerce-hero,
.app-body[data-ui-version="8"] .billing-hero {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
}

.app-body[data-ui-version="8"] .suite-hero::before,
.app-body[data-ui-version="8"] .commerce-hero::before,
.app-body[data-ui-version="8"] .billing-hero::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  right: -85px;
  top: -115px;
  border: 34px solid rgba(23, 126, 247, .055);
  border-radius: 50%;
  pointer-events: none;
}

.app-body[data-ui-version="8"] .suite-card-grid,
.app-body[data-ui-version="8"] .automation-grid,
.app-body[data-ui-version="8"] .support-grid,
.app-body[data-ui-version="8"] .integration-market-grid,
.app-body[data-ui-version="8"] .developer-grid,
.app-body[data-ui-version="8"] .ai-studio-grid {
  gap: 17px;
}

.app-body[data-ui-version="8"] .suite-card,
.app-body[data-ui-version="8"] .automation-card,
.app-body[data-ui-version="8"] .auto-reply-card,
.app-body[data-ui-version="8"] .workflow-card,
.app-body[data-ui-version="8"] .quick-reply-card,
.app-body[data-ui-version="8"] .support-card,
.app-body[data-ui-version="8"] .integration-market-card,
.app-body[data-ui-version="8"] .channel-market-card,
.app-body[data-ui-version="8"] .product-card,
.app-body[data-ui-version="8"] .widget-card,
.app-body[data-ui-version="8"] .ai-agent-card,
.app-body[data-ui-version="8"] .price-card {
  border-radius: 18px;
}

.app-body[data-ui-version="8"] .automation-flow-mini,
.app-body[data-ui-version="8"] .workflow-mini,
.app-body[data-ui-version="8"] .workflow-builder-simple {
  border-color: rgba(86, 118, 166, .16);
  border-radius: 15px;
  background:
    linear-gradient(rgba(255, 255, 255, .70), rgba(255, 255, 255, .70)),
    linear-gradient(rgba(24, 98, 196, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(24, 98, 196, .06) 1px, transparent 1px),
    #f6f9fd;
  background-size: auto, 24px 24px, 24px 24px, auto;
}

.app-body[data-ui-version="8"] .workflow-node,
.app-body[data-ui-version="8"] .builder-step {
  border-color: rgba(68, 112, 177, .18);
  border-radius: 13px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 24px rgba(12, 47, 94, .07), inset 0 1px #fff;
}

.app-body[data-ui-version="8"] .integration-brand-icon,
.app-body[data-ui-version="8"] .ai-agent-orb {
  box-shadow: 0 15px 32px rgba(9, 88, 205, .15), inset 0 1px rgba(255, 255, 255, .35);
}

.app-body[data-ui-version="8"] .settings-layout {
  gap: 20px;
}

.app-body[data-ui-version="8"] .settings-nav {
  border-color: var(--v7-stroke);
  border-radius: 18px;
  background: rgba(255, 255, 255, .84);
  box-shadow: var(--v7-shadow-1), var(--v7-inset);
  backdrop-filter: blur(14px);
}

.app-body[data-ui-version="8"] .settings-nav a.active {
  color: #075fe5;
  background: linear-gradient(100deg, #edf5ff, #effcf9);
  box-shadow: inset 3px 0 #1477ee;
}

.app-body[data-ui-version="8"] .wizard-shell {
  border-color: var(--v7-stroke);
  border-radius: 21px;
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--v7-shadow-2), var(--v7-inset);
}

.app-body[data-ui-version="8"] .wizard-sidebar {
  border-color: rgba(91, 121, 163, .15);
  background: linear-gradient(180deg, #f8fbff, #f2f6fb);
}

.app-body[data-ui-version="8"] .wizard-step.active {
  color: #075fe5;
  background: linear-gradient(100deg, #edf5ff, #effcf9);
  box-shadow: inset 0 1px #fff;
}

.app-body[data-ui-version="8"] dialog {
  border: 1px solid rgba(75, 108, 158, .22);
  border-radius: 21px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 42px 120px rgba(2, 22, 62, .30), inset 0 1px #fff;
  backdrop-filter: blur(22px);
}

.app-body[data-ui-version="8"] dialog::backdrop {
  background: rgba(3, 14, 35, .58);
  backdrop-filter: blur(7px);
}

.app-body[data-ui-version="8"] .dialog-head,
.app-body[data-ui-version="8"] .dialog-foot {
  border-color: rgba(93, 122, 164, .15);
}

.app-body[data-ui-version="8"] .dialog-foot {
  background: rgba(247, 250, 254, .86);
}

.app-body[data-ui-version="8"] .empty-state,
.app-body[data-ui-version="8"] .error-state,
.app-body[data-ui-version="8"] .plan-locked-state {
  border-radius: 20px;
}

.app-body[data-ui-version="8"] .empty-icon {
  border: 1px solid rgba(40, 119, 223, .12);
  border-radius: 22px;
  background: linear-gradient(145deg, #e9f4ff, #e9fff9);
  box-shadow: 0 16px 34px rgba(14, 83, 170, .09), inset 0 1px #fff;
  transform: rotate(-3deg);
}

/* --------------------------------------------------------------------------
   Authentication
   -------------------------------------------------------------------------- */
.auth-body[data-ui-version="8"] {
  background:
    radial-gradient(circle at 90% 0, rgba(19, 216, 190, .10), transparent 24rem),
    #f7f9fd;
}

.auth-body[data-ui-version="8"] .auth-layout {
  grid-template-columns: minmax(490px, .96fr) minmax(470px, 1.04fr);
}

.auth-body[data-ui-version="8"] .auth-showcase {
  isolation: isolate;
  background:
    radial-gradient(circle at 82% 13%, rgba(27, 222, 193, .22), transparent 18rem),
    radial-gradient(circle at 18% 86%, rgba(39, 113, 255, .25), transparent 21rem),
    linear-gradient(145deg, #020916 0%, #061a3d 48%, #073b83 100%);
}

.auth-body[data-ui-version="8"] .auth-showcase::before {
  opacity: .75;
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
}

.auth-body[data-ui-version="8"] .auth-showcase::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 240px;
  height: 240px;
  right: -80px;
  bottom: 11%;
  border: 36px solid rgba(106, 236, 217, .07);
  border-radius: 56px;
  transform: rotate(27deg);
  box-shadow: inset 0 0 40px rgba(25, 128, 255, .06), 0 40px 100px rgba(0, 0, 0, .14);
}

.auth-body[data-ui-version="8"] .auth-brand img {
  filter: brightness(0) invert(1) drop-shadow(0 12px 25px rgba(0, 0, 0, .24));
}

.auth-body[data-ui-version="8"] .auth-story {
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025));
  box-shadow: inset 0 1px rgba(255, 255, 255, .10), 0 28px 70px rgba(0, 0, 0, .13);
  backdrop-filter: blur(13px);
}

.auth-body[data-ui-version="8"] .auth-story h1 {
  font-size: clamp(43px, 4.7vw, 64px);
  letter-spacing: -.06em;
}

.auth-body[data-ui-version="8"] .auth-proof-grid div {
  border-color: rgba(255, 255, 255, .13);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035));
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 14px 30px rgba(0, 0, 0, .09);
}

.auth-body[data-ui-version="8"] .auth-testimonial {
  padding: 23px 24px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 20px;
  background: rgba(2, 14, 37, .24);
  backdrop-filter: blur(12px);
}

.auth-body[data-ui-version="8"] .auth-panel {
  background:
    radial-gradient(circle at 95% 5%, rgba(20, 217, 190, .11), transparent 17rem),
    radial-gradient(circle at 6% 96%, rgba(21, 112, 249, .08), transparent 20rem),
    #f9fbfe;
}

.auth-body[data-ui-version="8"] .auth-panel-inner {
  width: min(460px, 100%);
  padding: 34px;
  border: 1px solid rgba(91, 125, 174, .18);
  border-radius: 24px;
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--v7-shadow-2), var(--v7-inset);
  backdrop-filter: blur(18px);
}

.auth-body[data-ui-version="8"] .auth-title h1 {
  color: #0b254e;
  font-size: 34px;
  letter-spacing: -.045em;
}

.auth-body[data-ui-version="8"] .auth-form input {
  min-height: 51px;
}

/* --------------------------------------------------------------------------
   Onboarding and public customer forms
   -------------------------------------------------------------------------- */
.onboarding-page[data-ui-version="8"] {
  background:
    radial-gradient(circle at 95% 3%, rgba(20, 215, 190, .11), transparent 26rem),
    radial-gradient(circle at 18% 94%, rgba(26, 113, 245, .09), transparent 26rem),
    #f5f8fc;
}

.onboarding-page[data-ui-version="8"] .onboarding-side {
  background:
    radial-gradient(circle at 13% 0, rgba(20, 218, 190, .20), transparent 15rem),
    linear-gradient(165deg, #031127, #082d68);
}

.onboarding-page[data-ui-version="8"] .onboarding-main,
.onboarding-page[data-ui-version="8"] .onboarding-card {
  border-color: var(--v7-stroke);
  border-radius: 23px;
  background: rgba(255, 255, 255, .90);
  box-shadow: var(--v7-shadow-2), var(--v7-inset);
  backdrop-filter: blur(16px);
}

.public-form-body[data-ui-version="8"] {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 10% 0, rgba(27, 119, 255, .16), transparent 22rem),
    radial-gradient(circle at 94% 16%, rgba(19, 216, 190, .16), transparent 24rem),
    linear-gradient(145deg, #f8fbff, #eef5fb);
}

.public-form-body[data-ui-version="8"]::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  opacity: .38;
  background-image:
    linear-gradient(rgba(27, 86, 165, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27, 86, 165, .05) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 85%);
}

.public-form-body[data-ui-version="8"] .public-form-shell {
  width: min(690px, 100%);
}

.public-form-body[data-ui-version="8"] .public-form-brand {
  align-items: center;
  gap: 13px;
}

.public-form-body[data-ui-version="8"] .public-form-brand img { width: 178px; }

.public-form-body[data-ui-version="8"] .public-form-brand span {
  padding: 6px 9px;
  border: 1px solid rgba(33, 114, 217, .14);
  border-radius: 999px;
  color: #55708f;
  background: rgba(255, 255, 255, .68);
  font-size: 9px;
  font-weight: 800;
}

.public-form-body[data-ui-version="8"] .public-form-card {
  padding: 31px;
  border-color: rgba(74, 112, 167, .20);
  border-radius: 25px;
  background: rgba(255, 255, 255, .90);
  box-shadow: 0 34px 90px rgba(8, 42, 92, .17), inset 0 1px #fff;
  backdrop-filter: blur(18px);
}

.public-form-body[data-ui-version="8"] .public-form-card > h1 {
  margin-top: 9px;
  color: #0c2751;
  font-size: clamp(26px, 5vw, 35px);
  letter-spacing: -.045em;
}

.public-form-body[data-ui-version="8"] .public-form-card > p {
  margin: 9px 0 24px;
  color: #6c7f9b;
  line-height: 1.65;
}

.public-form-body[data-ui-version="8"] .public-form-card > form,
.public-form-body[data-ui-version="8"] .public-form-card > .public-form-success {
  padding: 0;
}

.public-form-body[data-ui-version="8"] .public-form-foot {
  color: #72849e;
  font-weight: 600;
}

/* Public policy, deletion and error pages retain the V6 navigation with a V7 reading surface. */
.public-body[data-ui-version="8"] .simple-page {
  position: relative;
  background:
    radial-gradient(circle at 92% 4%, rgba(19, 216, 190, .10), transparent 23rem),
    radial-gradient(circle at 8% 96%, rgba(20, 111, 247, .08), transparent 26rem),
    #f6f9fd;
}

.public-body[data-ui-version="8"] .simple-page::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(29, 83, 155, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 83, 155, .05) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

.public-body[data-ui-version="8"] .simple-page .public-container { position: relative; z-index: 1; }

.public-body[data-ui-version="8"] .simple-page article,
.public-body[data-ui-version="8"] .simple-page .error-state {
  border: 1px solid rgba(80, 115, 165, .20);
  border-radius: 25px;
  background: rgba(255, 255, 255, .91);
  box-shadow: var(--v7-shadow-2), var(--v7-inset);
  backdrop-filter: blur(16px);
}

.public-body[data-ui-version="8"] .simple-page article { padding: clamp(26px, 5vw, 48px); }

.public-body[data-ui-version="8"] .simple-page article h1 {
  color: #0b2851;
  font-size: clamp(34px, 5vw, 48px);
  letter-spacing: -.045em;
}

.public-body[data-ui-version="8"] .simple-page article h2 { color: #17395f; }

/* --------------------------------------------------------------------------
   Responsive and motion safety
   -------------------------------------------------------------------------- */
@media (max-width: 1240px) {
  .workspace-live { display: none; }
  .app-body[data-ui-version="8"] .command-search { min-width: 190px; }
}

@media (max-width: 1080px) {
  .app-atmosphere { inset: 0; }
  .app-body[data-ui-version="8"] .sidebar { box-shadow: 24px 0 70px rgba(2, 18, 51, .25); }
  .auth-body[data-ui-version="8"] .auth-layout { grid-template-columns: 1fr; }
  .auth-body[data-ui-version="8"] .auth-panel-inner { width: min(480px, 100%); }
}

@media (max-width: 760px) {
  .app-body[data-ui-version="8"] .topbar {
    height: 70px;
    padding-inline: 15px;
  }

  .app-body[data-ui-version="8"] .page-content { padding: 18px 14px 36px; }
  .app-body[data-ui-version="8"] .page-heading p { display: none; }
  .app-body[data-ui-version="8"] .page-heading h1 { font-size: 18px; }
  .app-body[data-ui-version="8"] .dashboard-greeting { padding: 22px; border-radius: 19px; }
  .app-body[data-ui-version="8"] .dashboard-greeting::before { display: none; }
  .app-body[data-ui-version="8"] .panel,
  .app-body[data-ui-version="8"] .dashboard-launcher,
  .app-body[data-ui-version="8"] .wizard-shell,
  .app-body[data-ui-version="8"] .inbox-shell { border-radius: 16px; }
  .app-body[data-ui-version="8"] .toolbar-card { align-items: stretch; flex-direction: column; }
  .app-body[data-ui-version="8"] .toolbar-left,
  .app-body[data-ui-version="8"] .toolbar-right { flex-wrap: wrap; }
  .auth-body[data-ui-version="8"] .auth-panel { padding: 20px 14px; }
  .auth-body[data-ui-version="8"] .auth-panel-inner { padding: 25px 21px; border-radius: 20px; }
  .public-form-body[data-ui-version="8"] .public-form-card { padding: 23px 19px; border-radius: 21px; }
  .public-form-body[data-ui-version="8"] .public-form-brand { flex-direction: column; }
}

@media (max-width: 520px) {
  .app-body[data-ui-version="8"] .command-search { width: 40px; min-width: 40px; justify-content: center; padding: 0; }
  .app-body[data-ui-version="8"] .command-search span,
  .app-body[data-ui-version="8"] .command-search kbd,
  .app-body[data-ui-version="8"] .user-menu-copy,
  .app-body[data-ui-version="8"] .user-menu-trigger > .icon { display: none; }
  .app-body[data-ui-version="8"] .user-menu-trigger { padding-right: 4px; }
  .app-body[data-ui-version="8"] .notice-banner { grid-template-columns: 36px minmax(0, 1fr); }
  .app-body[data-ui-version="8"] .notice-banner > :last-child { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  [data-ui-version="8"] *,
  [data-ui-version="8"] *::before,
  [data-ui-version="8"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .app-body[data-ui-version="8"] [data-v7-tilt] { transform: none !important; }
}
/* LITREVO V8 — all-page product experience layer */
:root {
  --v8-ink: #11132b;
  --v8-muted: #666b80;
  --v8-line: rgba(25, 29, 61, .1);
  --v8-paper: #fffdf9;
  --v8-lilac: #7158ee;
  --v8-purple: #4d35bd;
  --v8-coral: #ff796b;
  --v8-lime: #dff86d;
  --v8-cyan: #7ce5e3;
  --v8-shadow: 0 22px 70px rgba(31, 27, 74, .10), 0 2px 10px rgba(31, 27, 74, .06);
  --v8-shadow-hover: 0 30px 90px rgba(39, 30, 104, .16), 0 8px 22px rgba(39, 30, 104, .08);
}

.app-body[data-ui-version="8"] {
  color: var(--v8-ink);
  background:
    radial-gradient(circle at 78% 4%, rgba(113,88,238,.12), transparent 24rem),
    radial-gradient(circle at 26% 58%, rgba(124,229,227,.09), transparent 26rem),
    #f7f6fb;
}

.app-body[data-ui-version="8"] .app-atmosphere { opacity: .75; }
.app-body[data-ui-version="8"] .app-atmosphere span:nth-child(1) { background: rgba(113,88,238,.16); }
.app-body[data-ui-version="8"] .app-atmosphere span:nth-child(2) { background: rgba(255,121,107,.12); }
.app-body[data-ui-version="8"] .app-atmosphere span:nth-child(3) { background: rgba(124,229,227,.13); }

/* Navigation becomes a premium product rail on every internal route. */
.app-body[data-ui-version="8"] .sidebar {
  background: linear-gradient(180deg, #111027 0%, #171433 58%, #101023 100%);
  border-right: 1px solid rgba(255,255,255,.06);
  box-shadow: 18px 0 70px rgba(15, 12, 43, .18);
}
.app-body[data-ui-version="8"] .sidebar::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 14% 4%, rgba(124,229,227,.12), transparent 25%), radial-gradient(circle at 90% 72%, rgba(113,88,238,.18), transparent 34%);
}
.app-body[data-ui-version="8"] .sidebar-head,
.app-body[data-ui-version="8"] .sidebar-nav,
.app-body[data-ui-version="8"] .sidebar-bottom { position: relative; z-index: 1; }
.app-body[data-ui-version="8"] .sidebar-link,
.app-body[data-ui-version="8"] .sidebar-group-toggle,
.app-body[data-ui-version="8"] .sidebar-sublink {
  border: 1px solid transparent; color: rgba(247,246,255,.67); transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease;
}
.app-body[data-ui-version="8"] .sidebar-link:hover,
.app-body[data-ui-version="8"] .sidebar-group-toggle:hover,
.app-body[data-ui-version="8"] .sidebar-sublink:hover { color: #fff; background: rgba(255,255,255,.055); transform: translateX(2px); }
.app-body[data-ui-version="8"] .sidebar-link.active,
.app-body[data-ui-version="8"] .sidebar-sublink.active {
  color: #fff; border-color: rgba(223,248,109,.2);
  background: linear-gradient(110deg, rgba(113,88,238,.34), rgba(124,229,227,.10));
  box-shadow: inset 3px 0 0 var(--v8-lime), 0 10px 30px rgba(6,5,20,.2);
}
.app-body[data-ui-version="8"] .nav-group-label,
.app-body[data-ui-version="8"] .nav-quick-label { color: rgba(223,248,109,.72); letter-spacing: .14em; }
.app-body[data-ui-version="8"] .plan-mini {
  border: 1px solid rgba(223,248,109,.16); background: linear-gradient(135deg, rgba(223,248,109,.09), rgba(113,88,238,.13));
}

/* Compact utility bar, with the real page narrative in the V8 stage. */
.app-body[data-ui-version="8"] .topbar {
  min-height: 72px; height: 72px; padding-inline: clamp(18px, 2vw, 34px);
  background: rgba(250,249,253,.84); border-bottom-color: rgba(25,29,61,.07); backdrop-filter: blur(18px) saturate(1.2);
}
.app-body[data-ui-version="8"] .topbar .page-heading { display: none; }
.app-body[data-ui-version="8"] .command-search { background: rgba(255,255,255,.72); border-color: var(--v8-line); }
.app-body[data-ui-version="8"] .workspace-live { color: #267f6b; background: rgba(54,189,159,.08); border: 1px solid rgba(54,189,159,.13); }
.app-body[data-ui-version="8"] .page-content { max-width: 1660px; padding: clamp(18px, 2.5vw, 40px); }
.app-body[data-ui-version="8"] .page-toolbar { display: none; }

/* Every route receives this product-specific dimensional stage. */
.v8-page-stage {
  --stage-a: #4932b4; --stage-b: #7259ee; --stage-accent: #dff86d;
  position: relative; isolation: isolate; min-height: 234px; overflow: hidden;
  display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 26px;
  margin-bottom: 26px; padding: clamp(27px, 3vw, 46px);
  border: 1px solid rgba(255,255,255,.16); border-radius: 30px;
  color: #fff; background: linear-gradient(128deg, var(--stage-a), var(--stage-b));
  box-shadow: 0 28px 80px rgba(56,39,137,.23), inset 0 1px 0 rgba(255,255,255,.18);
  transform-style: preserve-3d; transform: perspective(1200px) rotateX(var(--v8-rx,0deg)) rotateY(var(--v8-ry,0deg)); transition: transform .22s ease;
}
.role-master .v8-page-stage { --stage-a: #12122d; --stage-b: #312367; --stage-accent: #7ce5e3; }
.page-inbox .v8-page-stage, .page-support .v8-page-stage { --stage-a:#086b75; --stage-b:#3d36b0; --stage-accent:#dff86d; }
.page-campaigns .v8-page-stage, .page-automations .v8-page-stage { --stage-a:#8e3c6f; --stage-b:#552fbb; --stage-accent:#ffd090; }
.page-crm .v8-page-stage, .page-commerce .v8-page-stage { --stage-a:#123f52; --stage-b:#1e7c73; --stage-accent:#dff86d; }
.page-billing .v8-page-stage, .page-master-plans .v8-page-stage, .page-master-invoices .v8-page-stage { --stage-a:#472166; --stage-b:#ba4d68; --stage-accent:#ffd98f; }
.page-master-businesses .v8-page-stage, .page-master-business .v8-page-stage { --stage-a:#112f4b; --stage-b:#3e37a8; --stage-accent:#7ce5e3; }
.v8-page-stage::before {
  content:""; position:absolute; width:430px; height:430px; right:-90px; top:-210px; border-radius:50%; z-index:-1;
  border: 1px solid rgba(255,255,255,.22); box-shadow: 0 0 0 56px rgba(255,255,255,.05), 0 0 0 114px rgba(255,255,255,.035);
}
.v8-page-stage::after {
  content:""; position:absolute; inset:1px; border-radius:29px; z-index:-2; opacity:.24;
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.16) 50%, transparent 66%);
  transform: translateX(-100%); animation: v8-stage-sheen 9s ease-in-out infinite;
}
@keyframes v8-stage-sheen { 0%,70%,100%{transform:translateX(-100%)} 84%{transform:translateX(100%)} }
.v8-stage-grid { position:absolute; inset:0; z-index:-2; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px); background-size:40px 40px; mask-image:linear-gradient(90deg,#000,transparent 78%); }
.v8-stage-orb { position:absolute; right:11%; bottom:-95px; width:255px; aspect-ratio:1; border-radius:50%; z-index:-1; background:radial-gradient(circle at 35% 30%,#fff 0 2%,var(--stage-accent) 9%,rgba(255,255,255,.12) 48%,transparent 70%); filter:drop-shadow(0 22px 34px rgba(3,3,20,.28)); opacity:.74; animation:v8-orb-float 7s ease-in-out infinite; }
@keyframes v8-orb-float { 0%,100%{transform:translate3d(0,0,40px)} 50%{transform:translate3d(0,-13px,60px)} }
.v8-stage-copy { max-width: 780px; transform: translateZ(44px); }
.v8-stage-context { display:flex; align-items:center; gap:9px; margin-bottom:17px; font-size:11px; font-weight:800; letter-spacing:.14em; color:rgba(255,255,255,.76); }
.v8-stage-context i { width:4px; height:4px; border-radius:50%; background:var(--stage-accent); }
.v8-stage-icon { display:grid; place-items:center; width:34px; height:34px; margin-right:2px; border-radius:11px; color:#171329; background:var(--stage-accent); box-shadow:0 9px 22px rgba(4,3,19,.18); }
.v8-stage-icon svg { width:17px; height:17px; }
.v8-stage-copy h1 { margin:0; max-width:740px; color:#fff; font:800 clamp(31px,3.4vw,52px)/1.03 Manrope,sans-serif; letter-spacing:-.055em; }
.v8-stage-copy p { margin:13px 0 0; max-width:680px; color:rgba(255,255,255,.72); font-size:clamp(14px,1.3vw,17px); line-height:1.65; }
.v8-stage-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; align-self:center; max-width:420px; transform:translateZ(56px); }
.v8-stage-actions:empty { display:none; }
.v8-stage-actions .btn { min-height:46px; border-color:rgba(255,255,255,.2); box-shadow:0 12px 25px rgba(4,3,20,.16); }
.v8-stage-actions .btn-primary { color:#18132c; background:var(--stage-accent); border-color:transparent; }
.v8-stage-actions .btn-secondary { color:#fff; background:rgba(255,255,255,.10); }
.v8-stage-status { position:absolute; top:22px; right:27px; display:flex; align-items:center; gap:10px; font-size:11px; color:rgba(255,255,255,.65); }
.v8-stage-status span { display:flex; align-items:center; gap:6px; color:#fff; font-weight:700; }
.v8-stage-status span i { width:7px; height:7px; border-radius:50%; background:var(--stage-accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--stage-accent) 18%,transparent); }

/* Real application surfaces: depth, hierarchy and purposeful motion across every page. */
.app-body[data-ui-version="8"] :is(.panel,.table-panel,.toolbar-card,.settings-section,.support-card,.usage-card,.stat-card,.integration-market-card,.channel-market-card,.price-card,.suite-card) {
  border-color: var(--v8-line); background: rgba(255,253,249,.92); box-shadow: var(--v8-shadow);
}
.app-body[data-ui-version="8"] :is(.panel,.settings-section,.support-card,.usage-card,.stat-card,.integration-market-card,.channel-market-card,.price-card,.suite-card) {
  position: relative; overflow: hidden; border-radius: 22px;
}
.app-body[data-ui-version="8"] :is(.panel,.usage-card,.stat-card,.integration-market-card,.channel-market-card,.price-card,.suite-card)::before {
  content:""; position:absolute; left:18px; right:18px; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(113,88,238,.34),transparent); pointer-events:none;
}
.app-body[data-ui-version="8"] :is(.stat-card,.usage-card,.integration-market-card,.channel-market-card,.price-card,.suite-card) { transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.app-body[data-ui-version="8"] :is(.stat-card,.usage-card,.integration-market-card,.channel-market-card,.price-card,.suite-card):hover { transform:translateY(-5px); box-shadow:var(--v8-shadow-hover); border-color:rgba(113,88,238,.2); }
.app-body[data-ui-version="8"] .panel-head { padding:22px 24px; background:linear-gradient(180deg,rgba(113,88,238,.025),transparent); }
.app-body[data-ui-version="8"] .panel-head h2,
.app-body[data-ui-version="8"] .panel h2,
.app-body[data-ui-version="8"] .settings-section h2 { color:var(--v8-ink); font-family:Manrope,sans-serif; letter-spacing:-.025em; }
.app-body[data-ui-version="8"] .stat-grid { gap:17px; margin-bottom:22px; }
.app-body[data-ui-version="8"] .stat-card { min-height:150px; padding:22px; }
.app-body[data-ui-version="8"] .stat-card strong { font:800 clamp(25px,2.5vw,37px)/1 Manrope,sans-serif; letter-spacing:-.055em; color:var(--v8-ink); }
.app-body[data-ui-version="8"] .stat-icon { transform:translateZ(20px); box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 11px 24px rgba(49,40,117,.12); }
.app-body[data-ui-version="8"] .dashboard-grid { gap:22px; }
.app-body[data-ui-version="8"] .activity-row { margin:0 12px; padding:16px 13px; border-radius:15px; border-bottom:0; }
.app-body[data-ui-version="8"] a.activity-row:hover { background:rgba(113,88,238,.055); transform:translateX(3px); }
.app-body[data-ui-version="8"] .toolbar-card { position:sticky; top:86px; z-index:8; padding:14px; border-radius:18px; backdrop-filter:blur(18px); }
.app-body[data-ui-version="8"] .search-field { background:#f8f7fc; border-radius:12px; }
.app-body[data-ui-version="8"] :is(input,select,textarea) { border-radius:12px; border-color:rgba(25,29,61,.13); background:#fcfbfe; }
.app-body[data-ui-version="8"] :is(input,select,textarea):focus { border-color:var(--v8-lilac); box-shadow:0 0 0 4px rgba(113,88,238,.11); background:#fff; }
.app-body[data-ui-version="8"] .btn { border-radius:12px; font-weight:750; }
.app-body[data-ui-version="8"] .btn-primary { background:linear-gradient(135deg,var(--v8-lilac),var(--v8-purple)); box-shadow:0 10px 25px rgba(77,53,189,.22); }
.app-body[data-ui-version="8"] .btn-primary:hover { transform:translateY(-2px); box-shadow:0 15px 32px rgba(77,53,189,.28); }
.app-body[data-ui-version="8"] .data-table th { color:#7d8091; background:#f7f5fb; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.app-body[data-ui-version="8"] .data-table td { border-bottom-color:rgba(25,29,61,.065); }
.app-body[data-ui-version="8"] .data-table tbody tr { transition:background .18s ease,transform .18s ease; }
.app-body[data-ui-version="8"] .data-table tbody tr:hover { background:rgba(113,88,238,.035); }
.app-body[data-ui-version="8"] .table-panel { overflow:hidden; border-radius:22px; }
.app-body[data-ui-version="8"] dialog { border-radius:24px; box-shadow:0 40px 120px rgba(15,13,44,.28); }
.app-body[data-ui-version="8"] .settings-layout { gap:22px; }
.app-body[data-ui-version="8"] .settings-nav { padding:10px; border-radius:18px; background:#18152e; box-shadow:var(--v8-shadow); }
.app-body[data-ui-version="8"] .settings-nav a { color:rgba(255,255,255,.68); border-radius:11px; }
.app-body[data-ui-version="8"] .settings-nav a.active { color:#171329; background:var(--v8-lime); }
.app-body[data-ui-version="8"] .settings-section-head { background:linear-gradient(135deg,rgba(113,88,238,.055),rgba(124,229,227,.035)); }
.app-body[data-ui-version="8"] .notice-banner { border-radius:17px; }
.app-body[data-ui-version="8"] .empty-panel .feature-icon { background:linear-gradient(135deg,rgba(113,88,238,.12),rgba(124,229,227,.16)); box-shadow:0 12px 30px rgba(65,47,158,.11); }

/* Master Admin operational enhancements. */
.role-master .sidebar-brand::after { content:"MASTER"; margin-left:auto; padding:4px 7px; border-radius:6px; color:#111027; background:var(--v8-cyan); font-size:8px; font-weight:900; letter-spacing:.12em; }
.role-master .stat-card:nth-child(1) { background:linear-gradient(145deg,#fffdf9,#f0f4ff); }
.role-master .stat-card:nth-child(2) { background:linear-gradient(145deg,#fffdf9,#edfbf8); }
.role-master .stat-card:nth-child(3) { background:linear-gradient(145deg,#fffdf9,#f7efff); }
.role-master .stat-card:nth-child(4) { background:linear-gradient(145deg,#fffdf9,#fff3eb); }
.v8-master-ribbon { display:grid; grid-template-columns:minmax(0,1fr) repeat(3,minmax(145px,.35fr)); gap:1px; margin-bottom:22px; overflow:hidden; border:1px solid var(--v8-line); border-radius:20px; background:var(--v8-line); box-shadow:var(--v8-shadow); }
.v8-master-ribbon > * { padding:20px; background:rgba(255,253,249,.96); }
.v8-master-ribbon > div:first-child { display:flex; align-items:center; gap:15px; }
.v8-master-ribbon .v8-ribbon-icon { display:grid; place-items:center; width:46px; height:46px; flex:0 0 auto; border-radius:15px; color:#fff; background:linear-gradient(135deg,var(--v8-lilac),#2d237f); box-shadow:0 12px 26px rgba(72,52,174,.22); }
.v8-master-ribbon strong { display:block; font:750 15px/1.3 Manrope,sans-serif; color:var(--v8-ink); }
.v8-master-ribbon span { display:block; margin-top:4px; color:var(--v8-muted); font-size:12px; }
.v8-business-control { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr); gap:22px; margin-bottom:22px; }
.v8-identity-card { padding:26px; }
.v8-identity-top { display:flex; align-items:center; gap:16px; padding-bottom:21px; margin-bottom:20px; border-bottom:1px solid var(--v8-line); }
.v8-identity-top .avatar { width:58px; height:58px; font-size:18px; }
.v8-identity-top h2 { margin:0 0 5px; }
.v8-identity-top p { margin:0; color:var(--v8-muted); }
.v8-control-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.v8-control-item { padding:15px; border:1px solid var(--v8-line); border-radius:14px; background:#faf9fd; }
.v8-control-item span { display:block; margin-bottom:6px; color:var(--v8-muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.v8-control-item strong { overflow-wrap:anywhere; }
.v8-subscription-card { padding:26px; color:#fff; border:0!important; background:linear-gradient(145deg,#16142f,#39256f)!important; }
.v8-subscription-card h2,.v8-subscription-card .form-label { color:#fff!important; }
.v8-subscription-card p,.v8-subscription-card .form-hint { color:rgba(255,255,255,.62); }
.v8-subscription-card :is(input,select) { color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16); }
.v8-subscription-card select option { color:var(--v8-ink); }
.role-master .feature-control-form { display:grid; gap:22px; }
.role-master .feature-matrix-panel { margin:0; }
.role-master .feature-matrix-wrap { overflow:auto; }
.role-master .feature-matrix { min-width:900px; }
.role-master .feature-matrix thead th { background:#17142f; color:#fff; }
.role-master .feature-matrix thead th:first-child { border-radius:12px 0 0 0; }
.role-master .feature-matrix thead th:last-child { border-radius:0 12px 0 0; }
.role-master .feature-matrix tbody tr:hover td { background:rgba(113,88,238,.035); }
.role-master .feature-switch span { box-shadow:inset 0 0 0 1px rgba(25,29,61,.12); }
.role-master .sticky-save-bar { border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(19,17,43,.94); box-shadow:0 20px 55px rgba(16,13,45,.25); backdrop-filter:blur(18px); }
.role-master .support-grid { gap:22px; }
.role-master .support-card { padding:22px; }
.page-master-audit .data-table code { display:inline-block; max-width:300px; padding:6px 8px; border-radius:8px; color:#4a3d90; background:#f1eefb; overflow:hidden; text-overflow:ellipsis; }
.page-master-settings .check-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0; }
.page-master-settings .check-list li { display:flex; align-items:center; gap:10px; padding:15px; border:1px solid var(--v8-line); border-radius:13px; background:#faf9fd; }

/* Module-specific visual depth so every Business page has a designed operating surface. */
.app-body[data-ui-version="8"] :is(.suite-hero,.commerce-hero,.billing-hero) { border-radius:24px; box-shadow:0 25px 65px rgba(42,31,112,.18); }
.app-body[data-ui-version="8"] :is(.suite-card-grid,.integration-market-grid,.channel-market-grid,.analytics-grid,.automation-grid) { gap:20px; }
.app-body[data-ui-version="8"] :is(.suite-card,.automation-card,.auto-reply-card,.workflow-card,.quick-reply-card,.product-card,.widget-card,.ai-agent-card) { border-radius:20px; border-color:var(--v8-line); box-shadow:var(--v8-shadow); transition:transform .24s ease,box-shadow .24s ease; }
.app-body[data-ui-version="8"] :is(.suite-card,.automation-card,.auto-reply-card,.workflow-card,.quick-reply-card,.product-card,.widget-card,.ai-agent-card):hover { transform:translateY(-4px); box-shadow:var(--v8-shadow-hover); }
.app-body[data-ui-version="8"] .crm-board { gap:17px; padding-bottom:12px; }
.app-body[data-ui-version="8"] .crm-column { border-radius:20px; background:rgba(247,245,252,.92); border:1px solid var(--v8-line); }
.app-body[data-ui-version="8"] .crm-card { border-radius:15px; box-shadow:0 8px 25px rgba(42,34,99,.08); }
.app-body[data-ui-version="8"] .inbox-shell { overflow:hidden; border:1px solid var(--v8-line); border-radius:23px; box-shadow:var(--v8-shadow); }
.app-body[data-ui-version="8"] .inbox-list-pane { background:#faf9fd; }
.app-body[data-ui-version="8"] .inbox-chat-pane { background:linear-gradient(180deg,#fff,#faf9fd); }
.app-body[data-ui-version="8"] .analytics-chart { border-radius:18px; background:linear-gradient(180deg,rgba(113,88,238,.045),transparent); }
.app-body[data-ui-version="8"] .campaign-card { border-radius:18px; border-color:var(--v8-line); box-shadow:0 10px 30px rgba(42,34,99,.07); }
.app-body[data-ui-version="8"] .wizard-shell { overflow:hidden; border:1px solid var(--v8-line); border-radius:24px; box-shadow:var(--v8-shadow); }
.app-body[data-ui-version="8"] .wizard-sidebar { background:linear-gradient(180deg,#18152f,#29205d); }
.app-body[data-ui-version="8"] .notification-row { margin:10px; border:1px solid transparent; border-radius:15px; }
.app-body[data-ui-version="8"] .notification-row.unread { border-color:rgba(113,88,238,.14); background:rgba(113,88,238,.045); }

/* Three-plan details: one truth-rich component for public, Business Billing and Master Plans. */
.v8-plan-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:25px; }
.v8-plan-card { --plan-accent:var(--v8-lilac); position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:470px; padding:27px; border:1px solid var(--v8-line); border-radius:25px; background:var(--v8-paper); box-shadow:var(--v8-shadow); transition:transform .26s ease,box-shadow .26s ease; }
.v8-plan-card:hover { transform:translateY(-7px); box-shadow:var(--v8-shadow-hover); }
.v8-plan-card.growth { --plan-accent:var(--v8-lime); color:#fff; border-color:rgba(255,255,255,.12); background:linear-gradient(145deg,#17142e,#4735a8); transform:translateY(-9px); }
.v8-plan-card.growth:hover { transform:translateY(-14px); }
.v8-plan-card.scale { --plan-accent:var(--v8-cyan); }
.v8-plan-card::after { content:""; position:absolute; width:190px; height:190px; right:-78px; top:-80px; border-radius:50%; background:var(--plan-accent); opacity:.18; box-shadow:0 0 0 32px color-mix(in srgb,var(--plan-accent) 13%,transparent); }
.v8-plan-label { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--v8-muted); font-size:11px; font-weight:850; letter-spacing:.12em; }
.growth .v8-plan-label { color:rgba(255,255,255,.68); }
.v8-plan-label i { width:8px; height:8px; border-radius:50%; background:var(--plan-accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--plan-accent) 17%,transparent); }
.v8-plan-card h3 { position:relative; z-index:1; margin:23px 0 8px; font:800 31px/1 Manrope,sans-serif; letter-spacing:-.05em; }
.v8-plan-card > p { min-height:47px; margin:0; color:var(--v8-muted); line-height:1.55; }
.v8-plan-card.growth > p { color:rgba(255,255,255,.66); }
.v8-plan-price { display:flex; align-items:baseline; gap:4px; margin:25px 0 18px; }
.v8-plan-price span { font-size:17px; font-weight:800; }
.v8-plan-price strong { font:850 43px/1 Manrope,sans-serif; letter-spacing:-.06em; }
.v8-plan-price small { color:var(--v8-muted); }
.growth .v8-plan-price small { color:rgba(255,255,255,.62); }
.v8-plan-highlights { display:grid; gap:10px; padding:20px 0; margin:0 0 20px; border-block:1px solid var(--v8-line); }
.growth .v8-plan-highlights { border-color:rgba(255,255,255,.13); }
.v8-plan-highlights span { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:650; }
.v8-plan-highlights svg { width:16px; color:var(--plan-accent); }
.v8-plan-card .btn,.v8-plan-card form { margin-top:auto; }
.v8-plan-card .btn { width:100%; }
.v8-plan-card.growth .btn-primary { color:#18132c; background:var(--v8-lime); }
.v8-plan-comparison { margin:28px 0; padding:clamp(22px,3vw,34px); border:1px solid var(--v8-line); border-radius:27px; background:rgba(255,253,249,.95); box-shadow:var(--v8-shadow); }
.v8-comparison-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.v8-comparison-head span { color:var(--v8-lilac); font-size:11px; font-weight:850; letter-spacing:.14em; }
.v8-comparison-head h2 { margin:7px 0 7px; font:800 clamp(25px,3vw,38px)/1.1 Manrope,sans-serif; letter-spacing:-.045em; }
.v8-comparison-head p { margin:0; color:var(--v8-muted); }
.v8-comparison-head > a { display:flex; align-items:center; gap:8px; padding:11px 14px; border-radius:11px; color:var(--v8-purple); background:rgba(113,88,238,.08); font-weight:750; white-space:nowrap; }
.v8-comparison-scroll { overflow:auto; border:1px solid var(--v8-line); border-radius:18px; }
.v8-plan-comparison table { width:100%; min-width:850px; border-collapse:separate; border-spacing:0; }
.v8-plan-comparison th,.v8-plan-comparison td { padding:14px 18px; border-right:1px solid var(--v8-line); border-bottom:1px solid var(--v8-line); text-align:center; }
.v8-plan-comparison tr > *:last-child { border-right:0; }
.v8-plan-comparison tbody tr:last-child > * { border-bottom:0; }
.v8-plan-comparison thead th { padding-block:20px; background:#f8f7fb; }
.v8-plan-comparison thead th:first-child { width:34%; text-align:left; }
.v8-plan-comparison thead th span,.v8-plan-comparison thead th small { display:block; color:var(--v8-muted); font-size:10px; }
.v8-plan-comparison thead th strong { display:block; margin:4px 0; font:800 19px/1.2 Manrope,sans-serif; }
.v8-plan-comparison thead .plan-growth { color:#fff; background:#332679; }
.v8-plan-comparison thead .plan-growth span,.v8-plan-comparison thead .plan-growth small { color:rgba(255,255,255,.63); }
.v8-plan-comparison tbody th { color:#36394d; text-align:left; font-size:13px; font-weight:650; background:#fff; }
.v8-plan-comparison td { color:#34364a; background:#fff; font-size:13px; }
.v8-plan-comparison td:nth-child(3) { background:rgba(113,88,238,.035); }
.v8-comparison-group th { padding:11px 18px!important; color:var(--v8-purple)!important; background:#efecfb!important; font-size:10px!important; font-weight:850!important; letter-spacing:.12em; text-transform:uppercase; }
.v8-feature-state { display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.v8-feature-state svg { width:16px; }
.is-included .v8-feature-state { color:#187b67; }
.is-excluded .v8-feature-state { color:#a2a3ad; }
.is-excluded .v8-feature-state b { font-weight:550; }
.has-limit strong { color:var(--v8-purple); }
.v8-comparison-note { margin:14px 0 0; color:var(--v8-muted); font-size:11px; line-height:1.55; }

/* Public comparison inherits the immersive homepage without looking bolted on. */
.v8-plan-comparison.is-public { color:var(--v8-ink); margin-top:32px; text-align:left; }
.v8-plan-comparison.is-public .v8-comparison-head h2 { color:var(--v8-ink); }

/* Reveal is applied by v8-app.js, but content stays visible without JS. */
.js-v8 .v8-reveal-item { opacity:0; transform:translateY(14px); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1); transition-delay:var(--v8-delay,0ms); }
.js-v8 .v8-reveal-item.is-visible { opacity:1; transform:none; }

@media (max-width: 1180px) {
  .v8-page-stage { grid-template-columns:1fr; min-height:250px; }
  .v8-stage-actions { justify-content:flex-start; align-self:auto; }
  .v8-plan-overview { grid-template-columns:1fr; }
  .v8-plan-card,.v8-plan-card.growth { min-height:auto; transform:none; }
  .v8-business-control { grid-template-columns:1fr; }
  .v8-master-ribbon { grid-template-columns:repeat(3,1fr); }
  .v8-master-ribbon > div:first-child { grid-column:1/-1; }
}
@media (max-width: 760px) {
  .app-body[data-ui-version="8"] .topbar { height:64px; min-height:64px; }
  .app-body[data-ui-version="8"] .page-content { padding:14px; }
  .v8-page-stage { min-height:280px; padding:25px 21px; border-radius:23px; }
  .v8-page-stage::before { right:-225px; }
  .v8-stage-status { position:static; grid-row:1; justify-self:start; }
  .v8-stage-status small { display:none; }
  .v8-stage-copy h1 { font-size:32px; }
  .v8-stage-context span:last-child,.v8-stage-context i { display:none; }
  .v8-stage-actions { width:100%; }
  .v8-stage-actions .btn,.v8-stage-actions form { flex:1 1 100%; width:100%; }
  .v8-master-ribbon { grid-template-columns:1fr; }
  .v8-master-ribbon > div:first-child { grid-column:auto; }
  .v8-control-grid { grid-template-columns:1fr; }
  .page-master-settings .check-list { grid-template-columns:1fr; }
  .v8-comparison-head { align-items:flex-start; flex-direction:column; }
  .v8-plan-comparison { padding:18px 13px; border-radius:20px; }
  .app-body[data-ui-version="8"] .toolbar-card { position:relative; top:auto; }
}
@media (prefers-reduced-motion: reduce) {
  .v8-page-stage,.v8-stage-orb,.v8-page-stage::after,.js-v8 .v8-reveal-item { animation:none!important; transition:none!important; transform:none!important; }
}
/* LITREVO V9 — licensed Filson Pro slots + payments, pricing and wallet surfaces. */
@font-face{font-family:"Filson Pro";src:url("fonts/filson-pro/FilsonPro-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Filson Pro";src:url("fonts/filson-pro/FilsonPro-Medium.woff2") format("woff2");font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:"Filson Pro";src:url("fonts/filson-pro/FilsonPro-Bold.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap}

:root{--v9-font:"Filson Pro",Manrope,"DM Sans",system-ui,sans-serif;--v9-text:16px;--v9-small:13px;--v9-title:clamp(38px,4.2vw,64px);--v9-ink:#121329;--v9-muted:#686b80;--v9-purple:#5e46d8;--v9-teal:#51d4c2;--v9-lime:#dff86d;--v9-line:rgba(31,31,65,.11);--v9-glass:rgba(255,255,255,.72);--v9-shadow:0 28px 85px rgba(35,30,86,.13),inset 0 1px 0 rgba(255,255,255,.85)}
html{font-size:var(--v9-text)}
body.ui-v9,body.ui-v9 :is(button,input,select,textarea){font-family:var(--v9-font)}
body.ui-v9{font-size:var(--v9-text);line-height:1.55}
body.ui-v9 p,body.ui-v9 .form-label,body.ui-v9 .data-table{font-size:1rem}
body.ui-v9 small,body.ui-v9 .form-hint{font-size:var(--v9-small)}
body.ui-v9 :is(.btn,input,select){min-height:48px;font-size:15px}

.v9-billing-command{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:22px;margin-bottom:26px}
.v9-wallet-hero,.v9-subscription-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:28px;box-shadow:var(--v9-shadow);backdrop-filter:blur(22px) saturate(1.25)}
.v9-wallet-hero{padding:31px;color:#fff;background:linear-gradient(135deg,rgba(20,19,50,.96),rgba(72,48,154,.93))}
.v9-wallet-hero::before{content:"";position:absolute;z-index:-1;width:280px;height:280px;right:-70px;top:-130px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 2%,var(--v9-teal) 9%,rgba(81,212,194,.12) 52%,transparent 70%);filter:drop-shadow(0 30px 35px rgba(0,0,0,.25))}
.v9-wallet-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.v9-wallet-top>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;color:#18142f;background:var(--v9-lime);box-shadow:0 14px 30px rgba(0,0,0,.22)}
.v9-wallet-copy small{display:block;color:rgba(255,255,255,.62);font-size:11px;font-weight:800;letter-spacing:.14em}.v9-wallet-copy strong{display:block;margin-top:7px;font-size:clamp(34px,4vw,52px);line-height:1;font-weight:850;letter-spacing:-.055em}.v9-wallet-copy p{margin:10px 0 0;color:rgba(255,255,255,.67)}
.v9-wallet-actions{display:flex;gap:10px;margin-top:25px}.v9-wallet-actions .btn-primary{color:#17132d;background:var(--v9-lime);border-color:transparent}.v9-wallet-actions .btn-secondary{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.17)}
.v9-subscription-hero{padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(245,242,255,.68))}.v9-subscription-hero>span{color:var(--v9-purple);font-size:11px;font-weight:850;letter-spacing:.13em}.v9-subscription-hero h2{margin:9px 0 7px;font-size:32px;letter-spacing:-.045em}.v9-subscription-status{display:flex;align-items:center;gap:8px;margin:21px 0;padding:13px 14px;border:1px solid var(--v9-line);border-radius:13px;background:rgba(255,255,255,.66)}.v9-subscription-status i{width:8px;height:8px;border-radius:50%;background:#28ac8f;box-shadow:0 0 0 5px rgba(40,172,143,.13)}

.v9-pricing-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:35px 0 21px}.v9-pricing-intro span{color:var(--v9-purple);font-size:11px;font-weight:850;letter-spacing:.14em}.v9-pricing-intro h2{margin:7px 0 0;font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.05em}.v9-pricing-intro p{max-width:500px;margin:0;color:var(--v9-muted);font-size:16px;line-height:1.7}
.v9-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin-bottom:28px}
.v9-price-card{--accent:#755be9;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:620px;padding:31px;border:1px solid rgba(255,255,255,.62);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(249,248,255,.7));box-shadow:var(--v9-shadow);backdrop-filter:blur(24px) saturate(1.2);transition:transform .25s ease,box-shadow .25s ease}
.v9-price-card:hover{transform:translateY(-7px);box-shadow:0 38px 100px rgba(44,34,113,.18)}.v9-price-card.growth{--accent:var(--v9-lime);color:#fff;background:linear-gradient(145deg,rgba(17,17,47,.97),rgba(53,38,126,.94));transform:translateY(-10px)}.v9-price-card.growth:hover{transform:translateY(-16px)}
.v9-price-card::before{content:"";position:absolute;width:240px;height:240px;right:-115px;top:-110px;border-radius:50%;background:var(--accent);opacity:.17;box-shadow:0 0 0 42px color-mix(in srgb,var(--accent) 12%,transparent)}
.v9-plan-kicker{position:relative;display:flex;align-items:center;justify-content:space-between;color:var(--v9-purple);font-size:11px;font-weight:850;letter-spacing:.14em}.growth .v9-plan-kicker{color:var(--v9-teal)}.v9-plan-kicker b{padding:6px 9px;border:1px solid currentColor;border-radius:999px;font-size:9px;letter-spacing:.09em}
.v9-price-card h3{position:relative;margin:24px 0 9px;font-size:40px;line-height:1;letter-spacing:-.055em}.v9-price-card>p{min-height:53px;margin:0;color:var(--v9-muted);font-size:16px;line-height:1.65}.growth>p{color:rgba(255,255,255,.66)}
.v9-price{display:flex;align-items:baseline;gap:4px;margin:27px 0 6px}.v9-price strong{font-size:52px;line-height:1;font-weight:900;letter-spacing:-.065em}.v9-price small{color:var(--v9-muted)}.growth .v9-price small{color:rgba(255,255,255,.62)}.v9-billed{margin-bottom:22px;color:var(--v9-muted);font-size:13px}.growth .v9-billed{color:rgba(255,255,255,.58)}
.v9-price-card .btn{width:100%;min-height:56px;border-radius:14px;font-size:16px}.growth .btn-primary{color:#18142f;background:var(--v9-lime)}
.v9-plan-section{margin-top:23px;padding-top:22px;border-top:1px solid var(--v9-line)}.growth .v9-plan-section{border-color:rgba(255,255,255,.13)}.v9-plan-section>strong{display:block;margin-bottom:12px;font-size:14px}.v9-plan-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}.v9-plan-list li{display:flex;align-items:flex-start;gap:9px;color:#41455d;font-size:14px;line-height:1.45}.growth .v9-plan-list li{color:rgba(255,255,255,.78)}.v9-plan-list i{display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto;margin-top:1px;border-radius:50%;color:#fff;background:#31af92;font-size:10px;font-style:normal}.v9-plan-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;color:inherit;font-size:14px;font-weight:750}

/* V9 application-wide glass refresh */
body.ui-v9.app-body{background:radial-gradient(circle at 90% 0,rgba(74,218,202,.15),transparent 32rem),radial-gradient(circle at 25% 25%,rgba(112,83,233,.11),transparent 35rem),#f2f5fb}
body.ui-v9 :is(.panel,.table-panel,.toolbar-card,.settings-section,.support-card,.wizard-content,.suite-lock){border-color:rgba(255,255,255,.66);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(249,250,255,.68));box-shadow:0 20px 65px rgba(36,39,77,.09),inset 0 1px 0 #fff;backdrop-filter:blur(22px) saturate(1.18)}
body.ui-v9 :is(.panel,.table-panel,.toolbar-card,.settings-section,.support-card){border-radius:24px}body.ui-v9 :is(.panel-head h2,.settings-section h2,.wizard-pane h2){font-size:clamp(20px,1.7vw,27px);letter-spacing:-.035em}body.ui-v9 .data-table td{font-size:15px;line-height:1.5}body.ui-v9 .data-table th{font-size:12px;letter-spacing:.045em}body.ui-v9 :is(.sidebar-link,.sidebar-sublink,.sidebar-group-toggle){font-size:14px}body.ui-v9.public-body :is(.v6-section p,.v6-product-copy p,.v6-plan-head p,.footer-brand p,.footer-start p){font-size:16px;line-height:1.7}

.v9-subscription-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;color:#fff;background:linear-gradient(135deg,#111334,#4d35a8)}.v9-subscription-hero p{color:rgba(255,255,255,.68)}.v9-billing-stat{min-width:170px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.09)}.v9-billing-stat span,.v9-billing-stat strong{display:block}.v9-billing-stat span{font-size:12px;color:rgba(255,255,255,.62)}.v9-billing-stat strong{margin-top:5px;font-size:17px}.v9-wallet-hero{display:flex;align-items:center;justify-content:space-between;gap:22px}.v9-wallet-hero h2{margin:8px 0;font-size:clamp(38px,4vw,58px)}.v9-wallet-hero p{max-width:480px;color:rgba(255,255,255,.68)}
.v9-price-card.is-featured{color:#fff;background:linear-gradient(145deg,rgba(17,17,47,.98),rgba(53,38,126,.95));transform:translateY(-10px)}.v9-price-card.is-featured:hover{transform:translateY(-16px)}.v9-price-card-head>span{color:var(--v9-purple);font-size:11px;font-weight:850;letter-spacing:.13em}.v9-price-card.is-featured .v9-price-card-head>span{color:var(--v9-teal)}.v9-price-card-head h2{margin:18px 0 8px;font-size:40px;letter-spacing:-.055em}.v9-price-card-head p{min-height:78px;color:var(--v9-muted)}.v9-price-card.is-featured .v9-price-card-head p{color:rgba(255,255,255,.68)}.v9-price-amount{display:flex;align-items:baseline;gap:7px;margin:20px 0}.v9-price-amount strong{font-size:clamp(42px,4vw,56px);letter-spacing:-.065em}.v9-price-amount span{color:var(--v9-muted)}.v9-price-card.is-featured .v9-price-amount span{color:rgba(255,255,255,.64)}.v9-price-card>ul{display:grid;gap:12px;margin:8px 0 20px;padding:20px 0;border-block:1px solid var(--v9-line);list-style:none}.v9-price-card>ul li{display:flex;gap:9px;font-size:15px}.v9-price-card>ul svg{width:18px;color:#0db89d}.v9-price-card.is-featured>ul{border-color:rgba(255,255,255,.15)}.v9-price-card .v9-plan-link{margin:0 0 20px;color:var(--v9-purple)}.v9-price-card.is-featured .v9-plan-link{color:var(--v9-teal)}.v9-period-select{display:grid;gap:6px;margin:0 0 12px}.v9-period-select span{font-size:12px;font-weight:800}.v9-price-card.is-featured select{color:#fff;border-color:rgba(255,255,255,.16);background:#272052}

.v9-wallet-dashboard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;margin-bottom:24px}.v9-wallet-balance,.v9-wallet-topup{padding:34px;border:1px solid rgba(255,255,255,.5);border-radius:28px;box-shadow:var(--v9-shadow);backdrop-filter:blur(22px)}.v9-wallet-balance{color:#fff;background:radial-gradient(circle at 90% 10%,rgba(82,222,202,.45),transparent 18rem),linear-gradient(135deg,#111331,#503ab2)}.v9-wallet-balance h2{margin:12px 0 20px;font-size:clamp(48px,6vw,76px);letter-spacing:-.065em}.v9-wallet-balance>div{display:flex;gap:12px;flex-wrap:wrap}.v9-wallet-balance>div span{padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.08)}.v9-wallet-balance p{max-width:720px;margin:23px 0 0;color:rgba(255,255,255,.68)}.v9-wallet-topup{background:rgba(255,255,255,.78)}.v9-wallet-topup h2{margin:0;font-size:30px}.v9-wallet-topup p{color:var(--v9-muted)}.v9-quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.v9-quick-amounts button{min-height:43px;border:1px solid #d9dcef;border-radius:12px;color:#4b3bab;font-weight:800;background:#fff;cursor:pointer}.v9-quick-amounts button:hover{border-color:#755be9;background:#f3f0ff}

.v9-checkout-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;max-width:1040px;margin:20px auto}.v9-checkout-copy,.v9-checkout-shell aside{padding:38px;border:1px solid rgba(255,255,255,.62);border-radius:28px;background:rgba(255,255,255,.8);box-shadow:var(--v9-shadow);backdrop-filter:blur(24px)}.v9-checkout-copy h2{margin:12px 0 10px;font-size:clamp(32px,4vw,52px);letter-spacing:-.055em}.v9-checkout-copy p{color:var(--v9-muted)}.v9-checkout-total{display:flex;justify-content:space-between;align-items:end;margin:28px 0;padding:20px;border-radius:18px;background:#f2f0ff}.v9-checkout-total span{color:var(--v9-muted)}.v9-checkout-total strong{font-size:30px}.v9-checkout-copy>a{display:block;margin-top:16px;text-align:center}.v9-checkout-shell aside{color:#fff;background:linear-gradient(150deg,#111331,#4c35a4)}.v9-checkout-shell aside strong{font-size:22px}.v9-checkout-shell aside ol{display:grid;gap:17px;margin-top:24px;padding-left:22px;color:rgba(255,255,255,.75)}
.v9-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v9-config-grid>div{padding:16px;border:1px solid var(--v9-line);border-radius:14px;background:rgba(255,255,255,.6)}.v9-config-grid span,.v9-config-grid strong{display:block}.v9-config-grid span{font-size:12px;color:var(--v9-muted)}.v9-config-grid strong{margin-top:5px;overflow-wrap:anywhere}.v9-campaign-wallet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:stretch;margin-bottom:20px}.v9-campaign-wallet>div{padding:15px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 12px 35px rgba(36,39,77,.07);backdrop-filter:blur(18px)}.v9-campaign-wallet span,.v9-campaign-wallet strong{display:block}.v9-campaign-wallet span{font-size:11px;color:var(--v9-muted);text-transform:uppercase;letter-spacing:.08em}.v9-campaign-wallet strong{margin-top:4px;font-size:17px}.v9-campaign-wallet .btn{align-self:center}

.v9-plan-page{width:min(1320px,calc(100% - 44px));margin:0 auto;padding:70px 0 100px}.v9-plan-detail-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;padding:clamp(34px,6vw,72px);border:1px solid rgba(255,255,255,.62);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(243,242,255,.74));box-shadow:var(--v9-shadow)}.v9-plan-detail-hero::after{content:"";position:absolute;width:360px;height:360px;right:-170px;top:-190px;border-radius:50%;background:#61d8c8;opacity:.28;box-shadow:0 0 0 70px rgba(100,76,220,.1)}.v9-plan-detail-hero h1{max-width:880px;margin:15px 0;font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.065em}.v9-plan-detail-hero p{max-width:760px;color:var(--v9-muted);font-size:18px}.v9-plan-price{display:flex;align-items:baseline;gap:10px;margin:28px 0}.v9-plan-price strong{font-size:52px;letter-spacing:-.06em}.v9-plan-detail-hero aside{position:relative;z-index:1;align-self:end;padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:rgba(255,255,255,.64);backdrop-filter:blur(20px)}.v9-plan-detail-hero aside span,.v9-plan-detail-hero aside strong{display:block}.v9-plan-detail-hero aside span{color:var(--v9-purple);font-size:11px;font-weight:850;letter-spacing:.12em}.v9-plan-detail-hero aside strong{margin:9px 0;font-size:22px}.v9-plan-detail-hero aside p{font-size:15px}.v9-plan-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 50px}.v9-plan-detail-grid article{padding:30px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:rgba(255,255,255,.74);box-shadow:0 18px 55px rgba(36,39,77,.08);backdrop-filter:blur(20px)}.v9-plan-detail-grid h2{font-size:24px}.v9-plan-detail-grid ul{display:grid;gap:13px;margin:20px 0 0;padding:0;list-style:none}.v9-plan-detail-grid li{display:flex;gap:10px}.v9-plan-detail-grid li svg{flex:0 0 18px;color:#11ad95}
.role-master .activity-list .activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-width:0}.role-master .activity-list .activity-row>div{min-width:0}.role-master .activity-list .activity-row>div:last-child{text-align:right}.role-master .activity-list .activity-row strong,.role-master .activity-list .activity-row span{overflow-wrap:anywhere}.role-master .dashboard-grid{align-items:stretch}.role-master .dashboard-grid>.panel{min-width:0}

@media(max-width:1100px){:root{--v9-text:15px}.v9-billing-command,.v9-price-grid,.v9-wallet-dashboard,.v9-checkout-shell,.v9-plan-detail-hero{grid-template-columns:1fr}.v9-price-card,.v9-price-card.growth,.v9-price-card.is-featured{min-height:auto;transform:none}.v9-pricing-intro{align-items:flex-start;flex-direction:column}.v9-campaign-wallet{grid-template-columns:repeat(3,1fr)}.v9-plan-detail-grid{grid-template-columns:1fr}.v9-plan-detail-hero aside{align-self:auto}}
@media(max-width:700px){:root{--v9-text:15px;--v9-small:12px}.v9-wallet-hero,.v9-subscription-hero,.v9-price-card{padding:23px;border-radius:22px}.v9-wallet-actions,.v9-wallet-hero{align-items:stretch;flex-direction:column}.v9-subscription-hero{grid-template-columns:1fr}.v9-price-card h3{font-size:34px}.v9-price strong{font-size:45px}.v9-wallet-balance,.v9-wallet-topup,.v9-checkout-copy,.v9-checkout-shell aside{padding:23px;border-radius:22px}.v9-campaign-wallet,.v9-config-grid{grid-template-columns:1fr 1fr}.v9-plan-page{width:min(100% - 24px,1320px);padding-top:30px}.v9-plan-detail-hero{padding:28px;border-radius:26px}.v9-plan-detail-hero h1{font-size:40px}.v9-plan-detail-hero .page-actions{flex-direction:column}.v9-plan-detail-grid article{padding:23px}.role-master .activity-list .activity-row{grid-template-columns:auto minmax(0,1fr)}.role-master .activity-list .activity-row>:last-child{grid-column:2;text-align:left}}

/* === LITREVO V10 PREMIUM DESIGN SYSTEM OVERRIDES === */
:root{
  --v10-ink:#0B1020;--v10-indigo:#5B4CF0;--v10-violet:#7567F8;--v10-teal:#16B8A6;
  --v10-bg:#F7F8FC;--v10-surface:#fff;--v10-soft:#F1F3F9;--v10-text:#111827;--v10-muted:#667085;
  --v10-border:#E6E8F0;--v10-success:#12A56F;--v10-warning:#D98A18;--v10-danger:#D94A5A;--v10-info:#3B82F6;
  --v10-r-sm:12px;--v10-r:16px;--v10-r-lg:20px;--v10-shadow:0 10px 30px rgba(11,16,32,.07);
  --v10-shadow-lg:0 24px 64px rgba(11,16,32,.12);--v10-ease:200ms cubic-bezier(.2,.8,.2,1);
  --font-display:'Filson Pro','Manrope','DM Sans',Inter,system-ui,sans-serif;
  --font-body:'Filson Pro','DM Sans','Manrope',Inter,system-ui,sans-serif;
}
html{scroll-behavior:smooth} body{font-family:var(--font-body);color:var(--v10-text);background:var(--v10-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.ui-v10 h1,.ui-v10 h2,.ui-v10 h3,.ui-v10 h4,.ui-v10 .btn,.ui-v10 .sidebar-nav{font-family:var(--font-display)}
.ui-v10 *{box-sizing:border-box}.ui-v10 a,.ui-v10 button,.ui-v10 input,.ui-v10 select,.ui-v10 textarea{transition:border-color var(--v10-ease),box-shadow var(--v10-ease),background var(--v10-ease),color var(--v10-ease),transform var(--v10-ease)}
.ui-v10 :focus-visible{outline:3px solid rgba(91,76,240,.24);outline-offset:2px}
.app-body.ui-v10{background:var(--v10-bg)}
.ui-v10 .app-atmosphere{opacity:.45}.ui-v10 .app-shell{min-height:100vh}
.ui-v10 .sidebar{background:linear-gradient(180deg,#0B1020 0%,#11172B 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:14px 0 44px rgba(11,16,32,.08)}
.ui-v10 .sidebar-head{height:72px;border-bottom:1px solid rgba(255,255,255,.06)}
.ui-v10 .sidebar-brand-full{max-width:144px}.ui-v10 .sidebar-brand-icon{border-radius:11px}
.ui-v10 .sidebar-nav{padding:16px 12px 110px}.ui-v10 .nav-quick-label{color:#78839D;font-size:10px;letter-spacing:.12em;font-weight:700;margin:8px 10px}
.ui-v10 .nav-item,.ui-v10 .nav-group-trigger{border-radius:12px;min-height:40px;color:#C6CCDB;font-size:13.5px;font-weight:550}
.ui-v10 .nav-item:hover,.ui-v10 .nav-group-trigger:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(1px)}
.ui-v10 .nav-item.active,.ui-v10 .nav-group.is-open>.nav-group-trigger{background:linear-gradient(135deg,rgba(91,76,240,.30),rgba(117,103,248,.18));color:#fff;box-shadow:inset 0 0 0 1px rgba(139,127,255,.25)}
.ui-v10 .nav-group-menu{border-left-color:rgba(117,103,248,.32)}
.ui-v10 .nav-count{background:#fff;color:var(--v10-indigo)}
.ui-v10 .nav-new{background:rgba(22,184,166,.16);color:#5CE1D1;border-color:rgba(22,184,166,.25)}
.ui-v10 .sidebar-bottom{background:linear-gradient(180deg,rgba(11,16,32,0),#0B1020 22%)}
.ui-v10 .plan-mini{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);border-radius:14px}.ui-v10 .plan-mini-icon{background:linear-gradient(135deg,var(--v10-indigo),var(--v10-violet))}
.ui-v10 .topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--v10-border);padding:0 24px;box-shadow:0 1px 0 rgba(11,16,32,.01)}
.ui-v10 .page-heading h1{font-size:18px;font-weight:700;letter-spacing:-.02em}.ui-v10 .page-heading p{font-size:12.5px;color:var(--v10-muted)}
.ui-v10 .workspace-live{background:#F4FBF8;border-color:#D7F2E8;color:#23745B}
.ui-v10 .command-search{background:#F8F9FC;border:1px solid var(--v10-border);border-radius:12px;color:#596174}.ui-v10 .command-search:hover{background:#fff;border-color:#CACFE0;box-shadow:0 5px 18px rgba(11,16,32,.06)}
.ui-v10 .icon-button,.ui-v10 .user-menu-trigger{border-color:var(--v10-border);background:#fff}.ui-v10 .user-menu-trigger:hover,.ui-v10 .icon-button:hover{box-shadow:0 7px 22px rgba(11,16,32,.07)}
.topbar-wallet{display:flex;align-items:center;gap:8px;height:42px;padding:0 11px;border:1px solid var(--v10-border);border-radius:12px;background:#fff;color:var(--v10-text);text-decoration:none}.topbar-wallet svg{width:18px;height:18px;color:var(--v10-indigo)}.topbar-wallet span{display:grid;line-height:1.05}.topbar-wallet small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--v10-muted);font-weight:700}.topbar-wallet strong{font-size:12.5px;margin-top:3px}
.ui-v10 .page-content{padding:22px 24px 44px;max-width:1600px;margin:0 auto;width:100%}
.ui-v10 .v8-page-stage{background:linear-gradient(135deg,#11182D 0%,#171B38 58%,#232052 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;min-height:146px;box-shadow:var(--v10-shadow-lg);overflow:hidden;margin-bottom:22px}
.ui-v10 .v8-page-stage:after{content:'';position:absolute;inset:auto -90px -130px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(117,103,248,.28),transparent 68%);pointer-events:none}
.ui-v10 .v8-stage-copy h1{font-size:30px;line-height:1.15;letter-spacing:-.035em;font-weight:750}.ui-v10 .v8-stage-copy p{color:#B3BCD0;font-size:14px;max-width:720px}
.ui-v10 .v8-stage-context{color:#9EA8BF}.ui-v10 .v8-stage-icon{background:rgba(117,103,248,.18);border-color:rgba(139,127,255,.24);color:#BDB5FF}
.ui-v10 .panel,.ui-v10 .settings-section,.ui-v10 .dashboard-card,.ui-v10 .metric-card,.ui-v10 .integration-market-card,.ui-v10 .channel-market-card{background:#fff;border:1px solid var(--v10-border);border-radius:16px;box-shadow:0 5px 18px rgba(11,16,32,.045)}
.ui-v10 .panel:hover,.ui-v10 .integration-market-card:hover,.ui-v10 .channel-market-card:hover{border-color:#D8DBE8;box-shadow:0 12px 30px rgba(11,16,32,.065)}
.ui-v10 .panel-head{padding:18px 20px;border-bottom:1px solid #EDF0F6}.ui-v10 .panel-head h2{font-size:17px;letter-spacing:-.02em}.ui-v10 .panel-head p{color:var(--v10-muted);font-size:13px}
.ui-v10 .panel-pad{padding:20px}
.ui-v10 .analytics-grid{gap:14px}.ui-v10 .metric-card{padding:18px}.ui-v10 .metric-card strong{font-size:25px;letter-spacing:-.035em}.ui-v10 .metric-card span{font-size:12px;color:var(--v10-muted)}
.ui-v10 .btn{border-radius:11px;min-height:40px;font-size:13px;font-weight:700;letter-spacing:-.01em;padding:0 15px}.ui-v10 .btn-primary{background:linear-gradient(135deg,var(--v10-indigo),var(--v10-violet));border-color:transparent;box-shadow:0 8px 20px rgba(91,76,240,.22)}.ui-v10 .btn-primary:hover{transform:translateY(-1px);box-shadow:0 11px 26px rgba(91,76,240,.30)}
.ui-v10 .btn-secondary{background:#fff;border-color:#D9DDEA;color:#283044}.ui-v10 .btn-secondary:hover{background:#F8F9FC;border-color:#C8CDDC}.ui-v10 .btn-danger{background:#FFF4F5;color:#B42335;border-color:#FFD7DC}.ui-v10 .btn-light{background:#fff;color:#242A3A;border-color:rgba(255,255,255,.4)}
.ui-v10 input,.ui-v10 select,.ui-v10 textarea{border:1px solid #DDE1EB;border-radius:11px;background:#fff;min-height:43px;color:var(--v10-text);font-family:var(--font-body)}.ui-v10 input:focus,.ui-v10 select:focus,.ui-v10 textarea:focus{border-color:#8F84FA;box-shadow:0 0 0 4px rgba(91,76,240,.10);outline:none}.ui-v10 textarea{padding-top:11px}.ui-v10 .form-label{font-size:12.5px;font-weight:650;color:#374151}.ui-v10 .form-hint{font-size:11.5px;color:var(--v10-muted)}
.ui-v10 .data-table-wrap{border-radius:0 0 16px 16px}.ui-v10 .data-table{font-size:13px}.ui-v10 .data-table th{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#7A8498;background:#FAFBFD;border-color:#EDF0F5}.ui-v10 .data-table td{border-color:#EEF1F6}.ui-v10 .data-table tbody tr:hover{background:#FBFBFE}
.ui-v10 .status-badge{border-radius:999px;font-size:10.5px;font-weight:700}.ui-v10 .status-success{background:#ECFDF5;color:#087A52}.ui-v10 .status-warning{background:#FFF8E8;color:#A76108}.ui-v10 .status-danger{background:#FFF1F3;color:#B42335}.ui-v10 .status-info{background:#EFF6FF;color:#275FAD}
.ui-v10 .notice-banner{border-radius:14px;border-width:1px}.ui-v10 .notice-info{background:#F4F7FF;border-color:#DDE7FF}.ui-v10 .notice-warning{background:#FFF9ED;border-color:#F9E7B7}.ui-v10 .notice-success{background:#EFFAF6;border-color:#D8F1E8}
.ui-v10 dialog{border:1px solid var(--v10-border);border-radius:18px;box-shadow:0 28px 80px rgba(11,16,32,.22)}
.ui-v10 .user-dropdown,.ui-v10 .public-mega-menu,.ui-v10 .command-dialog{border:1px solid var(--v10-border);box-shadow:0 24px 64px rgba(11,16,32,.16);border-radius:16px}
.ui-v10 .command-dialog{overflow:hidden}
.v10-wallet-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.v10-wallet-metrics article{padding:18px 19px;background:#fff;border:1px solid var(--v10-border);border-radius:16px;box-shadow:0 5px 18px rgba(11,16,32,.04)}.v10-wallet-metrics span{display:block;color:var(--v10-muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.v10-wallet-metrics strong{display:block;margin-top:8px;font:750 24px/1.1 var(--font-display);letter-spacing:-.035em}
.v10-threshold-form{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}.v10-threshold-form label>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#C4CCDC;font-weight:700;margin-bottom:7px}.v10-threshold-form label>div{display:flex;align-items:center;gap:7px}.v10-threshold-form input{width:150px;background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18);color:#fff}.v10-threshold-form label>div>span{color:#fff;font-weight:700}
.v10-wa-connected{border:1px solid #DDE2EE;border-radius:18px;overflow:hidden}.v10-wa-status{display:flex;align-items:center;gap:14px;padding:19px;background:linear-gradient(135deg,#F7FAFF,#F7FFFC);border-bottom:1px solid #E8ECF3}.v10-wa-status>div{flex:1}.v10-wa-status>div>span{font-size:10px;letter-spacing:.1em;color:#0A8C68;font-weight:800}.v10-wa-status h3{margin:3px 0 1px;font-size:19px}.v10-wa-status p{margin:0;color:var(--v10-muted)}.v10-wa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.v10-wa-grid>div{padding:15px 18px;border-bottom:1px solid #EEF1F5}.v10-wa-grid>div:nth-child(odd){border-right:1px solid #EEF1F5}.v10-wa-grid span,.v10-meta-grid span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#8A93A4;font-weight:700}.v10-wa-grid strong,.v10-meta-grid strong{display:block;margin-top:5px;font-size:13.5px;color:#252B3B;word-break:break-word}
.v10-connect-hero{padding:28px;display:flex;gap:20px;align-items:flex-start;background:linear-gradient(135deg,#F7F8FF,#F5FFFC);border:1px solid #E1E5F2;border-radius:18px}.v10-connect-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--v10-indigo),var(--v10-teal));color:#fff;box-shadow:0 12px 28px rgba(91,76,240,.20)}.v10-connect-icon svg{width:26px;height:26px}.v10-connect-hero h3{font-size:21px;margin:0 0 6px}.v10-connect-hero p{color:var(--v10-muted);max-width:690px}.v10-connect-hero ul{list-style:none;padding:0;margin:15px 0 19px;display:grid;gap:8px}.v10-connect-hero li{display:flex;gap:8px;align-items:center;color:#3D4659;font-size:13px}.v10-connect-hero li svg{width:16px;color:var(--v10-teal)}
.v10-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v10-meta-grid>div{padding:14px;border:1px solid #EBEEF4;background:#FAFBFD;border-radius:12px}
.public-body.ui-v10{background:#fff}.ui-v10 .site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,232,240,.85)}.ui-v10 .public-announcement{background:var(--v10-ink)}.ui-v10 .announcement-pill{background:rgba(117,103,248,.18);border-color:rgba(158,147,255,.24);color:#D5D0FF}.ui-v10 .public-nav a,.ui-v10 .public-nav-trigger{font-size:13.5px;font-weight:600}.ui-v10 .public-brand img{height:30px}
.auth-body.ui-v10{background:#F7F8FC}.ui-v10 .auth-showcase{background:linear-gradient(145deg,#0B1020,#161A37 62%,#28255F)}.ui-v10 .auth-panel-inner{max-width:460px}.ui-v10 .auth-story h1{font-size:48px;line-height:1.05;letter-spacing:-.045em}.ui-v10 .auth-story h1 span{background:linear-gradient(90deg,#B9B0FF,#77E7DB);-webkit-background-clip:text;background-clip:text;color:transparent}
.ui-v10 .v9-price-card,.ui-v10 .v8-plan-comparison,.ui-v10 .v9-plan-detail-grid article{border-color:var(--v10-border);box-shadow:0 7px 22px rgba(11,16,32,.045)}.ui-v10 .v9-price-card.is-featured{border-color:#BFB8FF;box-shadow:0 18px 45px rgba(91,76,240,.13)}
@media(max-width:1100px){.topbar-wallet span{display:none}.topbar-wallet{width:42px;justify-content:center;padding:0}.v10-wallet-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.ui-v10 .topbar{padding:0 14px}.ui-v10 .page-content{padding:15px 14px 34px}.ui-v10 .v8-page-stage{min-height:auto;padding:22px 18px}.ui-v10 .v8-stage-copy h1{font-size:25px}.ui-v10 .v8-stage-status{display:none}.v10-wallet-metrics{grid-template-columns:1fr 1fr}.v10-wa-grid{grid-template-columns:1fr}.v10-wa-grid>div:nth-child(odd){border-right:0}.v10-connect-hero{padding:20px;display:block}.v10-connect-icon{margin-bottom:14px}.v10-meta-grid{grid-template-columns:1fr}.ui-v10 .command-search span,.ui-v10 .command-search kbd,.ui-v10 .workspace-live{display:none}}
@media(max-width:430px){.v10-wallet-metrics{grid-template-columns:1fr}.v10-wallet-metrics strong{font-size:22px}.ui-v10 .page-heading p{display:none}.ui-v10 .page-heading h1{font-size:16px}.ui-v10 .v8-page-stage{border-radius:16px}.ui-v10 .v8-stage-copy h1{font-size:23px}.ui-v10 .panel,.ui-v10 .settings-section{border-radius:14px}.v10-threshold-form label>div{flex-wrap:wrap}.v10-threshold-form input{flex:1;min-width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ui-v10 *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* V10 campaign review */
.v10-message-preview{padding:22px;border:1px solid var(--border,#E6E8F0);border-radius:18px;background:linear-gradient(145deg,#f6f8fb,#eef7f4);min-height:180px;display:flex;align-items:center;justify-content:center}
.v10-wa-bubble{width:min(520px,92%);padding:16px 18px;border-radius:16px 16px 5px 16px;background:#fff;box-shadow:0 10px 28px rgba(11,16,32,.08);display:grid;gap:7px}
.v10-wa-bubble small,.v10-wa-bubble span{font-size:11px;color:#667085}.v10-wa-bubble strong{font-size:15px}.v10-wa-bubble p{margin:0;color:#475467;font-size:13px;line-height:1.55}
.v10-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.v10-review-grid>div{padding:15px;border:1px solid #E6E8F0;border-radius:14px;background:#fff}.v10-review-grid span{display:block;color:#667085;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.v10-review-grid strong{display:block;margin-top:6px;font-size:15px;color:#111827}.text-danger{color:#b42318!important}
@media(max-width:768px){.v10-review-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.v10-review-grid{grid-template-columns:1fr}}

/* ========================================================================
   LITREVO V10.1 — REFERENCE LIGHT PRODUCT UI
   Inspired by the supplied LITREVO dashboard references. One light design
   system is applied across every authenticated workspace and Master screen.
   ======================================================================== */
.ui-reference-light{
  --ref-ink:#0f2352;
  --ref-ink-2:#233b6d;
  --ref-muted:#7282a7;
  --ref-muted-2:#98a4bd;
  --ref-line:#e4eaf5;
  --ref-line-2:#d8e2f1;
  --ref-page:#fbfcff;
  --ref-card:#fff;
  --ref-blue:#1467f4;
  --ref-blue-2:#2f7cff;
  --ref-cyan:#09cfca;
  --ref-teal:#13caa3;
  --ref-purple:#8065f3;
  --ref-orange:#f6a92a;
  --ref-red:#ff6174;
  --ref-shadow:0 6px 24px rgba(26,65,129,.055);
  --ref-shadow-hover:0 14px 34px rgba(26,65,129,.09);
  --sidebar-width:292px;
  color:var(--ref-ink);
  background:var(--ref-page);
  overflow-x:clip;
}
.ui-reference-light .app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--ref-page)}
.ui-reference-light .app-main{background:var(--ref-page)}
.ui-reference-light .sidebar{
  width:var(--sidebar-width);padding:0 20px 18px;color:var(--ref-ink);background:#fff;
  border-right:1px solid var(--ref-line);box-shadow:none;overflow:hidden;
}
.ui-reference-light .sidebar:before{
  width:180px;height:180px;top:80px;left:160px;border-radius:0;opacity:.35;filter:none;
  background-image:radial-gradient(circle,#dceeff 1.2px,transparent 1.4px);background-size:13px 13px;background-color:transparent;
}
.ui-reference-light .sidebar-head{height:88px;min-height:88px;padding:0 8px;border:0;background:#fff}
.ui-reference-light .sidebar-brand{display:flex;align-items:center;min-width:0}
.ui-reference-light .sidebar-brand-full{width:156px;max-width:156px;height:auto;filter:none!important;object-fit:contain}
.ui-reference-light .sidebar-brand-icon{display:none;width:38px;height:38px;filter:none!important}
.ui-reference-light .sidebar-head-actions{margin-left:auto;display:flex;align-items:center;gap:5px}
.ui-reference-light .sidebar-collapse,.ui-reference-light .sidebar-close{
  width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:#7d8bad;cursor:pointer
}
.ui-reference-light .sidebar-collapse:hover,.ui-reference-light .sidebar-close:hover{border-color:var(--ref-line);background:#f7faff;color:var(--ref-blue)}
.ui-reference-light .sidebar-close{display:none}
.ui-reference-light .sidebar-context-card{
  position:relative;z-index:1;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;
  min-height:76px;margin:0 4px 16px;padding:13px 14px;border:1px solid var(--ref-line);border-radius:16px;background:rgba(255,255,255,.94);
  box-shadow:0 5px 18px rgba(31,78,150,.035);color:var(--ref-ink);text-decoration:none
}
.ui-reference-light .sidebar-context-card>div{min-width:0}.ui-reference-light .sidebar-context-card strong,.ui-reference-light .sidebar-context-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-reference-light .sidebar-context-card strong{font-size:14px;font-weight:750;letter-spacing:-.02em}.ui-reference-light .sidebar-context-card small{margin-top:3px;color:var(--ref-muted);font-size:11px;font-weight:500}
.ui-reference-light .sidebar-context-card>.icon{width:16px;color:#7284ab}
.ui-reference-light .sidebar-context-icon,.ui-reference-light .sidebar-context-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:13px}
.ui-reference-light .sidebar-context-icon{color:var(--ref-blue);background:linear-gradient(145deg,#eef4ff,#f7fbff);box-shadow:inset 0 0 0 1px #e2eaff}.ui-reference-light .sidebar-context-icon .icon{width:24px;height:24px}
.ui-reference-light .sidebar-context-avatar{color:#fff;background:linear-gradient(145deg,#1f73ff,#2d5cf2);font-size:12px;font-weight:800;letter-spacing:.03em}
.ui-reference-light .sidebar-nav{position:relative;z-index:1;flex:1;padding:4px 4px 190px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e9f4 transparent}
.ui-reference-light .sidebar-nav-premium{padding-top:0}
.ui-reference-light .sidebar-nav{min-height:0;padding-bottom:8px}
.ui-reference-light .sidebar-bottom{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto;background:#fff!important}
.ui-reference-light.role-master .sidebar-brand:after{display:none}
.ui-reference-light.role-master .sidebar-link{min-height:43px;margin:1px 0;padding-block:8px}
.ui-reference-light .nav-quick-label,.ui-reference-light .nav-group-label{display:none}
.ui-reference-light .sidebar-link,.ui-reference-light .sidebar-group-toggle{
  position:relative;display:flex;align-items:center;gap:13px;width:100%;min-height:48px;margin:3px 0;padding:10px 13px;border:0;border-radius:12px;
  color:#50658f;background:transparent;font-size:13px;font-weight:600;box-shadow:none;text-align:left;cursor:pointer;transition:.18s ease
}
.ui-reference-light .sidebar-link>.icon,.ui-reference-light .sidebar-group-toggle>.icon{width:20px;height:20px;color:#5e73a0}
.ui-reference-light .sidebar-link>span:not(.nav-count):not(.nav-new),.ui-reference-light .sidebar-group-toggle>span:not(.nav-new){flex:1}
.ui-reference-light .sidebar-link:hover,.ui-reference-light .sidebar-group-toggle:hover{color:var(--ref-blue);background:#f5f8ff;transform:none}
.ui-reference-light .sidebar-link.active,.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle{
  color:var(--ref-blue);background:linear-gradient(90deg,#eef4ff 0%,#edf5ff 72%,#f0fffe 100%);box-shadow:none;font-weight:700
}
.ui-reference-light .sidebar-link.active>.icon,.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle>.icon{color:var(--ref-blue)}
.ui-reference-light .sidebar-link.active:before,.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle:before{
  content:"";position:absolute;left:-4px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--ref-blue)
}
.ui-reference-light .sidebar-link.active:after,.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle:after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:3px;border-radius:0 12px 12px 0;background:linear-gradient(#2d6fff,#11d4c6)
}
.ui-reference-light .nav-count{min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:999px;color:#2d65ca;background:#eaf2ff;font-size:10px;font-weight:800}
.ui-reference-light .nav-new{padding:3px 7px;border:1px solid #c9f2e8;border-radius:999px;color:#0b997c;background:#edfbf7;font-size:8px;font-weight:800}
.ui-reference-light .sidebar-nav-group{margin:3px 0;border:0;border-radius:12px;background:transparent}
.ui-reference-light .sidebar-group-chevron{display:grid;place-items:center;color:#93a2bd;transition:transform .2s ease}.ui-reference-light .sidebar-group-chevron .icon{width:14px;height:14px}
.ui-reference-light .sidebar-nav-group.open .sidebar-group-chevron{transform:rotate(180deg)}
.ui-reference-light .sidebar-group-panel{overflow:hidden}.ui-reference-light .sidebar-group-inner{display:grid;gap:2px;padding:2px 0 5px 34px;border-left:1px solid #edf1f7;margin-left:22px}
.ui-reference-light .sidebar-sublink{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border-radius:10px;color:#7180a1;font-size:12px;font-weight:550;transition:.18s ease}
.ui-reference-light .sidebar-sublink>.icon{width:16px;height:16px;color:#8190ad}.ui-reference-light .sidebar-sublink>span:not(.nav-lock){flex:1}
.ui-reference-light .sidebar-sublink:hover{background:#f6f9ff;color:#2b61c5}.ui-reference-light .sidebar-sublink.active{color:#0f62e8;background:#eef5ff;font-weight:700}.ui-reference-light .sidebar-sublink.active>.icon{color:#0f62e8}
.ui-reference-light .sidebar-bottom{position:absolute;z-index:5;left:20px;right:20px;bottom:18px;display:grid;gap:10px;padding:0;border:0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 12%,#fff 100%)}
.ui-reference-light .sidebar-profile-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow);color:var(--ref-ink)}
.ui-reference-light .sidebar-profile-card .avatar{width:40px;height:40px}.ui-reference-light .sidebar-profile-card>div{min-width:0}.ui-reference-light .sidebar-profile-card strong,.ui-reference-light .sidebar-profile-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-reference-light .sidebar-profile-card strong{font-size:12px}.ui-reference-light .sidebar-profile-card small{margin-top:3px;color:var(--ref-muted);font-size:10px}.ui-reference-light .sidebar-profile-card>.icon{width:14px;color:#60749c}
.ui-reference-light .sidebar-help-card{padding:15px;border:1px solid var(--ref-line);border-radius:15px;background:linear-gradient(155deg,#fff,#fbfdff);box-shadow:var(--ref-shadow)}
.ui-reference-light .sidebar-help-card>strong{display:block;font-size:12px}.ui-reference-light .sidebar-help-card>p{margin:6px 0 11px;color:var(--ref-muted);font-size:10.5px;line-height:1.5}
.ui-reference-light .sidebar-help-card .btn{background:#fff;color:#365581;border-color:#d9e4f3;box-shadow:none}
.ui-reference-light .sidebar-upgrade-card{position:relative;overflow:hidden;padding:16px 15px 14px;border:1px solid #e0e8f5;border-radius:16px;background:linear-gradient(150deg,#fff 0%,#f7faff 74%,#ecf5ff 100%);box-shadow:var(--ref-shadow)}
.ui-reference-light .sidebar-upgrade-icon{width:32px;height:32px;display:grid;place-items:center;margin-bottom:9px;border-radius:10px;color:#1974ff;background:#eef5ff}.ui-reference-light .sidebar-upgrade-icon .icon{width:18px}
.ui-reference-light .sidebar-upgrade-card>strong{display:block;font-size:12px}.ui-reference-light .sidebar-upgrade-card>p{max-width:170px;margin:5px 0 11px;color:var(--ref-muted);font-size:10px;line-height:1.45}.ui-reference-light .sidebar-upgrade-card .btn{min-height:34px;padding:0 13px;font-size:10.5px}
.ui-reference-light .sidebar-upgrade-arrow{position:absolute;right:-12px;bottom:-12px;width:80px;height:80px;display:grid;place-items:center;color:#2a73ff;opacity:.18;transform:rotate(-10deg)}.ui-reference-light .sidebar-upgrade-arrow .icon{width:66px;height:66px;stroke-width:1.2}
.ui-reference-light .sidebar-help{justify-content:flex-start;min-height:38px;padding:8px 10px;color:#7180a0;background:transparent;border-radius:10px}.ui-reference-light .sidebar-help:hover{color:var(--ref-blue);background:#f5f8ff}

.ui-reference-light .topbar{
  height:86px;padding:0 28px 0 34px;border-bottom:1px solid var(--ref-line);background:rgba(255,255,255,.97);box-shadow:none;backdrop-filter:blur(14px)
}
.ui-reference-light .topbar-left{flex:1;min-width:0;gap:12px}.ui-reference-light .topbar-actions{gap:11px}
.ui-reference-light .command-search{width:min(530px,48vw);min-width:300px;height:52px;padding:0 16px;border:1px solid #dce5f2;border-radius:12px;color:#64769d;background:#fff;box-shadow:0 2px 9px rgba(28,67,128,.025)}
.ui-reference-light .command-search:hover{border-color:#cbd9ec;background:#fff;box-shadow:0 7px 20px rgba(31,75,145,.06);transform:none}
.ui-reference-light .command-search>.icon{width:19px;height:19px;color:#5f73a1}.ui-reference-light .command-search span{font-size:12px;font-weight:500}.ui-reference-light .command-search kbd{margin-left:auto;color:#60739c;background:#f8faff;border-color:#e2e8f3;box-shadow:none}
.ui-reference-light .icon-button{width:48px;height:48px;border:1px solid #dde5f1;border-radius:13px;background:#fff;color:#50668f;box-shadow:none}.ui-reference-light .icon-button:hover{color:var(--ref-blue);background:#f8fbff;box-shadow:var(--ref-shadow-hover);transform:none}.ui-reference-light .icon-button .icon{width:20px}
.ui-reference-light .notification-count{position:absolute;top:-3px;right:-2px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:999px;color:#fff;background:#1467f4;font-size:8px;font-weight:800}
.ui-reference-light .topbar-date-pill{height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #dde5f1;border-radius:13px;background:#fff;color:#324e7c;font-size:11.5px;font-weight:600}.ui-reference-light .topbar-date-pill>.icon{width:18px;color:#6177a2}
.ui-reference-light .user-menu-trigger{min-width:192px;height:52px;padding:4px 10px 4px 6px;border:1px solid #dde5f1;border-radius:13px;background:#fff}.ui-reference-light .user-menu-trigger:hover{border-color:#cdd9ea;background:#fff;box-shadow:var(--ref-shadow)}
.ui-reference-light .user-menu-trigger .avatar{width:40px;height:40px}.ui-reference-light .user-menu-copy strong{max-width:120px;color:#132958;font-size:11.5px}.ui-reference-light .user-menu-copy small{font-size:9.5px;color:#7585a8}.ui-reference-light .user-menu-trigger>.icon{margin-left:auto}
.ui-reference-light .topbar-settings-button{height:52px;display:flex;align-items:center;gap:8px;padding:0 15px;border:1px solid #dde5f1;border-radius:13px;background:#fff;color:#435d88;font-size:11.5px;font-weight:650}.ui-reference-light .topbar-settings-button:hover{color:var(--ref-blue);border-color:#cdd9ea;box-shadow:var(--ref-shadow)}.ui-reference-light .topbar-settings-button>.icon{width:18px}
.ui-reference-light .master-top-user{display:none}
.ui-reference-light .user-dropdown{border-color:#dce4f0;border-radius:15px;box-shadow:0 22px 60px rgba(29,61,116,.16)}

/* Persistent Master context while an administrator is viewing a business workspace. */
.ui-reference-light .master-context-bar{
  position:relative;
  z-index:210;
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  padding:9px 26px;
  border-bottom:1px solid #cfe0fa;
  background:linear-gradient(100deg,#eef5ff 0%,#f8fbff 58%,#eefcfb 100%);
  box-shadow:0 5px 18px rgba(25,78,151,.06);
}
.ui-reference-light .master-context-inner{
  width:100%;
  max-width:1480px;
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 auto;
}
.ui-reference-light .master-context-return{margin:0;flex:0 0 auto}
.ui-reference-light .master-context-return button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 15px 0 12px;
  border:1px solid #bcd2f5;
  border-radius:11px;
  color:#0c5fd9;
  background:#fff;
  font-family:inherit;
  font-size:11.5px;
  font-weight:700;
  line-height:1;
  box-shadow:0 5px 14px rgba(23,91,190,.08);
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.ui-reference-light .master-context-return button:hover,
.ui-reference-light .master-context-return button:focus-visible{
  border-color:#176bf0;
  color:#fff;
  background:#176bf0;
  box-shadow:0 8px 20px rgba(23,107,240,.2);
  outline:0;
  transform:translateY(-1px);
}
.ui-reference-light .master-context-return button:active{transform:translateY(0)}
.ui-reference-light .master-context-return .icon{width:18px;height:18px;flex:0 0 18px;stroke-width:2.15}
.ui-reference-light .master-context-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  padding-left:14px;
  border-left:1px solid #cbdcf5;
}
.ui-reference-light .master-context-copy>span{
  color:#176bf0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  white-space:nowrap;
}
.ui-reference-light .master-context-copy>strong{
  min-width:0;
  overflow:hidden;
  color:#132b54;
  font-size:13px;
  font-weight:730;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ui-reference-light .page-content{width:100%;max-width:none;margin:0;padding:22px 26px 42px;background:var(--ref-page)}
.ui-reference-light .page-content>*{max-width:1480px;margin-left:auto;margin-right:auto}
.ui-reference-light .page-titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:6px 2px 2px}
.ui-reference-light .page-titlebar-copy{display:flex;align-items:center;gap:12px;min-width:0}.ui-reference-light .page-titlebar-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dfe8f5;border-radius:12px;color:var(--ref-blue);background:linear-gradient(145deg,#f1f6ff,#fff)}.ui-reference-light .page-titlebar-icon>.icon{width:20px}
.ui-reference-light .page-titlebar-copy h1{color:var(--ref-ink);font-size:22px;font-weight:760;letter-spacing:-.035em}.ui-reference-light .page-titlebar-copy p{margin-top:4px;color:var(--ref-muted);font-size:12px}.ui-reference-light .page-titlebar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.ui-reference-light .v8-page-stage{display:none!important}
.ui-reference-light .app-flashes{margin-bottom:16px}

/* Shared light cards, tables and forms — applied to every authenticated route. */
.ui-reference-light .panel,.ui-reference-light .settings-section,.ui-reference-light .table-panel,.ui-reference-light .toolbar-card,.ui-reference-light .suite-card,.ui-reference-light .integration-market-card,.ui-reference-light .channel-market-card,.ui-reference-light .automation-card,.ui-reference-light .quick-reply-card,.ui-reference-light .auto-reply-card,.ui-reference-light .workflow-card,.ui-reference-light .product-card,.ui-reference-light .price-card,.ui-reference-light .v9-price-card,.ui-reference-light .usage-card{
  border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)
}
.ui-reference-light .panel:hover,.ui-reference-light .suite-card:hover,.ui-reference-light .integration-market-card:hover,.ui-reference-light .channel-market-card:hover,.ui-reference-light .product-card:hover{border-color:#d6e0ee;box-shadow:var(--ref-shadow-hover)}
.ui-reference-light .panel-head,.ui-reference-light .settings-section-head{padding:16px 18px;border-bottom:1px solid #edf1f7;background:#fff}.ui-reference-light .panel-head h2,.ui-reference-light .settings-section-head h2{font-size:14px;font-weight:720;color:var(--ref-ink)}.ui-reference-light .panel-head p,.ui-reference-light .settings-section-head p{font-size:10.5px;color:var(--ref-muted)}
.ui-reference-light .panel-pad,.ui-reference-light .settings-section-body{padding:18px}
.ui-reference-light .btn{min-height:40px;padding:0 15px;border-radius:10px;font-size:11.5px;font-weight:700;box-shadow:none}.ui-reference-light .btn-sm{min-height:34px;padding:0 12px;font-size:10.5px}.ui-reference-light .btn-lg{min-height:48px;font-size:12.5px}
.ui-reference-light .btn-primary{color:#fff;border-color:transparent;background:linear-gradient(100deg,#1766f4 0%,#1a70ff 50%,#0bcac5 115%);box-shadow:0 7px 16px rgba(29,105,240,.16)}.ui-reference-light .btn-primary:hover{box-shadow:0 10px 22px rgba(29,105,240,.22);transform:translateY(-1px)}
.ui-reference-light .btn-secondary{color:#2e528b;border-color:#d9e3f1;background:#fff}.ui-reference-light .btn-secondary:hover{border-color:#bfcfe6;background:#f9fbff;transform:none}.ui-reference-light .btn-ghost{color:#5d719a}.ui-reference-light .btn-ghost:hover{background:#f3f7fd;transform:none}
.ui-reference-light .link-button,.ui-reference-light .table-link{color:#1168ef;font-size:10.5px;font-weight:700}
.ui-reference-light input,.ui-reference-light select,.ui-reference-light textarea{min-height:43px;border:1px solid #dbe4f0;border-radius:10px;background:#fff;color:var(--ref-ink);font-size:12px}.ui-reference-light input:focus,.ui-reference-light select:focus,.ui-reference-light textarea:focus{border-color:#77a8f8;box-shadow:0 0 0 4px rgba(20,103,244,.08)}
.ui-reference-light .form-label,.ui-reference-light .form-group label{color:#344f7e;font-size:11px;font-weight:650}.ui-reference-light .form-hint{font-size:10.5px;color:var(--ref-muted)}
.ui-reference-light .data-table-wrap{border-radius:0 0 15px 15px}.ui-reference-light .data-table{font-size:11.5px;color:#314b76}.ui-reference-light .data-table th{height:44px;padding:10px 13px;border-color:#eaf0f6;background:#f9fbfe;color:#7785a4;font-size:9.5px;letter-spacing:.045em;font-weight:750}.ui-reference-light .data-table td{padding:12px 13px;border-color:#edf1f7}.ui-reference-light .data-table tbody tr:hover{background:#fbfdff}
.ui-reference-light .table-primary strong{font-size:11.5px;color:#18315d}.ui-reference-light .table-primary span{font-size:9.5px;color:var(--ref-muted)}
.ui-reference-light .table-action{color:#55739f;border-color:#e2e8f2;background:#fff}.ui-reference-light .table-action:hover{color:var(--ref-blue);background:#f3f7ff}
.ui-reference-light .toolbar-card{padding:11px 13px;margin-bottom:13px}.ui-reference-light .search-field{border-color:#dfe7f2;background:#fff}.ui-reference-light .status-badge{min-height:23px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:700}.ui-reference-light .status-success{color:#0b9f78;background:#eafaf5}.ui-reference-light .status-warning{color:#bc7a12;background:#fff6e6}.ui-reference-light .status-danger{color:#d6495d;background:#fff0f2}.ui-reference-light .status-info{color:#256add;background:#eef5ff}
.ui-reference-light .toolbar-left .search-field{flex:0 1 340px;min-width:220px}
.ui-reference-light .notice-banner{grid-template-columns:36px 1fr auto;padding:11px 13px;border-radius:12px;box-shadow:none}.ui-reference-light .notice-banner .notice-icon{width:36px;height:36px;border-radius:10px}.ui-reference-light .notice-banner strong{font-size:11px}.ui-reference-light .notice-banner p{font-size:9.7px}
.ui-reference-light dialog,.ui-reference-light .dialog-card{border:1px solid #dce5f1;border-radius:16px;background:#fff;box-shadow:0 26px 80px rgba(25,56,109,.20)}
.ui-reference-light .empty-state{padding:34px 20px}.ui-reference-light .empty-icon{width:46px;height:46px;border:1px solid #e0e9f6;border-radius:14px;color:var(--ref-blue);background:#f2f7ff}.ui-reference-light .empty-state h3{font-size:14px}.ui-reference-light .empty-state p{font-size:11px;color:var(--ref-muted)}

/* Legacy V8/V9 named surfaces are deliberately normalized into this same light system. */
.ui-reference-light .v8-master-ribbon,.ui-reference-light .v8-business-control,.ui-reference-light .v8-plan-overview,.ui-reference-light .v9-campaign-wallet,.ui-reference-light .v9-billing-command,.ui-reference-light .v9-wallet-dashboard,.ui-reference-light .v9-config-grid{border-color:var(--ref-line);background:#fff;color:var(--ref-ink);box-shadow:var(--ref-shadow)}
.ui-reference-light .v8-master-ribbon{border:1px solid var(--ref-line);border-radius:15px;padding:15px 17px}.ui-reference-light .v8-master-ribbon strong{color:var(--ref-ink)}.ui-reference-light .v8-master-ribbon span{color:var(--ref-muted)}.ui-reference-light .v8-ribbon-icon{color:var(--ref-blue);background:#eef5ff}
.ui-reference-light .v8-identity-card,.ui-reference-light .v8-subscription-card,.ui-reference-light .v8-plan-card,.ui-reference-light .v8-plan-comparison,.ui-reference-light .v9-subscription-hero,.ui-reference-light .v9-wallet-hero,.ui-reference-light .billing-hero,.ui-reference-light .commerce-hero,.ui-reference-light .suite-hero,.ui-reference-light .master-feature-hero{border:1px solid var(--ref-line)!important;border-radius:16px!important;background:#fff!important;color:var(--ref-ink)!important;box-shadow:var(--ref-shadow)!important}
.ui-reference-light :is(.v8-subscription-card,.v9-subscription-hero,.v9-wallet-hero,.billing-hero,.commerce-hero,.suite-hero,.master-feature-hero) :is(h1,h2,h3,h4,strong){color:var(--ref-ink)!important}
.ui-reference-light :is(.v8-subscription-card,.v9-subscription-hero,.v9-wallet-hero,.billing-hero,.commerce-hero,.suite-hero,.master-feature-hero) :is(p,span,small){color:var(--ref-muted)}
.ui-reference-light .v8-plan-card{padding:19px}.ui-reference-light .v8-plan-price strong{color:var(--ref-ink)!important}.ui-reference-light .v8-plan-label span{color:#1767e8}.ui-reference-light .v8-plan-highlights span{color:#53698e}
.ui-reference-light .v9-wallet-balance{background:linear-gradient(135deg,#f2f7ff,#f0fffb);border:1px solid #dce8f4;color:var(--ref-ink)}
.ui-reference-light .v9-quick-amounts button{border-color:#dbe6f3;background:#fff;color:#2c5da8}.ui-reference-light .v9-quick-amounts button:hover{background:#f1f6ff;border-color:#bfd2ee}
.ui-reference-light .v10-wallet-metrics article{border-color:var(--ref-line);border-radius:14px;box-shadow:var(--ref-shadow)}
.ui-reference-light .v10-threshold-form{border-top-color:#e4eaf3}.ui-reference-light .v10-threshold-form label>span{color:var(--ref-muted)}.ui-reference-light .v10-threshold-form input{color:var(--ref-ink);background:#fff;border-color:#dce5f1}
.ui-reference-light .v10-wa-connected,.ui-reference-light .v10-connect-hero{border-color:var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)}.ui-reference-light .v10-wa-status{background:linear-gradient(135deg,#f6f9ff,#f2fffb)}
.ui-reference-light .v10-meta-grid>div,.ui-reference-light .v10-review-grid>div{border-color:#e5ebf4;background:#fbfdff}

/* Inbox / CRM / builders */
.ui-reference-light .inbox-shell{border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)}.ui-reference-light .inbox-list-pane,.ui-reference-light .inbox-chat-pane,.ui-reference-light .contact-pane{border-color:#edf1f7;background:#fff}.ui-reference-light .conversation-row:hover,.ui-reference-light .conversation-row.active{background:#f5f8ff}.ui-reference-light .conversation-row.active{box-shadow:inset 3px 0 var(--ref-blue)}.ui-reference-light .chat-header,.ui-reference-light .inbox-pane-head{border-color:#edf1f7;background:#fff}.ui-reference-light .message-stream{background:#f8fafc}.ui-reference-light .message-row.outbound .message-bubble{background:#e8f3ff;color:#193c6e}.ui-reference-light .message-row.inbound .message-bubble{border:1px solid #e4eaf3;background:#fff}.ui-reference-light .chat-composer{border-color:#e8edf5;background:#fff}
.ui-reference-light .crm-column{border:1px solid var(--ref-line);border-radius:14px;background:#f9fbfe}.ui-reference-light .crm-column-head{border-color:#e9eef5;background:#fff}.ui-reference-light .crm-card{border:1px solid #e3eaf4;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(31,70,131,.045)}
.ui-reference-light .wizard-shell,.ui-reference-light .workflow-builder-simple{border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)}.ui-reference-light .wizard-sidebar{background:#f8faff;border-color:#e7edf6}.ui-reference-light .wizard-step.active{color:var(--ref-blue);background:#eef5ff}.ui-reference-light .builder-step,.ui-reference-light .workflow-node{border-color:#dfe7f2;background:#fff;box-shadow:0 4px 14px rgba(31,70,131,.05)}

/* Integration, commerce and notification cards */
.ui-reference-light .integration-market-card,.ui-reference-light .channel-market-card,.ui-reference-light .product-card,.ui-reference-light .suite-card{overflow:hidden}.ui-reference-light .integration-brand-icon,.ui-reference-light .channel-logo{border:1px solid #e0e8f3;background:#f5f9ff;color:var(--ref-blue)}.ui-reference-light .notification-row{border-color:#e8edf5;background:#fff}.ui-reference-light .notification-row:hover{background:#fbfdff}.ui-reference-light .notification-type{background:#eef5ff;color:var(--ref-blue)}

/* MASTER DASHBOARD — supplied reference layout */
.reference-master-dashboard{display:grid;gap:18px}
.ref-master-greeting{padding:0 12px 2px}.ref-master-greeting h1{font-size:23px;font-weight:760;letter-spacing:-.035em;color:#102653}.ref-master-greeting p{margin-top:4px;color:var(--ref-muted);font-size:12px}
.ref-master-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ref-kpi-card{position:relative;min-width:0;overflow:hidden;height:176px;padding:18px 15px 0;border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)}
.ref-kpi-head{display:flex;align-items:center;gap:11px}.ref-kpi-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--tone-soft);color:var(--tone);box-shadow:0 0 0 8px color-mix(in srgb,var(--tone) 7%,transparent)}.ref-kpi-icon>.icon{width:22px;height:22px}
.ref-kpi-head>div{min-width:0}.ref-kpi-label{display:block;margin-bottom:4px;color:#60749e;font-size:9px;font-weight:650;white-space:nowrap}.ref-kpi-head strong{display:block;color:#102754;font-size:18px;font-weight:760;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-kpi-trend{position:relative;z-index:2;display:flex;align-items:center;gap:7px;margin-top:17px;font-size:9px;white-space:nowrap}.ref-kpi-trend b{font-weight:800}.ref-kpi-trend span{color:#8390ac}.ref-kpi-trend.positive b,.ref-mini-trend.positive,.ref-inline-trend.positive{color:#0aae7f}.ref-kpi-trend.negative b,.ref-mini-trend.negative,.ref-inline-trend.negative{color:#f05d6f}.ref-kpi-trend.neutral b,.ref-mini-trend.neutral,.ref-inline-trend.neutral{color:#70809e}
.ref-sparkline{position:absolute;left:13px;right:13px;bottom:0;width:calc(100% - 26px);height:46px;color:var(--tone)}.ref-spark-area{fill:color-mix(in srgb,var(--tone) 10%,transparent)}.ref-spark-line{fill:none;stroke:currentColor;stroke-width:1.6;vector-effect:non-scaling-stroke}
.tone-blue{--tone:#2d70f5;--tone-soft:#eef4ff}.tone-teal{--tone:#12bfa0;--tone-soft:#eafbf6}.tone-purple{--tone:#8065f3;--tone-soft:#f2edff}.tone-orange{--tone:#f5a324;--tone-soft:#fff6e8}.tone-rose{--tone:#f26b7a;--tone-soft:#fff0f3}.tone-green{--tone:#19b68c;--tone-soft:#edfbf7}
.ref-master-middle-grid{display:grid;grid-template-columns:1.25fr 1fr 1.05fr;gap:16px}.ref-master-bottom-grid{display:grid;grid-template-columns:1.15fr .92fr 1fr;gap:16px}
.ref-dashboard-panel{min-width:0;border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow);overflow:hidden}
.ref-panel-head{min-height:55px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px 10px}.ref-panel-head h2{font-size:13px;font-weight:730;color:#142956}.ref-panel-head>a{color:#1668ee;font-size:9.5px;font-weight:700}.ref-panel-head>div>p{margin-top:4px;color:#7787a9;font-size:9.5px}.ref-panel-value{display:block;margin-top:8px;color:#102652;font-size:20px;font-weight:760}.ref-inline-trend{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:7px;background:#eafaf5;font-size:9px;vertical-align:middle}.ref-inline-trend.negative{background:#fff0f2}.ref-inline-trend.neutral{background:#f3f5f9}.ref-filter-pill{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #dfe7f2;border-radius:9px;color:#607398;background:#fff;font-size:9px}.ref-filter-pill>.icon{width:12px}
.ref-chart-legend{display:flex;gap:14px;padding:0 18px 3px;color:#7584a2;font-size:9px}.ref-chart-legend span{display:flex;align-items:center;gap:5px}.ref-chart-legend i{width:6px;height:6px;border-radius:50%}.ref-chart-legend .current i{background:#2f70f5}.ref-chart-legend .previous i{border:1px solid #aab7cf;background:#fff}
.ref-line-chart{display:block;width:100%;height:220px;padding:4px 10px 0}.ref-line-chart text{fill:#8b98b2;font-size:8px}.ref-chart-grid{stroke:#edf1f6;stroke-width:1}.ref-line-current{fill:none;stroke:#3171f4;stroke-width:2}.ref-line-previous{fill:none;stroke:#aebcd3;stroke-width:1.5;stroke-dasharray:5 5}
.ref-donut-layout{display:grid;grid-template-columns:1.15fr .95fr;align-items:center;gap:10px;padding:8px 18px 21px}.ref-donut{width:184px;height:184px;display:grid;place-items:center;margin:auto;border-radius:50%;background:var(--ref-donut);position:relative}.ref-donut:after{content:"";position:absolute;width:114px;height:114px;border-radius:50%;background:#fff}.ref-donut>div{position:relative;z-index:2;display:grid;text-align:center}.ref-donut small,.ref-donut span{color:#8694ad;font-size:8.5px}.ref-donut strong{margin:2px 0;color:#122957;font-size:18px}
.ref-donut-legend{display:grid;gap:10px}.ref-donut-legend>div{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:7px;font-size:9px}.ref-donut-legend i{width:7px;height:7px;border-radius:50%;background:var(--legend-color)}.ref-donut-legend span{color:#53698f}.ref-donut-legend strong{color:#1a315e}.ref-donut-legend small{min-width:24px;text-align:right;color:#8795ad}
.ref-list-stack{display:grid}.ref-business-row,.ref-campaign-row,.ref-inbox-row{display:grid;align-items:center;gap:10px;padding:10px 17px;border-top:1px solid #f0f3f7}.ref-list-stack>:first-child{border-top:0}.ref-business-row{grid-template-columns:37px minmax(0,1fr) auto auto}.ref-row-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:var(--tone);background:var(--tone-soft)}.ref-row-icon>.icon{width:18px}.ref-business-row>div{min-width:0}.ref-business-row strong,.ref-business-row small{display:block}.ref-business-row>div strong{overflow:hidden;color:#18315e;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.ref-business-row small{margin-top:2px;color:#8491aa;font-size:8.5px}.ref-business-row time{color:#7584a0;font-size:8.5px;white-space:nowrap}.ref-business-row>b{color:#1f3863;font-size:9.5px;white-space:nowrap}
.ref-health-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;padding:3px 18px 20px}.ref-health-list{display:grid;gap:12px}.ref-health-list>div{display:flex;align-items:center;gap:11px}.ref-health-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px}.ref-health-icon>.icon{width:18px}.ref-health-icon.ok{color:#0bab85;background:#e9faf5}.ref-health-icon.warn{color:#ca8616;background:#fff5e5}.ref-health-list p{display:grid}.ref-health-list strong{font-size:10px;color:#19315d}.ref-health-list small{margin-top:2px;color:#8491aa;font-size:8.5px}
.ref-shield-visual{position:relative;display:grid;place-items:center;min-height:150px}.ref-shield-visual>span{width:68px;height:68px;display:grid;place-items:center;z-index:2;border-radius:22px;color:#fff;background:linear-gradient(145deg,#3f83ff,#5d73ef);box-shadow:0 12px 28px rgba(54,111,238,.25)}.ref-shield-visual>span>.icon{width:34px;height:34px}.ref-shield-visual>i{position:absolute;border:1px solid rgba(28,202,187,.23);border-radius:50%}.ref-shield-visual>i:nth-of-type(1){width:100px;height:100px}.ref-shield-visual>i:nth-of-type(2){width:136px;height:136px}.ref-shield-visual>i:nth-of-type(3){width:8px;height:8px;right:13px;top:26px;background:#19cfbd;border:0;box-shadow:-118px 68px 0 #19cfbd}
.ref-support-list{display:grid;padding:3px 17px 15px}.ref-support-list>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f1f4f8}.ref-support-list>a:first-child{border-top:0}.ref-priority-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;font-size:12px;font-weight:800}.ref-priority-icon.high{color:#f05264;background:#fff0f2}.ref-priority-icon.medium{color:#f0a21c;background:#fff6e7}.ref-priority-icon.low{color:#0dbb91;background:#eafaf5}.ref-support-list strong,.ref-support-list small{display:block}.ref-support-list strong{font-size:10px;color:#19315e}.ref-support-list small{margin-top:2px;color:#8693aa;font-size:8.5px}.ref-support-list b{min-width:28px;height:25px;display:grid;place-items:center;border-radius:999px;color:#2f5f9d;background:#f1f5fb;font-size:9px}
.ref-activity-feed{display:grid;padding:3px 17px 15px}.ref-activity-feed>a{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #f1f4f8;color:#586b90;font-size:9px}.ref-activity-feed>a:first-child{border-top:0}.ref-activity-feed i{width:5px;height:5px;border-radius:50%;background:var(--tone)}.ref-activity-feed span{text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-activity-feed time{color:#8491a9;white-space:nowrap}
.ref-compact-empty{display:flex;align-items:center;gap:10px;padding:20px 17px;color:#6e7f9d}.ref-compact-empty>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#2c70ef;background:#eef5ff}.ref-compact-empty>span>.icon{width:18px}.ref-compact-empty>div{flex:1;display:grid}.ref-compact-empty strong{font-size:10.5px;color:#1e3865}.ref-compact-empty small{margin-top:2px;font-size:8.5px}.ref-compact-empty>a{color:#1467ed;font-size:9px;font-weight:700}

/* BUSINESS DASHBOARD — supplied reference layout */
.reference-business-dashboard{display:grid;gap:18px}
.ref-business-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ref-status-card{min-width:0;min-height:205px;display:flex;flex-direction:column;justify-content:space-between;padding:18px 18px 16px;border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)}
.ref-status-card-head{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;gap:14px}.ref-channel-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;font-weight:800}.ref-channel-icon>.icon{width:23px}.ref-channel-icon.whatsapp{color:#fff;background:linear-gradient(145deg,#1fd078,#08b75d);box-shadow:0 0 0 9px #e9fbf2}.ref-channel-icon.instagram{color:#fff;background:linear-gradient(145deg,#ff4f88,#f43f63 45%,#ff9343);box-shadow:0 0 0 9px #fff0f3;font-size:26px}.ref-channel-icon.wallet,.ref-channel-icon.plan{color:#fff;background:linear-gradient(145deg,#1e77ff,#3164ed);box-shadow:0 0 0 9px #edf4ff}.ref-channel-icon.plan{font-size:24px}
.ref-status-card-head small,.ref-status-card-head strong,.ref-status-card-head span{display:block}.ref-status-card-head small{margin-top:1px;color:#1d315a;font-size:10px;font-weight:700}.ref-status-card-head strong{margin-top:6px;color:#102957;font-size:12px;font-weight:730;line-height:1.35}.ref-status-card-head span:not(.ref-channel-icon){margin-top:5px;color:#6d7fa2;font-size:10px;line-height:1.45}.ref-status-card-head .ref-status-value{margin-top:8px;color:#112a59;font-size:18px;font-weight:760;line-height:1.1}.ref-status-card-head .ref-plan-name{font-size:17px}
.ref-status-card-head .ref-channel-icon,.ref-business-kpi-grid .ref-mini-icon{display:grid!important;place-items:center}
.ref-status-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.ref-status-card-foot.single{display:block}.ref-status-card-foot>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 11px;border:1px solid #8ad4c0;border-radius:9px;color:#0aa27b;font-size:10.5px;font-weight:700}.ref-status-card-foot>a>.icon{width:13px}.ref-status-card-foot.single>a{width:100%;border-color:#cfe0f6;color:#1469ed}.ref-status-card-foot.single>a.ref-primary-link{color:#fff;border-color:transparent;background:linear-gradient(90deg,#1769f5,#09c9c5)}.ref-status-card-foot.single>a.ref-outline-link{background:#fff}
.ref-verified{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:650;white-space:nowrap}.ref-verified>.icon{width:13px}.ref-verified.ok{color:#08a276}.ref-verified.pending{color:#ba7914}
.ref-business-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.ref-mini-kpi{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;min-height:110px;padding:16px;border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)}.ref-mini-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--tone);background:var(--tone-soft);font-size:20px;font-weight:800}.ref-mini-icon>.icon{width:23px}.ref-mini-kpi>div{min-width:0}.ref-mini-kpi small,.ref-mini-kpi strong,.ref-mini-kpi span{display:block}.ref-mini-kpi small{color:#60739c;font-size:9.5px;font-weight:650}.ref-mini-kpi strong{margin-top:5px;color:#102956;font-size:18px;line-height:1;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-mini-trend{margin-top:8px;font-size:8.5px;font-weight:750;white-space:nowrap}.ref-mini-trend em{margin-left:4px;color:#8693aa;font-style:normal;font-weight:500}
.ref-business-main-grid{display:grid;grid-template-columns:1.12fr .93fr 1.05fr;gap:16px}.ref-business-main-grid>.ref-dashboard-panel{min-height:308px}.ref-campaign-row{grid-template-columns:38px minmax(0,1fr) auto 50px 64px}.ref-row-copy{min-width:0}.ref-row-copy strong,.ref-row-copy small{display:block}.ref-row-copy strong{overflow:hidden;color:#17305e;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.ref-row-copy small{margin-top:3px;color:#8592a9;font-size:8.5px}.ref-status-chip{padding:3px 6px;border-radius:7px;font-size:8px;font-weight:700}.ref-status-chip.success{color:#089b72;background:#eafaf5}.ref-status-chip.info{color:#1f68d8;background:#eef5ff}.ref-status-chip.danger{color:#d14e5f;background:#fff0f2}.ref-status-chip.warning{color:#bc7915;background:#fff6e6}.ref-row-stat{display:grid;text-align:right}.ref-row-stat strong{color:#243c68;font-size:9.5px}.ref-row-stat small{margin-top:2px;color:#8794aa;font-size:8px}
.ref-inbox-row{grid-template-columns:38px minmax(0,1fr) auto 23px}.ref-inbox-row .avatar{width:36px;height:36px}.ref-inbox-row>div{min-width:0}.ref-inbox-row>div strong,.ref-inbox-row>div small{display:block}.ref-inbox-row>div strong{color:#18315f;font-size:10.5px}.ref-inbox-row>div small{margin-top:2px;overflow:hidden;color:#7888a7;font-size:8.8px;text-overflow:ellipsis;white-space:nowrap}.ref-inbox-row time{color:#7788a6;font-size:8.5px;white-space:nowrap}.ref-row-open{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#176af4;font-size:14px;font-weight:500}
.ref-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:10px 18px 18px}.ref-action-grid>a{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #e2e8f2;border-radius:11px;background:#fff;color:#496288;font-size:9.2px;text-align:center;transition:.18s ease}.ref-action-grid>a:hover{border-color:#bdd1ee;background:#f7faff;color:var(--ref-blue);transform:translateY(-1px);box-shadow:0 7px 18px rgba(31,74,140,.07)}.ref-action-grid>a>span{color:#1470f4}.ref-action-grid>a>span>.icon{width:24px;height:24px}.ref-action-grid>a strong{font-weight:600}
.ref-explore-panel{padding:18px 18px 16px;border:1px solid var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)}.ref-explore-panel>h2{margin:0 0 12px;color:#132a57;font-size:13px}.ref-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ref-explore-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) 17px;align-items:center;gap:12px;min-height:78px;padding:12px 14px;border:1px solid #e0e8f3;border-radius:10px;background:#fff}.ref-explore-grid>a:hover{border-color:#c1d2eb;background:#fbfdff;box-shadow:0 7px 20px rgba(31,74,140,.06)}.ref-explore-grid>a>div{min-width:0}.ref-explore-grid strong,.ref-explore-grid small{display:block}.ref-explore-grid strong{overflow:hidden;color:#19325f;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.ref-explore-grid small{margin-top:3px;color:#8090ae;font-size:8.5px}.ref-explore-grid>a>.icon{width:14px;color:#385783}.ref-explore-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.ref-explore-icon>.icon{width:21px}.ref-explore-icon.phone{color:#f24e9b;background:#fff0f8}.ref-explore-icon.team{color:#8065f3;background:#f3efff}.ref-explore-icon.integration{color:#13a96f;background:#ebfbf2}.ref-explore-icon.api{color:#7255cf;background:#f1edff}

/* Responsive behavior keeps the reference hierarchy without horizontal overflow. */
@media(max-width:1380px){
  .ui-reference-light{--sidebar-width:272px}.ref-master-kpi-grid{grid-template-columns:repeat(3,1fr)}.ref-kpi-card{height:152px}.ref-master-middle-grid{grid-template-columns:1.2fr 1fr}.ref-recent-businesses{grid-column:1/-1}.ref-master-bottom-grid{grid-template-columns:repeat(2,1fr)}.ref-recent-activity{grid-column:1/-1}.ref-business-status-grid{grid-template-columns:repeat(2,1fr)}.ref-business-kpi-grid{grid-template-columns:repeat(3,1fr)}.ref-business-main-grid{grid-template-columns:1fr 1fr}.ref-quick-actions{grid-column:1/-1}.ref-explore-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1025px){
  .ui-reference-light.sidebar-compact{--sidebar-width:84px}.ui-reference-light.sidebar-compact .sidebar{padding-left:11px;padding-right:11px}.ui-reference-light.sidebar-compact .sidebar-head{padding-left:0;padding-right:0;justify-content:center}.ui-reference-light.sidebar-compact .sidebar-brand-full{display:none}.ui-reference-light.sidebar-compact .sidebar-brand-icon{display:block;width:38px;height:38px}.ui-reference-light.sidebar-compact .sidebar-head-actions{margin-left:3px}.ui-reference-light.sidebar-compact .sidebar-collapse{width:30px;height:30px}.ui-reference-light.sidebar-compact .sidebar-context-card,.ui-reference-light.sidebar-compact .sidebar-bottom{display:none}.ui-reference-light.sidebar-compact .sidebar-nav{padding:8px 0 20px}.ui-reference-light.sidebar-compact .sidebar-link,.ui-reference-light.sidebar-compact .sidebar-group-toggle{width:50px;justify-content:center;margin:4px auto;padding:0}.ui-reference-light.sidebar-compact .sidebar-link>span,.ui-reference-light.sidebar-compact .sidebar-group-toggle>span,.ui-reference-light.sidebar-compact .sidebar-group-chevron,.ui-reference-light.sidebar-compact .sidebar-group-panel{display:none!important}.ui-reference-light.sidebar-compact .sidebar-link.active:before,.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle:before{left:-6px}.ui-reference-light.sidebar-compact .sidebar-link.active:after,.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle:after{right:-6px}
}
@media(max-width:1100px){
  .ui-reference-light .topbar{padding:0 18px}.ui-reference-light .command-search{min-width:240px;width:min(430px,46vw)}.ui-reference-light .topbar-settings-button span,.ui-reference-light .topbar-date-pill span{display:none}.ui-reference-light .topbar-settings-button,.ui-reference-light .topbar-date-pill{width:48px;justify-content:center;padding:0}.ref-master-middle-grid,.ref-master-bottom-grid,.ref-business-main-grid{grid-template-columns:1fr}.ref-recent-businesses,.ref-recent-activity,.ref-quick-actions{grid-column:auto}.ref-business-kpi-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .ui-reference-light{--sidebar-width:0px}.ui-reference-light .app-shell{display:block}.ui-reference-light .app-main{grid-column:auto}.ui-reference-light .sidebar{width:292px;transform:translateX(-102%);box-shadow:18px 0 50px rgba(27,58,109,.16);transition:transform .2s ease}.ui-reference-light .sidebar.open{transform:translateX(0)}.ui-reference-light .sidebar-close{display:grid}.ui-reference-light .sidebar-collapse{display:none}.ui-reference-light .sidebar-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid #dfe6f0;border-radius:11px;background:#fff;color:#4d638b}.ui-reference-light .topbar{height:76px}.ui-reference-light .page-content{padding:18px 18px 34px}.ref-master-kpi-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .ui-reference-light .topbar{padding:0 13px;gap:8px}.ui-reference-light .command-search{width:44px;min-width:44px;height:44px;justify-content:center;padding:0}.ui-reference-light .command-search span,.ui-reference-light .command-search kbd{display:none}.ui-reference-light .icon-button,.ui-reference-light .topbar-settings-button,.ui-reference-light .topbar-date-pill{width:44px;height:44px}.ui-reference-light .user-menu-trigger{min-width:44px;width:44px;height:44px;padding:3px;justify-content:center}.ui-reference-light .user-menu-trigger .avatar{width:36px;height:36px}.ui-reference-light .user-menu-copy,.ui-reference-light .user-menu-trigger>.icon{display:none}.ui-reference-light .page-content{padding:15px 13px 30px}.ui-reference-light .page-titlebar{align-items:flex-start;flex-direction:column}.ui-reference-light .page-titlebar-actions{width:100%;justify-content:flex-start}.ui-reference-light .page-titlebar-copy h1{font-size:20px}.ref-master-kpi-grid{grid-template-columns:repeat(2,1fr)}.ref-kpi-card{height:150px}.ref-master-middle-grid,.ref-master-bottom-grid{gap:13px}.ref-donut-layout{grid-template-columns:1fr}.ref-business-status-grid,.ref-business-kpi-grid{grid-template-columns:1fr 1fr}.ref-business-main-grid{gap:13px}.ref-explore-grid{grid-template-columns:1fr 1fr}.ref-campaign-row{grid-template-columns:38px minmax(0,1fr) auto}.ref-campaign-row .ref-row-stat{display:none}.ref-line-chart{height:190px}
  .ui-reference-light .toolbar-left .search-field{flex:1 1 100%;min-width:0}
}
@media(max-width:520px){
  .ui-reference-light .topbar-actions{gap:6px}.ui-reference-light .topbar-settings-button{display:none}.ui-reference-light .topbar-date-pill{display:none}.ui-reference-light .page-titlebar-copy{align-items:flex-start}.ui-reference-light .page-titlebar-icon{width:38px;height:38px}.ref-master-greeting{padding:2px 2px}.ref-master-greeting h1{font-size:20px}.ref-master-kpi-grid,.ref-business-status-grid,.ref-business-kpi-grid,.ref-explore-grid{grid-template-columns:1fr}.ref-kpi-card{height:145px}.ref-status-card{min-height:180px}.ref-business-row{grid-template-columns:37px minmax(0,1fr) auto}.ref-business-row>b{display:none}.ref-action-grid{grid-template-columns:repeat(2,1fr)}.ref-inbox-row{grid-template-columns:36px minmax(0,1fr) 21px}.ref-inbox-row time{display:none}.ref-donut{width:160px;height:160px}.ref-donut:after{width:100px;height:100px}.ref-line-chart{height:170px}.ui-reference-light .form-row,.ui-reference-light .form-row.cols-3{grid-template-columns:1fr}.ui-reference-light .data-table-wrap,.ui-reference-light .table-panel{overflow-x:auto}.ui-reference-light .data-table{min-width:680px}
}
.ui-reference-light .eyebrow.light{color:#6b7fa7!important}
.ui-reference-light .suite-hero-stat{border:1px solid #e0e8f3;background:#f7faff;color:var(--ref-ink);box-shadow:none}
.ui-reference-light .suite-hero-stat strong{color:var(--ref-ink)!important}.ui-reference-light .suite-hero-stat span{color:var(--ref-muted)!important}
.ui-reference-light .integration-hero-stack>span{border:1px solid #dfe7f2;background:#f7faff;color:#5f739a}
.ui-reference-light .v9-checkout-copy,.ui-reference-light .v9-checkout-shell aside{border:1px solid var(--ref-line);border-radius:16px;background:#fff;color:var(--ref-ink);box-shadow:var(--ref-shadow);backdrop-filter:none}.ui-reference-light .v9-checkout-shell aside strong{color:var(--ref-ink)}.ui-reference-light .v9-checkout-shell aside ol{color:var(--ref-muted)}
.ui-reference-light .ai-agent-card,.ui-reference-light .widget-card,.ui-reference-light .feature-matrix-panel{border-color:var(--ref-line);border-radius:15px;background:#fff;box-shadow:var(--ref-shadow)}
.ui-reference-light .master-feature-hero:before,.ui-reference-light .suite-hero:after,.ui-reference-light .commerce-hero:after{display:none!important}
/* Reference-light consistency fixes for remaining enterprise module tables. */
.ui-reference-light .feature-matrix thead th{
  border-bottom:1px solid var(--ref-line)!important;
  background:#f7f9fd!important;
  color:#64779a!important;
}
.ui-reference-light .feature-matrix tbody td{border-color:#e9eef5;color:var(--ref-ink)}
.ui-reference-light .feature-matrix tbody tr:hover{background:#fbfdff}
.ui-reference-light .dashboard-plan-card{border:1px solid var(--ref-line)!important;border-radius:16px!important;background:#fff!important;color:var(--ref-ink)!important;box-shadow:var(--ref-shadow)!important}
.ui-reference-light .dashboard-plan-card :is(h1,h2,h3,strong){color:var(--ref-ink)!important}
.ui-reference-light .dashboard-plan-card :is(p,span,small){color:var(--ref-muted)}

/* --------------------------------------------------------------------------
   Reference Light spatial motion

   Depth is intentionally applied to summary and discovery surfaces only.
   Dense tables, forms, inboxes and pipeline boards stay perfectly stable.
   -------------------------------------------------------------------------- */
.ui-reference-light{
  --ref-depth-shadow:0 10px 28px rgba(27,66,128,.065),0 1px 2px rgba(27,66,128,.025);
  --ref-depth-shadow-hover:0 22px 46px rgba(30,72,139,.12),0 8px 18px rgba(30,72,139,.055);
}
.ui-reference-light .page-content{
  isolation:isolate;
  perspective:1400px;
}
.ui-reference-light .page-content:before{
  content:"";
  position:fixed;
  z-index:-1;
  width:280px;
  height:480px;
  right:0;
  top:110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,112,255,.055),rgba(12,206,198,.025) 38%,transparent 68%);
  pointer-events:none;
}
.ui-reference-light .ref-depth-card{
  --ref-rx:0deg;
  --ref-ry:0deg;
  --ref-lift:0px;
  position:relative;
  transform:perspective(1100px) rotateX(var(--ref-rx)) rotateY(var(--ref-ry)) translate3d(0,var(--ref-lift),0);
  transform-style:preserve-3d;
  transform-origin:center;
  backface-visibility:hidden;
  will-change:transform,box-shadow;
  transition:transform .38s cubic-bezier(.2,.75,.2,1),box-shadow .38s ease,border-color .38s ease;
}
.ui-reference-light .ref-depth-card.ref-depth-active{
  --ref-lift:-3px;
  border-color:#d7e3f4;
  box-shadow:var(--ref-depth-shadow-hover)!important;
  transition-duration:.09s,.22s,.22s;
}
.ui-reference-light .ref-depth-card .ref-depth-float{
  transform:translate3d(var(--ref-float-x,0),var(--ref-float-y,0),24px);
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .34s cubic-bezier(.2,.75,.2,1);
}
.ui-reference-light .ref-depth-card.ref-depth-active .ref-depth-float{transition-duration:.09s}
.js-v8 .ui-reference-light .v8-reveal-item.ref-depth-card.is-visible{
  transform:perspective(1100px) rotateX(var(--ref-rx)) rotateY(var(--ref-ry)) translate3d(0,var(--ref-lift),0);
}
.ui-reference-light .ref-reveal{
  opacity:0;
  transform:translate3d(0,14px,0) scale(.992);
  filter:blur(2px);
  transition:opacity .52s ease var(--ref-delay,0ms),transform .62s cubic-bezier(.18,.78,.18,1) var(--ref-delay,0ms),filter .42s ease var(--ref-delay,0ms);
}
.ui-reference-light .ref-reveal.ref-reveal-visible{opacity:1;transform:none;filter:none}
.ui-reference-light .ref-channel-icon,
.ui-reference-light .ref-shield-visual>span,
.ui-reference-light .sidebar-upgrade-icon{
  animation:ref-soft-float 5.4s ease-in-out infinite;
}
.ui-reference-light .ref-status-card:nth-child(2) .ref-channel-icon,
.ui-reference-light .ref-shield-visual>span{animation-delay:-1.35s}
.ui-reference-light .ref-status-card:nth-child(3) .ref-channel-icon{animation-delay:-2.7s}
.ui-reference-light .ref-status-card:nth-child(4) .ref-channel-icon{animation-delay:-4.05s}
.ui-reference-light .ref-spark-line,
.ui-reference-light .ref-line-current{
  stroke-dasharray:900;
  stroke-dashoffset:900;
  animation:ref-chart-draw 1.15s cubic-bezier(.22,.78,.2,1) forwards;
}
.ui-reference-light .ref-line-current{animation-delay:.28s}
.ui-reference-light .ref-line-previous{animation:ref-chart-fade .8s ease .16s both}
.ui-reference-light :is(.btn,.icon-button,.table-action,.ref-row-open,.topbar-settings-button,.sidebar-collapse){
  transform:translateZ(0);
  transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease;
}
.ui-reference-light :is(.btn,.icon-button,.table-action,.ref-row-open,.topbar-settings-button,.sidebar-collapse):active{transform:translateY(1px) scale(.975)}
.ui-reference-light .ref-shield-visual>i:nth-of-type(1){animation:ref-orbit-pulse 3.6s ease-in-out infinite}
.ui-reference-light .ref-shield-visual>i:nth-of-type(2){animation:ref-orbit-pulse 3.6s ease-in-out -1.2s infinite}
.ui-reference-light .ref-shield-visual>i:nth-of-type(3){animation:ref-orbit-dot 7s linear infinite}

@keyframes ref-soft-float{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(0,-4px,18px) rotate(.6deg)}
}
@keyframes ref-chart-draw{to{stroke-dashoffset:0}}
@keyframes ref-chart-fade{from{opacity:0}to{opacity:1}}
@keyframes ref-orbit-pulse{
  0%,100%{transform:scale(.96);opacity:.62}
  50%{transform:scale(1.04);opacity:1}
}
@keyframes ref-orbit-dot{to{transform:rotate(360deg)}}

@media(hover:none),(pointer:coarse){
  .ui-reference-light .ref-depth-card{will-change:auto;transform:none!important}
  .ui-reference-light .ref-depth-card .ref-depth-float{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .ui-reference-light .ref-depth-card,
  .ui-reference-light .ref-depth-card .ref-depth-float,
  .ui-reference-light .ref-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
  .ui-reference-light .ref-channel-icon,
  .ui-reference-light .ref-shield-visual>span,
  .ui-reference-light .sidebar-upgrade-icon,
  .ui-reference-light .ref-shield-visual>i,
  .ui-reference-light .ref-spark-line,
  .ui-reference-light .ref-line-current,
  .ui-reference-light .ref-line-previous{animation:none!important;stroke-dashoffset:0!important}
}
.ui-reference-light.ref-motion-paused *,
.ui-reference-light.ref-motion-paused *:before,
.ui-reference-light.ref-motion-paused *:after{animation-play-state:paused!important}

/* Public pricing — LITREVO V10.2 */
.pricing-page{--pp-blue:#1269f5;--pp-navy:#082650;--pp-cyan:#00a9c6;--pp-line:#d8e4f1;--pp-muted:#62758f;color:#102b4d;background:#f8fbff;font-family:Inter,Arial,sans-serif}
.pricing-hero{position:relative;overflow:hidden;padding:165px 0 88px;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(33,219,224,.2),transparent 28%),radial-gradient(circle at 14% 100%,rgba(74,107,255,.32),transparent 34%),linear-gradient(125deg,#061d45,#0a55b8 58%,#008fae)}
.pricing-hero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,#000,transparent 80%)}
.pricing-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.52fr);gap:58px;align-items:center}
.pricing-kicker,.pricing-section-head>div>span,.pricing-enterprise-copy>span{display:block;color:#41e5e0;font-size:11px;font-weight:900;letter-spacing:.14em}
.pricing-hero h1{max-width:830px;margin:18px 0 0;color:#fff;font:800 clamp(42px,5.5vw,72px)/1.02 Manrope,Inter,sans-serif;letter-spacing:-.052em}
.pricing-hero p{max-width:760px;margin:22px 0 0;color:#d5e6f7;font-size:17px;line-height:1.72}
.pricing-hero-actions{display:flex;gap:12px;margin-top:30px}.pricing-hero-actions .v6-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.pricing-hero-proof{padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(5,29,67,.42);box-shadow:0 28px 70px rgba(0,15,46,.25);backdrop-filter:blur(16px)}
.pricing-hero-proof>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#0a5de0;background:#fff}.pricing-hero-proof>span svg{width:23px;height:23px}.pricing-hero-proof>strong{display:block;margin-top:20px;color:#fff;font:800 20px/1.2 Manrope,sans-serif}.pricing-hero-proof>p{margin-top:9px;font-size:13px;line-height:1.6}.pricing-hero-proof>div{display:flex;align-items:baseline;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}.pricing-hero-proof b{font-size:24px}.pricing-hero-proof small{color:#c8d9ed}
.pricing-plans{padding-top:90px;padding-bottom:48px;scroll-margin-top:90px}.pricing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:32px}.pricing-section-head>div>span{color:var(--pp-blue)}.pricing-section-head h2{margin:10px 0 0;color:#0b2649;font:800 clamp(31px,3.7vw,48px)/1.08 Manrope,Inter,sans-serif;letter-spacing:-.04em}.pricing-section-head p{max-width:720px;margin:10px 0 0;color:var(--pp-muted);line-height:1.65}
.pricing-cycle{display:flex;flex:0 0 auto;padding:5px;border:1px solid #ccdae9;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(15,47,87,.07)}.pricing-cycle button{min-width:108px;padding:10px 13px;border:0;border-radius:10px;color:#58708e;background:transparent;font:750 12px/1.2 Inter,sans-serif;cursor:pointer}.pricing-cycle button em{display:block;margin-top:3px;color:#00a789;font-size:9px;font-style:normal}.pricing-cycle button.active{color:#fff;background:var(--pp-blue);box-shadow:0 6px 16px rgba(18,105,245,.24)}.pricing-cycle button.active em{color:#d9efff}
.pricing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pricing-plan-card{--accent:#337af6;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:610px;padding:27px 24px;border:1px solid var(--pp-line);border-top:5px solid var(--accent);border-radius:22px;background:linear-gradient(180deg,var(--soft,#edf5ff),#fff 28%);box-shadow:0 17px 42px rgba(15,48,90,.08);transition:transform .22s ease,box-shadow .22s ease}.pricing-plan-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px rgba(15,48,90,.14)}.pricing-plan-card.plan-starter{--accent:#367cf6;--soft:#edf5ff}.pricing-plan-card.plan-growth{--accent:#00a9c6;--soft:#e9fbff}.pricing-plan-card.plan-scale{--accent:#6557de;--soft:#f1efff}.pricing-plan-card.plan-enterprise{--accent:#102d57;--soft:#eef2f8}.pricing-plan-card.recommended{border-color:#8bdde9}.pricing-recommended{position:absolute;right:17px;top:16px;padding:6px 8px;border-radius:999px;color:#006c7e;background:#dffbff;font-size:8px;font-weight:900;letter-spacing:.08em}.pricing-plan-card header{display:flex;align-items:center;gap:12px}.pricing-plan-mark{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#fff;background:var(--accent)}.pricing-plan-mark svg{width:20px;height:20px}.pricing-plan-card header small{display:block;color:#6c7f98;font-size:8px;font-weight:900;letter-spacing:.08em}.pricing-plan-card h3{margin:4px 0 0;color:#102c50;font:800 25px/1.1 Manrope,sans-serif}.pricing-plan-card>p{min-height:64px;margin:19px 0 0;color:#64768f;font-size:12px;line-height:1.6}
.pricing-plan-value{min-height:105px;margin-top:17px;padding:18px 0;border-top:1px solid #dfe7f1;border-bottom:1px solid #dfe7f1}.pricing-plan-value>div{display:flex;align-items:baseline}.pricing-plan-value sup{color:#263e5e;font-size:16px;font-weight:800}.pricing-plan-value strong{color:#082650;font:850 40px/1 Manrope,sans-serif;letter-spacing:-.05em}.pricing-plan-value small{margin-left:5px;color:#6a7b91;font-size:11px}.pricing-plan-value>span{display:block;margin-top:7px;color:#77899f;font-size:10px}.pricing-plan-value>strong+span{margin-top:11px}.pricing-plan-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:17px;padding:12px;border-radius:11px;color:#fff!important;background:var(--accent);font-size:12px;font-weight:850;text-decoration:none!important}.pricing-plan-cta svg{width:15px;height:15px}.pricing-plan-card ul{display:grid;gap:12px;margin:21px 0 0;padding:0;list-style:none}.pricing-plan-card li{display:flex;align-items:flex-start;gap:9px;color:#405674;font-size:11px;line-height:1.45}.pricing-plan-card li svg{width:16px;height:16px;flex:0 0 16px;color:var(--accent)}.pricing-features-link{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:22px;color:var(--accent)!important;font-size:11px;font-weight:850}.pricing-features-link svg{width:14px;height:14px}.pricing-tax-note{margin:17px 0 0;color:#77889e;font-size:11px;text-align:center}
.pricing-comparison{padding-top:18px;padding-bottom:82px;scroll-margin-top:80px}.pricing-comparison .v8-plan-comparison{margin:0}.pricing-comparison .v8-plan-comparison table{min-width:1120px}.pricing-comparison .v8-plan-comparison thead .plan-growth{background:linear-gradient(135deg,#008fae,#1269f5)}.pricing-comparison .v8-plan-comparison thead .plan-scale{color:#fff;background:#5c4dd4}.pricing-comparison .v8-plan-comparison thead .plan-scale span,.pricing-comparison .v8-plan-comparison thead .plan-scale small{color:#dedaff}.pricing-comparison .v8-plan-comparison thead .plan-enterprise{color:#fff;background:#102d57}.pricing-comparison .v8-plan-comparison thead .plan-enterprise span,.pricing-comparison .v8-plan-comparison thead .plan-enterprise small{color:#cfdaea}
.pricing-rates{padding:82px 0;background:#071e43;color:#fff;scroll-margin-top:80px}.pricing-rates .pricing-section-head h2{color:#fff}.pricing-rates .pricing-section-head p{color:#bfd0e4}.pricing-rates .pricing-section-head>div>span{color:#41dfdd}.pricing-source-link{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:11px 14px;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff!important;font-size:11px;font-weight:800}.pricing-source-link svg{width:15px;height:15px}.pricing-rate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.pricing-rate-grid article{padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.065)}.pricing-rate-grid article.service{background:linear-gradient(140deg,rgba(0,178,174,.22),rgba(255,255,255,.06))}.pricing-rate-grid span,.pricing-rate-grid strong,.pricing-rate-grid small{display:block}.pricing-rate-grid span{min-height:24px;color:#65e8e0;font-size:8px;font-weight:900;letter-spacing:.09em}.pricing-rate-grid strong{margin-top:14px;font:800 28px/1 Manrope,sans-serif}.pricing-rate-grid small{margin-top:7px;color:#b9cbe0;font-size:10px;line-height:1.45}.pricing-rate-note{display:flex;gap:12px;margin-top:20px;padding:17px 19px;border:1px solid rgba(105,209,255,.27);border-radius:14px;background:rgba(17,103,184,.15)}.pricing-rate-note>svg{width:19px;height:19px;flex:0 0 auto;color:#66e6df}.pricing-rate-note p{margin:0}.pricing-rate-note strong,.pricing-rate-note span{display:block}.pricing-rate-note strong{font-size:12px}.pricing-rate-note span{margin-top:5px;color:#bdd0e5;font-size:11px;line-height:1.5}
.pricing-enterprise{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding-top:90px;padding-bottom:90px;scroll-margin-top:80px}.pricing-enterprise-copy>span{color:var(--pp-blue)}.pricing-enterprise-copy h2{margin:13px 0 0;color:#0b2649;font:800 40px/1.1 Manrope,sans-serif;letter-spacing:-.04em}.pricing-enterprise-copy>p{margin-top:16px;color:var(--pp-muted);line-height:1.7}.pricing-enterprise-copy ul{display:grid;gap:11px;margin:23px 0;padding:0;list-style:none}.pricing-enterprise-copy li{display:flex;gap:9px;color:#3d5573;font-size:12px}.pricing-enterprise-copy li svg{width:17px;height:17px;color:#0aa89f}.pricing-enterprise-copy>a{color:var(--pp-blue);font-weight:800}.pricing-contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:27px;border:1px solid var(--pp-line);border-radius:22px;background:#fff;box-shadow:0 20px 50px rgba(17,52,95,.09)}.pricing-contact-form>div{display:grid;gap:7px}.pricing-contact-form .wide{grid-column:1/-1}.pricing-contact-form label{color:#263f61;font-size:11px;font-weight:800}.pricing-contact-form input,.pricing-contact-form select,.pricing-contact-form textarea{width:100%;border:1px solid #cad8e8;border-radius:9px;color:#143253;background:#fff;font:400 13px/1.4 Inter,sans-serif}.pricing-contact-form input,.pricing-contact-form select{height:43px;padding:0 12px}.pricing-contact-form textarea{min-height:106px;padding:11px;resize:vertical}.pricing-contact-form .v6-btn{width:100%;margin-top:3px}.pricing-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.pricing-faq{padding:78px 0;background:#edf5ff}.pricing-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pricing-faq-grid article{padding:23px;border:1px solid #d6e2ef;border-radius:17px;background:#fff}.pricing-faq-grid h3{margin:0;color:#183657;font:800 15px/1.3 Manrope,sans-serif}.pricing-faq-grid p{margin:9px 0 0;color:#687b93;font-size:12px;line-height:1.65}
.pricing-founder-banner{padding:18px 0;background:#eaf4ff;border-bottom:1px solid #c9dff7}.pricing-founder-banner .public-container{display:flex;align-items:center;gap:15px}.pricing-founder-banner .public-container>span{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#fff;background:linear-gradient(135deg,#1269f5,#0bbfc4)}.pricing-founder-banner svg{width:20px;height:20px}.pricing-founder-banner div div{flex:1}.pricing-founder-banner small,.pricing-founder-banner strong,.pricing-founder-banner p{display:block}.pricing-founder-banner small{color:#0b6fe9;font-size:8px;font-weight:900;letter-spacing:.12em}.pricing-founder-banner strong{margin-top:4px;color:#102e55;font:800 15px Manrope,sans-serif}.pricing-founder-banner p{margin:4px 0 0;color:#607895;font-size:10px}.pricing-founder-banner a{display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:9px;color:#fff!important;background:#1269f5;font-size:10px;font-weight:850;white-space:nowrap}.pricing-founder-banner a svg{width:14px;height:14px}.pricing-founder-saving{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px 10px;border:1px solid #c6e2ff;border-radius:9px;color:#075dcc;background:#eef7ff;font-size:9px;font-weight:800}.pricing-founder-saving svg{width:14px;height:14px}
.v6-home-price-grid{grid-template-columns:repeat(4,1fr)}.v6-home-price-card{min-height:540px;padding:27px}.v6-home-price-card .v6-plan-head p{min-height:61px}.v6-home-full-features{position:relative;z-index:2;display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:21px;color:#1269f5!important;font-size:11px;font-weight:850}.v6-home-full-features svg{width:14px;height:14px}.v6-home-price-card.plan-enterprise{background:linear-gradient(160deg,#eef4fb,#fff)}
.v6-founder-offer{display:flex;align-items:center;gap:12px;max-width:660px;margin:0 auto 20px;padding:13px 15px;border:1px solid #b9dafa;border-radius:14px;color:#0c315f!important;background:linear-gradient(90deg,#edf6ff,#e9fffe);box-shadow:0 12px 28px rgba(23,91,166,.09)}.v6-founder-offer>span{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#fff;background:#1269f5}.v6-founder-offer>span svg{width:18px;height:18px}.v6-founder-offer p{flex:1;margin:0}.v6-founder-offer strong,.v6-founder-offer small{display:block}.v6-founder-offer strong{font:800 13px Manrope,sans-serif}.v6-founder-offer small{margin-top:3px;color:#627c9b;font-size:9px}.v6-founder-offer>svg{width:17px;height:17px;color:#1269f5}
@media(max-width:1180px){.pricing-plan-grid,.v6-home-price-grid{grid-template-columns:repeat(2,1fr)}.pricing-rate-grid{grid-template-columns:repeat(3,1fr)}.pricing-plan-card{min-height:570px}}
@media(max-width:850px){.pricing-hero{padding-top:132px}.pricing-hero-grid,.pricing-enterprise{grid-template-columns:1fr;gap:35px}.pricing-section-head{align-items:flex-start;flex-direction:column}.pricing-cycle{width:100%;overflow:auto}.pricing-cycle button{flex:1}.pricing-rate-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pricing-hero h1{font-size:40px}.pricing-hero-actions{align-items:stretch;flex-direction:column}.pricing-plan-grid,.v6-home-price-grid,.pricing-rate-grid,.pricing-faq-grid,.pricing-contact-form{grid-template-columns:1fr}.pricing-plan-card{min-height:0}.pricing-cycle button{min-width:94px;font-size:10px}.pricing-enterprise{padding-top:65px;padding-bottom:65px}.pricing-contact-form .wide{grid-column:auto}.pricing-plan-value strong{font-size:36px}.pricing-hero-proof{padding:22px}}

/* R24 Master commercial controls */
.r24-commercial-page{--r24-blue:#1269f5;--r24-navy:#09244c;--r24-line:#d9e5f2;--r24-muted:#667b98;max-width:1560px;margin:0 auto;padding:22px 24px 44px;color:var(--r24-navy)}
.r24-commercial-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;padding:36px;border-radius:25px;color:#fff;background:linear-gradient(125deg,#071e47,#0c5dd2 66%,#0bbbc6);box-shadow:0 24px 55px rgba(7,45,108,.2)}.r24-commercial-hero:after{content:"";position:absolute;right:-100px;top:-140px;width:430px;height:430px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.05),0 0 0 130px rgba(255,255,255,.03)}.r24-commercial-hero>div,.r24-commercial-hero>aside{position:relative;z-index:1}.r24-commercial-hero>div>span{display:flex;align-items:center;gap:9px;color:#7ef2ee;font-size:10px;font-weight:900;letter-spacing:.16em}.r24-commercial-hero>div>span i{width:7px;height:7px;border-radius:50%;background:#5cebd9;box-shadow:0 0 0 5px rgba(92,235,217,.14)}.r24-commercial-hero h1{margin:15px 0 0;font:850 clamp(32px,4vw,55px)/1.04 Manrope,Inter,sans-serif;letter-spacing:-.045em}.r24-commercial-hero p{max-width:740px;margin:15px 0 0;color:#cfe2fa;font-size:14px;line-height:1.72}.r24-commercial-hero>div>div{display:flex;gap:11px;margin-top:24px}.r24-commercial-hero a{display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff!important;font-size:11px;font-weight:850;text-decoration:none}.r24-commercial-hero a:first-child{color:#0756cf!important;background:#fff}.r24-commercial-hero a svg{width:15px;height:15px}.r24-commercial-hero aside{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-self:end}.r24-commercial-hero aside article{padding:17px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(4,34,78,.33);backdrop-filter:blur(8px)}.r24-commercial-hero aside small,.r24-commercial-hero aside strong,.r24-commercial-hero aside span{display:block}.r24-commercial-hero aside small{color:#b9d4ef;font-size:8px;font-weight:800;text-transform:uppercase}.r24-commercial-hero aside strong{margin-top:9px;font:850 22px/1 Manrope,sans-serif}.r24-commercial-hero aside strong em{color:#9fc7ed;font-size:11px;font-style:normal}.r24-commercial-hero aside span{margin-top:7px;color:#c6dbf1;font-size:8px;line-height:1.4}
.r24-commercial-form{display:grid;gap:18px;margin-top:22px}.r24-control-card{padding:27px;border:1px solid var(--r24-line);border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(22,55,97,.07)}.r24-control-card>header{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.r24-control-card>header>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--r24-blue),#06b9c2)}.r24-control-card>header>span svg{width:20px;height:20px}.r24-control-card header small{display:block;color:#0a83d2;font-size:9px;font-weight:900;letter-spacing:.13em}.r24-control-card h2{margin:5px 0 0;font:850 23px/1.15 Manrope,sans-serif}.r24-control-card header p{margin:6px 0 0;color:var(--r24-muted);font-size:11px;line-height:1.55}
.r24-markup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.r24-markup-grid article{--accent:#3179f5;padding:18px;border:1px solid #dbe7f4;border-top:4px solid var(--accent);border-radius:15px;background:linear-gradient(180deg,#f3f8ff,#fff)}.r24-markup-grid .plan-growth{--accent:#00a9be}.r24-markup-grid .plan-scale{--accent:#6557d9}.r24-markup-grid .plan-enterprise{--accent:#112f59}.r24-markup-grid article>div{display:flex;align-items:center;justify-content:space-between}.r24-markup-grid article>div span{font:800 15px Manrope,sans-serif}.r24-markup-grid article>div strong{color:var(--accent);font:850 23px Manrope,sans-serif}.r24-markup-grid label,.r24-field-grid label,.r24-plan-price-grid label{display:grid;gap:6px;margin-top:14px;color:#4f6581;font-size:9px;font-weight:800}.r24-markup-grid input,.r24-field-grid input,.r24-plan-price-grid input{width:100%;height:41px;padding:0 11px;border:1px solid #cddbea;border-radius:9px;color:#14345b;background:#fff;font:750 12px Inter,sans-serif;outline:none}.r24-markup-grid input:focus,.r24-field-grid input:focus,.r24-plan-price-grid input:focus{border-color:#4e91fb;box-shadow:0 0 0 3px rgba(18,105,245,.1)}.r24-markup-grid dl{display:grid;gap:7px;margin:15px 0 0;padding-top:13px;border-top:1px solid #e3ebf4}.r24-markup-grid dl div{display:flex;justify-content:space-between;gap:8px}.r24-markup-grid dt{color:#74869d;font-size:8px}.r24-markup-grid dd{margin:0;color:#18385d;font-size:9px;font-weight:850}.r24-info-strip{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 17px;border:1px solid #bddcff;border-radius:12px;background:#eff7ff}.r24-info-strip>svg{width:19px;height:19px;flex:0 0 auto;color:#0b6cf2}.r24-info-strip p{margin:0}.r24-info-strip strong,.r24-info-strip span{display:block}.r24-info-strip strong{font-size:10px}.r24-info-strip span{margin-top:4px;color:#607896;font-size:9px;line-height:1.5}
.r24-plan-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.r24-plan-price-grid article{padding:18px;border:1px solid #dce6f1;border-radius:14px;background:#fbfdff}.r24-plan-price-grid article>div{display:flex;align-items:center;gap:10px}.r24-plan-dot{width:12px;height:34px;border-radius:8px;background:#367cf6}.r24-plan-dot.growth{background:#00a9be}.r24-plan-dot.scale{background:#6557d9}.r24-plan-price-grid small{color:#7b8da3;font-size:8px;font-weight:900;letter-spacing:.1em}.r24-plan-price-grid h3{margin:3px 0 0;font:850 17px Manrope,sans-serif}.r24-plan-price-grid article>label{grid-template-columns:105px 1fr;align-items:center}.r24-plan-price-grid article>label input{margin:0}.r24-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.r24-switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:15px;border:1px solid #d6e5f4;border-radius:12px;background:#f5f9ff}.r24-switch-row strong,.r24-switch-row small{display:block}.r24-switch-row strong{font-size:11px}.r24-switch-row small{margin-top:4px;color:#72859e;font-size:9px}.r24-switch-row input[type=checkbox]{appearance:none;width:46px;height:25px;flex:0 0 auto;border:0;border-radius:999px;background:#bcc9d9;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);cursor:pointer;transition:.2s}.r24-switch-row input[type=checkbox]:after{content:"";display:block;width:19px;height:19px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(20,45,76,.25);transition:.2s}.r24-switch-row input[type=checkbox]:checked{background:#1269f5}.r24-switch-row input[type=checkbox]:checked:after{transform:translateX(21px)}.r24-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 13px}.r24-field-grid .wide{grid-column:1/-1}.r24-field-grid label small{color:#8797aa;font-size:8px;font-weight:500}.r24-field-grid input[readonly]{color:#6c7e93;background:#f2f5f8}.r24-immutability{display:flex;align-items:center;gap:8px;margin:18px 0 0;padding-top:15px;border-top:1px solid #e2e9f2;color:#607896;font-size:9px;line-height:1.5}.r24-immutability svg{width:16px;height:16px;color:#0a6cea}.r24-settings-link{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:18px;color:#0a67e8!important;font-size:9px;font-weight:850}.r24-settings-link svg{width:14px;height:14px}.r24-commercial-submit{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid #cfe0f1;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(18,50,91,.16);backdrop-filter:blur(14px)}.r24-commercial-submit>div{display:flex;align-items:center;gap:11px}.r24-commercial-submit>div>svg{width:22px;height:22px;color:#0b6af0}.r24-commercial-submit p{margin:0}.r24-commercial-submit strong,.r24-commercial-submit span{display:block}.r24-commercial-submit strong{font-size:10px}.r24-commercial-submit span{margin-top:3px;color:#74879e;font-size:8px}.r24-commercial-submit button{min-width:230px}
@media(max-width:1200px){.r24-commercial-hero{grid-template-columns:1fr}.r24-markup-grid{grid-template-columns:repeat(2,1fr)}.r24-two-column{grid-template-columns:1fr}}
@media(max-width:760px){.r24-commercial-page{padding:14px 10px 32px}.r24-commercial-hero{padding:25px 20px}.r24-commercial-hero aside{grid-template-columns:1fr}.r24-markup-grid,.r24-plan-price-grid,.r24-field-grid{grid-template-columns:1fr}.r24-field-grid .wide{grid-column:auto}.r24-commercial-submit{align-items:stretch;flex-direction:column}.r24-commercial-submit button{width:100%;min-width:0}}

/* ========================================================================
   R25 — BUSINESS ACCOUNT POPOVER
   ======================================================================== */
.ui-reference-light .topbar-avatar-menu{z-index:420}
.ui-reference-light .account-popover{top:calc(100% + 10px);right:0;width:375px;max-width:calc(100vw - 24px);max-height:calc(100vh - 86px);padding:14px;overflow-x:hidden;overflow-y:auto;border:1px solid #d7e2f0;border-radius:19px;background:#f8fbff;box-shadow:0 28px 75px rgba(13,48,102,.22);scrollbar-width:thin;scrollbar-color:#c9d8eb transparent}
.ui-reference-light .account-popover.open{animation:r25-account-in .16s ease-out both}
@keyframes r25-account-in{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
.account-popover-section{padding:14px;border:1px solid #e1e9f4;border-radius:13px;background:#fff}
.account-popover-section+.account-popover-section{margin-top:13px}
.account-popover-eyebrow{display:block;margin-bottom:13px;color:#4264a0;font-size:10.5px;font-weight:850;letter-spacing:.035em}
.account-user-identity{display:flex;align-items:center;gap:12px}
.account-user-identity>.avatar{width:40px;height:40px;flex:0 0 auto;border:0;color:#fff;background:linear-gradient(145deg,#176cf5,#0bc1cc);box-shadow:0 8px 18px rgba(18,104,233,.18);font-size:11px}
.account-user-identity>div{min-width:0}.account-user-identity strong{display:block;overflow:hidden;color:#122b55;font-size:13px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}
.account-user-identity>div>span{display:flex;align-items:center;gap:6px;margin-top:4px;color:#7082a2;font-size:10px}.account-user-identity em{font-style:normal}
.account-presence-dot{width:8px;height:8px;border-radius:50%;background:#a9b7cc;box-shadow:0 0 0 3px #edf1f6}.account-presence-dot.is-online{background:#176cf5;box-shadow:0 0 0 3px #e7f0ff}
.account-availability-control{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:11px;margin-top:15px;padding:11px 12px;border:1px solid #d9e4f2;border-radius:9px;background:#fbfdff;color:#233d6a;font-size:10.5px;font-weight:650}
.account-availability-control>strong{color:#1764d9;font-size:10px}.account-availability-toggle{position:relative;width:37px;height:21px;min-height:21px;padding:0;border:0;border-radius:999px;background:#c7d2e1;cursor:pointer;box-shadow:inset 0 1px 3px rgba(20,47,86,.15);transition:background .18s ease}.account-availability-toggle i{position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(10,35,74,.25);transition:transform .18s ease}.account-availability-toggle.is-online{background:linear-gradient(90deg,#176cf5,#0bbfc8)}.account-availability-toggle.is-online i{transform:translateX(16px)}.account-availability-toggle[aria-busy="true"]{cursor:wait;opacity:.68}
.account-workspace-card{position:relative;overflow:hidden;padding:13px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#081d43 0%,#0d3674 55%,#0a5ab7 130%);box-shadow:0 12px 28px rgba(7,37,87,.19)}
.account-workspace-card::before,.account-workspace-card::after{content:"";position:absolute;border-radius:16px;pointer-events:none;transform:rotate(32deg)}.account-workspace-card::before{right:-36px;top:-50px;width:120px;height:150px;background:rgba(42,128,255,.16)}.account-workspace-card::after{right:53px;bottom:-72px;width:85px;height:130px;background:rgba(11,205,198,.09)}
.account-workspace-head,.account-workspace-plan{position:relative;z-index:1}.account-workspace-head{display:flex;align-items:center;gap:10px}.account-workspace-head>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#0a4a9b;background:#d9efff;font-size:10px;font-weight:850}.account-workspace-head>div{min-width:0}.account-workspace-head strong{display:block;max-width:240px;overflow:hidden;font-size:12.5px;line-height:1.35;text-overflow:ellipsis}.account-workspace-head button{display:flex;align-items:center;gap:4px;margin-top:4px;padding:0;border:0;color:#9fc7ff;background:transparent;font:700 8.5px/1.2 var(--font-body);cursor:pointer}.account-workspace-head button:hover{color:#fff}.account-workspace-head button>.icon{width:11px;height:11px}
.account-workspace-plan{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:13px;padding:7px 8px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.11)}.account-workspace-plan>span{overflow:hidden;color:#eaf3ff;font-size:9.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.account-workspace-plan>a{flex:0 0 auto;padding:5px 9px;border:1px solid #9ed3ff;border-radius:5px;color:#064a9c;background:#e8f7ff;font-size:8.5px;font-weight:800}.account-workspace-plan>a:hover{color:#fff;border-color:#3ad1ce;background:#087ccd}
.account-channel-list{display:grid;gap:0;margin-top:13px}.account-channel-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid #edf2f7}.account-channel-row:last-child{border-bottom:0}.account-channel-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#1765e2;background:#edf4ff}.account-channel-icon>.icon{width:14px;height:14px}.account-channel-row>div{min-width:0}.account-channel-row strong,.account-channel-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-channel-row strong{color:#344b70;font-size:9.5px;font-weight:700}.account-channel-row small{margin-top:2px;color:#7889a5;font-size:8.5px}.account-channel-row>a{min-width:53px;padding:5px 8px;border:1px solid #cfe0f5;border-radius:5px;color:#1763d2;background:#f3f8ff;font-size:8px;font-weight:800;text-align:center}.account-channel-row>a:hover{color:#fff;border-color:#176cf5;background:#176cf5}
.account-popover-actions{display:grid;gap:9px;margin-top:13px}.account-popover-actions>a{display:grid;grid-template-columns:31px 1fr 15px;align-items:center;gap:10px;min-height:51px;padding:9px 11px;border:1px solid #e1e8f2;border-radius:11px;background:#fff}.account-popover-actions>a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.account-popover-actions>a>span>.icon{width:16px;height:16px}.account-popover-actions>a>strong{font-size:10.5px;font-weight:750}.account-popover-actions>a>.icon{width:13px;height:13px;color:#8ea0bb}.account-settings-link{color:#264d86}.account-settings-link>span{color:#176cf5;background:#eaf2ff}.account-settings-link:hover{color:#0c5edb;border-color:#bdd3f2;background:#f8fbff}.account-signout-link{color:#9e2e49}.account-signout-link>span{color:#d8395f;background:#ffe8ee}.account-signout-link:hover{color:#bd2049;border-color:#f3c3cf;background:#fff8fa}
.account-popover-footer{padding:13px 4px 1px;text-align:center}.account-popover-footer>div{display:flex;justify-content:center;gap:15px}.account-popover-footer a{color:#526c96;font-size:8.5px}.account-popover-footer a:hover{color:#176cf5}.account-popover-footer>span{display:block;margin-top:7px;color:#91a0b7;font-size:8px}
@media(max-width:600px){.ui-reference-light .account-popover{position:fixed;left:10px;right:10px;top:70px;width:auto;max-width:none;max-height:calc(100vh - 82px);padding:12px}.account-popover-section{padding:13px}.account-workspace-head strong{max-width:210px}}

/* Clean single-outline search fields and shared channel-aware builder header. */
.ui-reference-light .topbar .command-search.command-search-inline{overflow:hidden;box-shadow:none!important}
.ui-reference-light .topbar .command-search:focus,.ui-reference-light .topbar .command-search:focus-visible{outline:0!important;box-shadow:none!important}
.ui-reference-light .topbar .command-search.command-search-inline:focus-within{border-color:#86aef2!important;box-shadow:none!important}
.ui-reference-light .topbar .command-search.command-search-inline>input,
.ui-reference-light .topbar .command-search.command-search-inline>input:hover,
.ui-reference-light .topbar .command-search.command-search-inline>input:focus,
.ui-reference-light .topbar .command-search.command-search-inline>input:focus-visible,
.ui-reference-light .command-input>input,
.ui-reference-light .command-input>input:focus,
.ui-reference-light .command-input>input:focus-visible,
.ui-reference-light .tpl-search>input,
.ui-reference-light .tpl-search>input:focus,
.ui-reference-light .tpl-search>input:focus-visible{
  min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important
}
.ui-reference-light .command-input:focus-within,.ui-reference-light .tpl-search:focus-within{box-shadow:none!important}

.builder-context-bar{min-height:66px;display:flex;align-items:center;gap:12px;margin:0 auto 18px;padding:10px 16px;border:1px solid #d9e3f0;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(27,62,112,.045);color:#12233f}
.builder-context-back{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:8px;color:#334b70;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
.builder-context-back:hover{border-color:#cdd9e9;background:#f4f8ff;color:#1467f4}.builder-context-back>.icon{width:19px;height:19px}
.builder-context-title{font-size:14px;font-weight:800;white-space:nowrap}.builder-context-divider{width:1px;height:28px;display:block;flex:0 0 auto;background:#cfd9e7}
.builder-context-channel{display:inline-flex;align-items:center;gap:8px;color:#213653;font-size:13px;font-weight:700;white-space:nowrap}.builder-context-channel-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px}.builder-context-channel-icon>.icon{width:21px;height:21px}
.builder-context-channel.is-whatsapp .builder-context-channel-icon{width:25px;height:25px;color:#25d366;background:transparent;border-radius:50%}.builder-context-channel.is-whatsapp .builder-context-channel-icon>.fa-whatsapp{font-size:25px;line-height:1}.builder-context-channel.is-instagram .builder-context-channel-icon{color:#fff;background:radial-gradient(circle at 30% 105%,#ffd600 0 18%,#ff7a00 32%,#ff0169 58%,#d300c5 78%,#7638fa 100%)}.builder-context-channel.is-instagram .builder-context-channel-icon>.icon{width:17px;height:17px}
.builder-context-submit{min-width:128px;height:42px;margin-left:auto;padding:0 18px;border:1px solid #1467f4;border-radius:6px;background:#1467f4;color:#fff;font:750 12.5px/1 var(--font-body);cursor:pointer}.builder-context-submit:hover:not(:disabled){background:#0757dc}.builder-context-submit:disabled{border-color:#aeb8cc;background:#aeb8cc;cursor:not-allowed}
@media(max-width:680px){.builder-context-bar{gap:8px;padding:9px}.builder-context-title{font-size:12px}.builder-context-channel>span:last-child{display:none}.builder-context-divider{height:24px}.builder-context-submit{min-width:96px;padding:0 11px;font-size:11px}}
@media(max-width:768px){.ui-reference-light .topbar .command-search.command-search-inline{width:min(300px,calc(100vw - 250px));min-width:120px;height:44px;justify-content:flex-start;padding:0 12px}.ui-reference-light .topbar .command-search.command-search-inline>input{min-width:0!important;font-size:11px!important}}
@media(max-width:520px){.ui-reference-light .topbar .command-search.command-search-inline{width:min(220px,calc(100vw - 190px));min-width:96px;padding:0 9px}.ui-reference-light .topbar .command-search.command-search-inline>.icon{width:16px;height:16px}}

/* R26 pricing width, message-rate containment and visual channel choices. */
.pricing-page>.pricing-plans,.pricing-page>.pricing-comparison{width:min(1520px,calc(100% - 40px))}
.pricing-plan-message-cost>div:first-child small{max-width:58%;text-align:right}
.pricing-plan-message-cost dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.pricing-plan-message-cost dl>div{align-items:center;min-width:0;padding:8px}
.pricing-plan-message-cost dt{min-width:0;line-height:1.2}
.pricing-plan-message-cost dd{flex:0 0 auto;white-space:nowrap}
.pricing-comparison .v8-plan-comparison thead th:first-child{width:24%}
.v8-plan-comparison td.has-channel-options{padding:12px 10px}
.pricing-channel-access{display:grid;gap:9px}
.pricing-channel-access>strong{font-size:11px;line-height:1.35}
.pricing-channel-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pricing-channel-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #dce5ef;border-radius:8px;color:#476079;background:#fff;white-space:nowrap}
.pricing-channel-chip>i{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;border-radius:6px;color:#fff;background:#71839b;font-style:normal}
.pricing-channel-chip>i svg{width:13px;height:13px}
.pricing-channel-chip>i img{display:block;width:13px;height:13px;object-fit:contain}
.pricing-channel-chip>b{font-size:9px}
.pricing-channel-chip.channel-whatsapp>i{background:#20c66b}
.pricing-channel-chip.channel-instagram>i{background:radial-gradient(circle at 30% 105%,#ffb34a 0 22%,#f64774 47%,#8c42d7 100%)}
.pricing-channel-chip.channel-messenger>i{background:#168aff}
.pricing-channel-chip.channel-rcs>i{background:#6557de}
.country-pricing-hero aside small{display:block;margin-top:13px;color:#9feef2;font-size:9px;font-weight:800;line-height:1.55}
.country-rate-scroll table{min-width:1480px}
.country-rate-scroll thead tr:first-child th small{display:block;margin-top:5px;font-size:8px;letter-spacing:.02em;text-transform:none;opacity:.8}
.country-rate-scroll tbody td:nth-last-child(-n+3){color:#0f2b4f;background:rgba(230,238,249,.38)}
@media(max-width:620px){.pricing-page>.pricing-plans,.pricing-page>.pricing-comparison{width:min(100% - 24px,1520px)}.pricing-plan-message-cost>div:first-child{align-items:flex-start;flex-direction:column}.pricing-plan-message-cost>div:first-child small{max-width:none;text-align:left}}

@media(max-width:768px){
  .ui-reference-light .master-context-bar{min-height:58px;padding:8px 14px}
  .ui-reference-light .master-context-inner{gap:10px}
  .ui-reference-light .master-context-return button{min-height:40px;padding:0 12px}
  .ui-reference-light .master-context-copy{gap:8px;padding-left:10px}
  .ui-reference-light .master-context-copy>span{font-size:9px}
  .ui-reference-light .master-context-copy>strong{font-size:11.5px}
}
@media(max-width:520px){
  .ui-reference-light .master-context-bar{padding-inline:10px}
  .ui-reference-light .master-context-return button{width:40px;padding:0}
  .ui-reference-light .master-context-return button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ui-reference-light .master-context-copy{min-width:0;display:grid;gap:2px}
  .ui-reference-light .master-context-copy>span,.ui-reference-light .master-context-copy>strong{display:block}
}

/* R32: compact Master workspace strip and stronger public navigation actions. */
.ui-reference-light.is-master-impersonation{
  --master-context-height:48px;
}
.ui-reference-light.is-master-impersonation .app-shell{
  min-height:calc(100vh - var(--master-context-height));
}
.ui-reference-light.is-master-impersonation .sidebar,
.ui-reference-light.is-master-impersonation .ref-utility-rail{
  top:var(--master-context-height);
}
.ui-reference-light.is-master-impersonation .topbar{
  top:var(--master-context-height);
}
.ui-reference-light.is-master-impersonation.page-inbox .premium-inbox-shell{
  height:calc(100vh - var(--master-context-height) - 81px);
}
.ui-reference-light .master-context-bar{
  position:sticky;
  z-index:220;
  top:0;
  min-height:48px;
  height:48px;
  padding:0 26px;
  border:0;
  border-bottom:1px solid rgba(131,160,205,.18);
  color:#fff;
  background:#030c20;
  box-shadow:0 7px 20px rgba(3,17,43,.12);
}
.ui-reference-light .master-context-inner{
  height:48px;
  justify-content:center;
  gap:16px;
}
.ui-reference-light .master-context-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  border:0;
}
.ui-reference-light .master-context-copy>.master-context-pill{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#071a38;
  background:linear-gradient(100deg,#58efd4,#75dfff);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  line-height:1;
}
.ui-reference-light .master-context-copy>strong{
  color:#eaf2ff;
  font-size:12.5px;
  font-weight:700;
}
.ui-reference-light .master-context-return{
  margin:0;
  flex:0 0 auto;
}
.ui-reference-light .master-context-return button{
  min-height:32px;
  gap:7px;
  padding:0 4px;
  border:0;
  border-radius:8px;
  color:#fff;
  background:transparent;
  font-size:12px;
  font-weight:800;
  box-shadow:none;
}
.ui-reference-light .master-context-return button:hover,
.ui-reference-light .master-context-return button:focus-visible{
  color:#62eed7;
  background:rgba(255,255,255,.07);
  box-shadow:none;
  transform:none;
}
.ui-reference-light .master-context-return .icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
}

.public-body.ui-v10 .site-header .public-nav{
  gap:6px;
}
.public-body.ui-v10 .site-header .public-nav>a,
.public-body.ui-v10 .site-header .public-nav-trigger{
  min-height:42px;
  padding:9px 11px;
  color:#172d51;
  font-size:15px;
  font-weight:750;
}
.public-body.ui-v10 .site-header .nav-actions{
  gap:10px;
}
.public-body.ui-v10 .site-header .demo-link{
  font-size:13.5px;
}
.public-body.ui-v10 .public-login-button,
.public-body.ui-v10 .public-start-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 19px;
  border-radius:12px;
  font-size:14.5px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
.public-body.ui-v10 .public-login-button{
  border:1px solid #cbd8eb;
  color:#172d51;
  background:#fff;
  box-shadow:0 7px 18px rgba(22,54,104,.06);
}
.public-body.ui-v10 .public-login-button:hover,
.public-body.ui-v10 .public-login-button:focus-visible{
  border-color:#7f94e8;
  color:#4f46d7;
  background:#f8f8ff;
}
.public-body.ui-v10 .public-start-button{
  border:1px solid transparent;
  color:#fff;
  background:linear-gradient(100deg,#6751eb,#7559f2);
  box-shadow:0 12px 25px rgba(94,73,224,.24);
}
.public-body.ui-v10 .public-start-button:hover,
.public-body.ui-v10 .public-start-button:focus-visible{
  color:#fff;
  background:linear-gradient(100deg,#5841da,#684aec);
  box-shadow:0 14px 29px rgba(94,73,224,.31);
  transform:translateY(-1px);
}

@media(max-width:1180px) and (min-width:901px){
  .public-body.ui-v10 .site-header .public-nav>a,
  .public-body.ui-v10 .site-header .public-nav-trigger{
    padding-inline:8px;
    font-size:13.5px;
  }
  .public-body.ui-v10 .site-header .demo-link{display:none}
  .public-body.ui-v10 .public-login-button,
  .public-body.ui-v10 .public-start-button{padding-inline:15px;font-size:13.5px}
}

@media(max-width:900px){
  .public-body.ui-v10 .site-header .nav-actions .public-login-button,
  .public-body.ui-v10 .site-header .nav-actions .public-start-button{
    display:none;
  }
  .public-body.ui-v10 .site-header .public-nav>a,
  .public-body.ui-v10 .site-header .public-nav-trigger{
    min-height:44px;
    padding:11px 12px;
    font-size:15px;
  }
  .public-body.ui-v10 .mobile-public-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    padding:10px 4px 3px;
  }
  .public-body.ui-v10 .mobile-public-actions .public-login-button,
  .public-body.ui-v10 .mobile-public-actions .public-start-button{
    width:100%;
    min-height:44px;
    padding:0 12px;
    font-size:14px;
  }
}

@media(max-width:1024px){
  .ui-reference-light.is-master-impersonation.page-inbox .premium-inbox-shell{
    height:calc(100vh - var(--master-context-height) - 76px);
  }
}

@media(max-width:600px){
  .ui-reference-light.is-master-impersonation{
    --master-context-height:46px;
  }
  .ui-reference-light .master-context-bar{
    min-height:46px;
    height:46px;
    padding:0 12px;
  }
  .ui-reference-light .master-context-inner{
    height:46px;
    justify-content:space-between;
    gap:10px;
  }
  .ui-reference-light .master-context-copy{
    flex:1 1 auto;
    display:flex;
    gap:8px;
    overflow:hidden;
  }
  .ui-reference-light .master-context-copy>.master-context-pill{
    min-height:23px;
    padding-inline:8px;
    font-size:8px;
  }
  .ui-reference-light .master-context-copy>strong{
    display:block;
    overflow:hidden;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .ui-reference-light .master-context-return button{
    width:auto;
    min-height:32px;
    padding:0 2px 0 7px;
  }
  .ui-reference-light .master-context-return button>span{
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    clip:auto;
    white-space:nowrap;
    font-size:10.5px;
  }
}

@media(max-width:420px){
  .ui-reference-light .master-context-copy>strong{max-width:112px}
  .ui-reference-light .master-context-return button>span{display:none}
}