/**
 * Novara AI complete page shell.
 */

.nee-ai-hero {
	--nee-ai-hero-image: none;

	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: 900px;
	padding: clamp(132px, 12vw, 178px) 0 92px;
	background:
		linear-gradient(90deg, rgba(5, 8, 13, .98) 0%, rgba(5, 8, 13, .91) 42%, rgba(5, 8, 13, .62) 100%),
		var(--nee-ai-hero-image),
		linear-gradient(145deg, #070a10 0%, #111a29 52%, #070a10 100%);
	background-position: center;
	background-size: cover;
	color: #fff;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.nee-ai-hero::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 160px;
	pointer-events: none;
	background: linear-gradient(180deg, transparent, rgba(5, 8, 13, .86));
}

.nee-ai-hero__ambient,
.nee-ai-hero__glow,
.nee-ai-hero__grid {
	position: absolute;
	pointer-events: none;
}

.nee-ai-hero__ambient {
	inset: 0;
}

.nee-ai-hero__glow {
	border-radius: 50%;
	filter: blur(80px);
}

.nee-ai-hero__glow--one {
	top: 14%;
	left: -140px;
	width: 500px;
	height: 500px;
	background: rgba(111, 147, 210, .18);
}

.nee-ai-hero__glow--two {
	right: -140px;
	bottom: -120px;
	width: 560px;
	height: 560px;
	background: rgba(111, 147, 210, .14);
}

.nee-ai-hero__grid {
	inset: 0;
	opacity: .07;
	background-image:
		linear-gradient(rgba(182, 205, 240, .15) .5px, transparent .5px),
		linear-gradient(90deg, rgba(182, 205, 240, .15) .5px, transparent .5px);
	background-size: 48px 48px;
	mask-image: linear-gradient(90deg, #000, transparent 76%);
	-webkit-mask-image: linear-gradient(90deg, #000, transparent 76%);
}

.nee-ai-hero__wrap {
	position: relative;
	z-index: 2;
	width: min(86%, 1500px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(360px, .78fr) minmax(600px, 1.22fr);
	gap: clamp(38px, 5vw, 82px);
	align-items: center;
}

.nee-ai-hero__copy {
	position: relative;
	z-index: 4;
	max-width: 620px;
}

.nee-ai-hero__eyebrow {
	margin-bottom: 18px;
	color: #b8cef1;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.nee-ai-hero h1 {
	margin: 0 0 22px;
	color: #fff;
	font-size: clamp(48px, 5vw, 72px);
	font-weight: 700;
	line-height: .98;
	letter-spacing: -2.5px;
}

.nee-ai-hero h1 span {
	display: block;
	color: #7f9fd6;
}

.nee-ai-hero__copy > p {
	max-width: 610px;
	margin: 0 0 30px;
	color: rgba(231, 238, 248, .72);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
}

.nee-ai-hero__proof {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px 12px;
	margin-top: 28px;
	color: rgba(224, 233, 246, .52);
	font-size: 10px;
	font-weight: 650;
	letter-spacing: .045em;
	text-transform: uppercase;
}

.nee-ai-hero__proof i {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #6f93d2;
	box-shadow: 0 0 9px rgba(111, 147, 210, .66);
}

.nee-ai-hero__experience {
	position: relative;
	z-index: 3;
	min-width: 0;
}

.nee-ai-hero__experience > .nva-hero-v9 {
	transform-origin: center;
}

@media (max-width: 1250px) {
	.nee-ai-hero__wrap {
		grid-template-columns: minmax(330px, .72fr) minmax(560px, 1.28fr);
		width: min(92%, 1500px);
		gap: 24px;
	}

	.nee-ai-hero h1 {
		font-size: clamp(46px, 5vw, 62px);
	}
}

@media (max-width: 1040px) {
	.nee-ai-hero {
		padding-top: 138px;
	}

	.nee-ai-hero__wrap {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.nee-ai-hero__copy {
		max-width: 760px;
	}

	.nee-ai-hero__experience {
		width: min(100%, 820px);
		margin: 0 auto;
	}
}

@media (max-width: 767px) {
	.nee-ai-hero {
		min-height: 0;
		padding: 118px 0 64px;
	}

	.nee-ai-hero__wrap {
		width: min(92%, 1500px);
		gap: 34px;
	}

	.nee-ai-hero h1 {
		font-size: 42px;
		line-height: 1.01;
		letter-spacing: -1.6px;
	}

	.nee-ai-hero__copy > p {
		font-size: 15px;
		line-height: 1.72;
	}

	.nee-ai-hero__proof {
		display: none;
	}
}

@media (max-width: 480px) {
	.nee-ai-hero h1 {
		font-size: 36px;
		letter-spacing: -1.2px;
	}
}

/* =========================================================
   FINAL CTA
   ========================================================= */

.nee-ai-cta {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 108px 0;
	background:
		linear-gradient(180deg, rgba(7, 10, 15, .98), rgba(13, 19, 29, .99)),
		#080b10;
	color: #fff;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	text-align: center;
}

.nee-ai-cta__ambient,
.nee-ai-cta__orb,
.nee-ai-cta__grid {
	position: absolute;
	pointer-events: none;
}

.nee-ai-cta__ambient {
	inset: 0;
}

.nee-ai-cta__orb {
	border-radius: 50%;
	filter: blur(76px);
}

.nee-ai-cta__orb--one {
	top: -160px;
	left: 8%;
	width: 430px;
	height: 430px;
	background: rgba(111, 147, 210, .18);
}

.nee-ai-cta__orb--two {
	right: 5%;
	bottom: -200px;
	width: 500px;
	height: 500px;
	background: rgba(111, 147, 210, .14);
}

.nee-ai-cta__grid {
	inset: 0;
	opacity: .07;
	background-image:
		linear-gradient(rgba(182, 205, 240, .14) .5px, transparent .5px),
		linear-gradient(90deg, rgba(182, 205, 240, .14) .5px, transparent .5px);
	background-size: 46px 46px;
	mask-image: radial-gradient(circle, #000, transparent 72%);
	-webkit-mask-image: radial-gradient(circle, #000, transparent 72%);
}

.nee-ai-cta__wrap {
	position: relative;
	z-index: 2;
	width: min(86%, 1180px);
	margin: 0 auto;
}

.nee-ai-cta__icon {
	width: 58px;
	height: 58px;
	display: grid;
	place-items: center;
	margin: 0 auto 20px;
	border: 1px solid rgba(182, 205, 240, .20);
	border-radius: 18px;
	background:
		linear-gradient(145deg, rgba(182, 205, 240, .14), rgba(111, 147, 210, .06)),
		rgba(255, 255, 255, .025);
	color: #dbe8fb;
	box-shadow:
		inset .7px .7px 0 rgba(255, 255, 255, .12),
		0 18px 42px rgba(0, 0, 0, .18),
		0 0 28px rgba(111, 147, 210, .08);
}

.nee-ai-cta__icon svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.35;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nee-ai-cta__eyebrow {
	margin-bottom: 15px;
	color: #b8cef1;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.nee-ai-cta h2 {
	max-width: 1120px;
	margin: 0 auto;
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -1.4px;
	text-wrap: balance;
}

.nee-ai-cta h2 span {
	display: inline;
	color: #6f93d2;
}

.nee-ai-cta p {
	max-width: 720px;
	margin: 22px auto 0;
	color: rgba(226, 235, 247, .64);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
}

.nee-ai-cta__actions {
	display: flex;
	justify-content: center;
	margin-top: 31px;
}

.nee-ai-cta__note {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
	color: rgba(226, 235, 247, .42);
	font-size: 10px;
	font-weight: 650;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.nee-ai-cta__note span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #87c540;
	box-shadow: 0 0 12px rgba(135, 197, 64, .60);
}

@media (max-width: 767px) {
	.nee-ai-cta {
		padding: 78px 0;
	}

	.nee-ai-cta__wrap {
		width: min(92%, 1180px);
	}

	.nee-ai-cta h2 {
		font-size: 32px;
		line-height: 1.07;
		letter-spacing: -.8px;
	}

	.nee-ai-cta p {
		font-size: 14px;
		line-height: 1.74;
	}

	.nee-ai-cta__actions .nee-button {
		width: 100%;
	}
}



/* ===== Imported approved source: hero ===== */

/* =========================================================
   NOVARA AI HERO V9
   SCORE + AVATAR + AUGUST STATUS PRECISION
   ISOLATED PREFIX: nva-hero-v9
   ========================================================= */

.nva-hero-v9,
.nva-hero-v9 * {
  box-sizing: border-box;
}

.nva-hero-v9 {
  --nva-black: #070a0f;
  --nva-graphite: #111722;
  --nva-blue: #6f93d2;
  --nva-blue-deep: #567bbd;
  --nva-blue-light: #b6cdf0;
  --nva-white: #ffffff;
  --nva-green: #6ed6a6;
  --nva-amber: #f2c06e;
  --nva-glass: rgba(10, 15, 24, .76);
  --nva-glass-soft: rgba(20, 29, 43, .62);
  --nva-text: rgba(244, 248, 255, .86);
  --nva-muted: rgba(222, 231, 244, .58);
  --nva-dim: rgba(222, 231, 244, .40);

  position: relative;
  isolation: isolate;
  width: min(100%, 820px);
  min-height: 620px;
  margin: 0 auto;
  overflow: visible;
  color: var(--nva-white);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.nva-hero-v9 svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================================================
   AMBIENT
   ========================================================= */

.nva-hero-v9__ambient,
.nva-hero-v9__focus-field,
.nva-hero-v9__glow,
.nva-hero-v9__orbit,
.nva-hero-v9__micro-grid {
  position: absolute;
  pointer-events: none;
}

.nva-hero-v9__ambient {
  inset: 0;
  z-index: 0;
}

.nva-hero-v9__focus-field {
  top: 50%;
  left: 50%;
  width: 690px;
  height: 540px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(
      ellipse at center,
      rgba(4, 8, 14, .52) 0%,
      rgba(4, 8, 14, .35) 42%,
      rgba(4, 8, 14, 0) 76%
    );
  filter: blur(8px);
}

.nva-hero-v9__glow {
  border-radius: 999px;
  filter: blur(56px);
}

.nva-hero-v9__glow--main {
  top: 50%;
  left: 50%;
  width: 470px;
  height: 470px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(
      circle,
      rgba(111, 147, 210, .27) 0%,
      rgba(111, 147, 210, .11) 43%,
      rgba(111, 147, 210, 0) 72%
    );
}

.nva-hero-v9__glow--side {
  top: 74px;
  right: 74px;
  width: 250px;
  height: 250px;
  background:
    radial-gradient(
      circle,
      rgba(182, 205, 240, .17),
      rgba(182, 205, 240, 0) 70%
    );
}

.nva-hero-v9__orbit {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: .5px solid rgba(182, 205, 240, .095);
}

.nva-hero-v9__orbit--outer {
  width: 640px;
  height: 470px;
  box-shadow:
    inset 0 0 80px rgba(111, 147, 210, .018),
    0 0 80px rgba(111, 147, 210, .045);
}

.nva-hero-v9__orbit--inner {
  width: 500px;
  height: 360px;
  border-color: rgba(182, 205, 240, .06);
}

.nva-hero-v9__micro-grid {
  inset: 58px 84px;
  border-radius: 50%;
  opacity: .17;
  background-image:
    linear-gradient(rgba(182, 205, 240, .10) .5px, transparent .5px),
    linear-gradient(90deg, rgba(182, 205, 240, .10) .5px, transparent .5px);
  background-size: 40px 40px;
  mask-image: radial-gradient(circle, #000 0%, transparent 68%);
  -webkit-mask-image: radial-gradient(circle, #000 0%, transparent 68%);
}

/* =========================================================
   CONNECTORS
   ========================================================= */

.nva-hero-v9__connectors {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.nva-hero-v9__connectors path {
  fill: none;
  stroke: url(#nva-v9-line-gradient);
  stroke-width: .75;
  stroke-dasharray: 3 8;
  opacity: .46;
}

.nva-hero-v9__signal {
  fill: #d0e1fb;
  stroke: none;
  opacity: .82;
  filter: drop-shadow(0 0 7px rgba(182, 205, 240, .8));
}

/* =========================================================
   MAIN PRODUCT PANEL
   ========================================================= */

.nva-hero-v9__product {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 440px;
  min-height: 500px;
  transform: translate(-50%, -50%);
  overflow: hidden;

  /* 0.5px base edge */
  border: .5px solid rgba(255, 255, 255, .13);
  border-radius: 30px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .105) 0%,
      rgba(255, 255, 255, .035) 34%,
      rgba(111, 147, 210, .045) 100%
    ),
    rgba(8, 13, 21, .79);

  box-shadow:
    0 38px 110px rgba(0, 0, 0, .44),
    0 0 62px rgba(111, 147, 210, .13),
    inset .6px .6px 0 rgba(255, 255, 255, .16),
    inset -1px -1px 0 rgba(0, 0, 0, .24);

  backdrop-filter: blur(26px) saturate(122%);
  -webkit-backdrop-filter: blur(26px) saturate(122%);
}

/* 1.2px directional highlight where the light hits */
.nva-hero-v9__product::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 3;
  border-radius: inherit;
  padding: 1.2px;
  pointer-events: none;
  background:
    linear-gradient(
      135deg,
      rgba(229, 239, 255, .62) 0%,
      rgba(182, 205, 240, .25) 17%,
      rgba(255, 255, 255, .04) 46%,
      rgba(111, 147, 210, .06) 72%,
      rgba(111, 147, 210, .28) 100%
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .76;
}

.nva-hero-v9__product-light {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, .16), transparent 24%),
    radial-gradient(circle at 90% 78%, rgba(111, 147, 210, .13), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 30%);
}

.nva-hero-v9__product-noise {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .12;
  background-image:
    radial-gradient(rgba(255,255,255,.42) .35px, transparent .45px);
  background-size: 4px 4px;
  mix-blend-mode: soft-light;
}

/* Header */

.nva-hero-v9__product-header {
  position: relative;
  z-index: 2;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px 16px;
  border-bottom: .5px solid rgba(255, 255, 255, .085);
}

.nva-hero-v9__brand {
  display: block;
  width: min(100%, 210px);
}

.nva-hero-v9__brand img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 42px;
  object-fit: contain;
  object-position: left center;
}

.nva-hero-v9__live {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 7px 10px;
  border: .5px solid rgba(110, 214, 166, .22);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(110, 214, 166, .10), rgba(110, 214, 166, .06));
  color: #d8f8e8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow:
    inset .5px .5px 0 rgba(255, 255, 255, .10),
    0 0 18px rgba(110, 214, 166, .06);
}

.nva-hero-v9__live span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--nva-green);
  box-shadow:
    0 0 0 4px rgba(110, 214, 166, .075),
    0 0 13px rgba(110, 214, 166, .86);
  animation: nvaV9Pulse 2.4s ease-in-out infinite;
}

/* Conversation */

.nva-hero-v9__conversation {
  position: relative;
  z-index: 2;
  padding: 18px 20px 0;
}

.nva-hero-v9__conversation-meta {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.nva-hero-v9__avatar {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(182, 205, 240, .22);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(182, 205, 240, .18), rgba(111, 147, 210, .06)),
    rgba(255,255,255,.035);
  color: #e0ebff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  box-shadow:
    inset .6px .6px 0 rgba(255,255,255,.10),
    0 8px 20px rgba(0,0,0,.10);
}

.nva-hero-v9__conversation-title span,
.nva-hero-v9__conversation-title strong {
  display: block;
}

.nva-hero-v9__conversation-title span {
  margin-bottom: 4px;
  color: rgba(222, 231, 244, .52);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.nva-hero-v9__conversation-title strong {
  color: #f5f8fd;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.nva-hero-v9__duration {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(222, 231, 244, .62);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.nva-hero-v9__duration svg {
  width: 15px;
  height: 15px;
}

.nva-hero-v9__wave {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 13px 0 14px;
}

.nva-hero-v9__wave i {
  width: 3.5px;
  height: var(--h);
  display: block;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      rgba(240, 247, 255, .96),
      rgba(139, 174, 227, .72)
    );
  box-shadow: 0 0 10px rgba(111, 147, 210, .26);
  transform-origin: center;
  animation: nvaV9Wave 1.8s ease-in-out var(--d) infinite;
}

.nva-hero-v9__transcript {
  position: relative;
  overflow: hidden;
  padding: 14px 15px 15px;
  border: .5px solid rgba(182, 205, 240, .15);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(182, 205, 240, .07), rgba(255, 255, 255, .018)),
    rgba(255, 255, 255, .023);
  box-shadow:
    inset .6px .6px 0 rgba(255, 255, 255, .055),
    inset -1px -1px 0 rgba(0, 0, 0, .12);
}

.nva-hero-v9__speaker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.nva-hero-v9__speaker span {
  color: #b4caf0;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-hero-v9__speaker time {
  color: rgba(222, 231, 244, .44);
  font-size: 10px;
  font-weight: 600;
}

.nva-hero-v9__transcript p {
  margin: 0;
  color: rgba(245, 248, 253, .84);
  font-size: 12.5px;
  font-weight: 450;
  line-height: 1.55;
  letter-spacing: -.005em;
}

.nva-hero-v9__scan {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 86px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(182, 205, 240, .085),
      transparent
    );
  transform: skewX(-16deg);
  animation: nvaV9Scan 7s ease-in-out infinite;
}

/* Intelligence */

.nva-hero-v9__intelligence {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 164px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 20px 0;
}

.nva-hero-v9__score-card,
.nva-hero-v9__takeaway {
  border: .5px solid rgba(255, 255, 255, .10);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.042), rgba(255,255,255,.018));
  box-shadow:
    inset .6px .6px 0 rgba(255, 255, 255, .065),
    inset -1px -1px 0 rgba(0, 0, 0, .12);
}

.nva-hero-v9__score-card {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 12px;
}

.nva-hero-v9__score-ring {
  position: relative;
  width: 88px;
  height: 88px;
}

.nva-hero-v9__score-ring::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 36% 28%, rgba(255,255,255,.07), transparent 42%),
    rgba(255,255,255,.018);
  box-shadow:
    inset 0 0 18px rgba(111,147,210,.06),
    0 0 22px rgba(111,147,210,.05);
}

.nva-hero-v9__score-ring svg {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.nva-hero-v9__score-track,
.nva-hero-v9__score-progress {
  fill: none;
  stroke-width: 6.5;
}

.nva-hero-v9__score-track {
  stroke: rgba(255, 255, 255, .07);
}

.nva-hero-v9__score-progress {
  stroke: #8faee0;
  stroke-linecap: round;
  stroke-dasharray: 257.61;
  stroke-dashoffset: 257.61;
  filter: drop-shadow(0 0 5px rgba(111,147,210,.55));
  transition: stroke-dashoffset 1.7s cubic-bezier(.2,.78,.25,1);
}

.nva-hero-v9__score-ring.is-active .nva-hero-v9__score-progress {
  stroke-dashoffset: 20.61;
}

.nva-hero-v9__score-number {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
}

.nva-hero-v9__score-number > div {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
}

.nva-hero-v9__score-number strong {
  color: #fff;
  font-size: 27px;
  font-weight: 700;
  line-height: .9;
  letter-spacing: -.055em;
}

.nva-hero-v9__score-number span {
  margin-bottom: 2px;
  color: rgba(222, 231, 244, .48);
  font-size: 9px;
  font-weight: 650;
  line-height: 1;
}

.nva-hero-v9__score-number small {
  display: block;
  margin-top: 5px;
  color: rgba(222, 231, 244, .45);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nva-hero-v9__score-copy span,
.nva-hero-v9__score-copy strong,
.nva-hero-v9__score-copy small {
  display: block;
}

.nva-hero-v9__score-copy span {
  margin-bottom: 5px;
  color: rgba(222, 231, 244, .44);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.nva-hero-v9__score-copy strong {
  color: #f4f8ff;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.32;
}

.nva-hero-v9__score-copy small {
  margin-top: 5px;
  color: #aec5eb;
  font-size: 9.5px;
  font-weight: 550;
  line-height: 1.4;
}

.nva-hero-v9__takeaway {
  padding: 14px;
}

.nva-hero-v9__takeaway-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #b7cced;
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .065em;
  text-transform: uppercase;
}


/* French hero label: intentional two-line lockup with tight leading. */
.nva-hero-v9__takeaway-label {
	display: inline-block;
	line-height: 1.1;
}

.nva-hero-v9__sparkle {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(182, 205, 240, .18);
  border-radius: 9px;
  background:
    linear-gradient(145deg, rgba(182,205,240,.13), rgba(111,147,210,.06));
  color: #dce8fc;
  box-shadow: inset .5px .5px 0 rgba(255,255,255,.08);
}

.nva-hero-v9__sparkle svg {
  width: 14px;
  height: 14px;
}

.nva-hero-v9__takeaway p {
  margin: 0;
  color: rgba(245, 248, 253, .78);
  font-size: 11.5px;
  font-weight: 450;
  line-height: 1.52;
}

/* Footer */

.nva-hero-v9__product-footer {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, .7fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 14px 20px 17px;
  border-top: .5px solid rgba(255, 255, 255, .075);
}

.nva-hero-v9__footer-metric span,
.nva-hero-v9__footer-metric strong {
  display: block;
}

.nva-hero-v9__footer-metric span {
  margin-bottom: 4px;
  color: rgba(222, 231, 244, .40);
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-hero-v9__footer-metric strong {
  color: #f3f7fd;
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1.3;
}

.nva-hero-v9__sentiment {
  display: flex !important;
  align-items: center;
  gap: 6px;
}

.nva-hero-v9__sentiment i {
  width: 7px;
  height: 7px;
  display: block;
  border-radius: 50%;
  background: var(--nva-amber);
  box-shadow: 0 0 10px rgba(242, 192, 110, .55);
}

.nva-hero-v9__action {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 12px;
  border: .5px solid rgba(222, 236, 255, .28);
  border-radius: 999px;
  background:
    linear-gradient(180deg, #83a4dc, #6689c7);
  color: #08111e;
  font-size: 9.5px;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  box-shadow:
    inset .6px .6px 0 rgba(255,255,255,.30),
    0 10px 22px rgba(86, 123, 189, .22);
}

.nva-hero-v9__action svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.1;
}

/* =========================================================
   FLOATING CARDS
   ========================================================= */

.nva-hero-v9__card {
  position: absolute;
  z-index: 7;
  width: 230px;
  min-height: 122px;
  padding: 15px 16px 16px;
  overflow: hidden;

  /* subtle 0.5px edge */
  border: .5px solid rgba(255, 255, 255, .13);
  border-radius: 21px;

  background:
    linear-gradient(
      148deg,
      rgba(255, 255, 255, .105),
      rgba(255, 255, 255, .032) 46%,
      rgba(111, 147, 210, .055)
    ),
    rgba(9, 14, 23, .77);

  box-shadow:
    0 24px 64px rgba(0, 0, 0, .36),
    0 0 30px rgba(111, 147, 210, .08),
    inset .55px .55px 0 rgba(255, 255, 255, .14),
    inset -1px -1px 0 rgba(0, 0, 0, .20);

  backdrop-filter: blur(23px) saturate(118%);
  -webkit-backdrop-filter: blur(23px) saturate(118%);
}

/* directional 1.2px light edge */
.nva-hero-v9__card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  border-radius: inherit;
  padding: 1.2px;
  pointer-events: none;
  background:
    linear-gradient(
      135deg,
      rgba(225, 237, 255, .50),
      rgba(182, 205, 240, .18) 20%,
      rgba(255, 255, 255, .025) 52%,
      rgba(111, 147, 210, .12) 100%
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .68;
}

.nva-hero-v9__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 0%, rgba(182, 205, 240, .15), transparent 30%),
    radial-gradient(rgba(255,255,255,.30) .3px, transparent .45px);
  background-size: auto, 4px 4px;
  opacity: .16;
}

.nva-hero-v9__card > * {
  position: relative;
  z-index: 2;
}

.nva-hero-v9__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.nva-hero-v9__card-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(182, 205, 240, .20);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(182, 205, 240, .17), rgba(111, 147, 210, .06));
  color: #dce9ff;
  box-shadow:
    inset .55px .55px 0 rgba(255, 255, 255, .11),
    0 8px 22px rgba(0,0,0,.10);
}

.nva-hero-v9__card-icon svg {
  width: 19px;
  height: 19px;
}

.nva-hero-v9__pill {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px 8px;
  border: .5px solid rgba(182, 205, 240, .17);
  border-radius: 999px;
  background: rgba(111, 147, 210, .10);
  color: #d8e6fc;
  font-size: 8px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  box-shadow: inset .5px .5px 0 rgba(255,255,255,.07);
}

.nva-hero-v9__pill svg {
  width: 12px;
  height: 12px;
}

.nva-hero-v9__pill--success,
.nva-hero-v9__pill--ready {
  border-color: rgba(110, 214, 166, .17);
  background: rgba(110, 214, 166, .08);
  color: #c9f5df;
}

.nva-hero-v9__pill--trend {
  border-color: rgba(182, 205, 240, .17);
  color: #c9daf5;
}

.nva-hero-v9__card-eyebrow,
.nva-hero-v9__card-title,
.nva-hero-v9__card-meta {
  display: block;
}

.nva-hero-v9__card-eyebrow {
  margin-bottom: 5px;
  color: #aec5eb;
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.nva-hero-v9__card-title {
  color: #f5f8fd;
  font-size: 13.5px;
  font-weight: 680;
  line-height: 1.28;
  letter-spacing: -.012em;
}

.nva-hero-v9__card-meta {
  margin-top: 6px;
  color: rgba(222, 231, 244, .52);
  font-size: 10.5px;
  font-weight: 520;
  line-height: 1.35;
}

/* Deliberately restrained floating motion */

.nva-hero-v9__card--objection {
  top: 64px;
  left: 0;
  animation: nvaV9FloatA 12s ease-in-out infinite;
}

.nva-hero-v9__card--coaching {
  top: 72px;
  right: 0;
  animation: nvaV9FloatB 12.8s ease-in-out infinite;
}

.nva-hero-v9__card--followup {
  left: 0;
  bottom: 52px;
  animation: nvaV9FloatC 13.2s ease-in-out infinite;
}

.nva-hero-v9__card--brief {
  right: 0;
  bottom: 46px;
  animation: nvaV9FloatA 13.6s ease-in-out infinite reverse;
}

/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes nvaV9Pulse {
  0%, 100% {
    opacity: .74;
    transform: scale(.92);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

@keyframes nvaV9Wave {
  0%, 100% {
    transform: scaleY(.72);
    opacity: .58;
  }
  50% {
    transform: scaleY(1.10);
    opacity: .95;
  }
}

@keyframes nvaV9Scan {
  0% {
    left: -120px;
    opacity: 0;
  }
  18% {
    opacity: .7;
  }
  78% {
    opacity: .55;
  }
  100% {
    left: calc(100% + 50px);
    opacity: 0;
  }
}

@keyframes nvaV9FloatA {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -4px, 0); }
}

@keyframes nvaV9FloatB {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, 4px, 0); }
}

@keyframes nvaV9FloatC {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(-2px, -4px, 0); }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1180px) {

  .nva-hero-v9 {
    width: min(100%, 770px);
    min-height: 620px;
  }

  .nva-hero-v9__product {
    width: 420px;
  }

  .nva-hero-v9__card {
    width: 216px;
  }

}

@media (max-width: 980px) {

  .nva-hero-v9 {
    width: min(100%, 720px);
    min-height: 650px;
  }

  .nva-hero-v9__product {
    width: 410px;
  }

  .nva-hero-v9__card {
    width: 205px;
  }

  .nva-hero-v9__card-title {
    font-size: 12.5px;
  }

  .nva-hero-v9__card-meta {
    font-size: 10px;
  }

}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .nva-hero-v9 {
    width: 100%;
    min-height: 900px;
  }

  .nva-hero-v9__connectors,
  .nva-hero-v9__orbit,
  .nva-hero-v9__micro-grid {
    display: none;
  }

  .nva-hero-v9__product {
    top: 425px;
    width: min(100%, 440px);
  }

  .nva-hero-v9__card {
    width: calc(50% - 7px);
    min-height: 132px;
  }

  .nva-hero-v9__card--objection {
    top: 0;
    left: 0;
  }

  .nva-hero-v9__card--coaching {
    top: 0;
    right: 0;
  }

  .nva-hero-v9__card--followup {
    bottom: 0;
    left: 0;
  }

  .nva-hero-v9__card--brief {
    right: 0;
    bottom: 0;
  }

}

@media (max-width: 560px) {

  .nva-hero-v9 {
    min-height: 1120px;
  }

  .nva-hero-v9__product {
    top: 565px;
    width: 100%;
    border-radius: 25px;
  }

  .nva-hero-v9__product-header {
    padding-right: 16px;
    padding-left: 16px;
  }

  .nva-hero-v9__brand {
    width: 175px;
  }

  .nva-hero-v9__live {
    font-size: 8.5px;
  }

  .nva-hero-v9__conversation,
  .nva-hero-v9__intelligence {
    padding-right: 16px;
    padding-left: 16px;
  }

  .nva-hero-v9__intelligence {
    grid-template-columns: 1fr;
  }

  .nva-hero-v9__score-card {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .nva-hero-v9__product-footer {
    grid-template-columns: 1fr 1fr;
    padding-right: 16px;
    padding-left: 16px;
  }

  .nva-hero-v9__action {
    grid-column: 1 / -1;
    width: 100%;
  }

  .nva-hero-v9__card {
    width: 100%;
    min-height: 116px;
  }

  .nva-hero-v9__card--objection {
    top: 0;
  }

  .nva-hero-v9__card--coaching {
    top: 128px;
  }

  .nva-hero-v9__card--followup {
    bottom: 128px;
  }

  .nva-hero-v9__card--brief {
    bottom: 0;
  }

}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .nva-hero-v9 *,
  .nva-hero-v9 *::before,
  .nva-hero-v9 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

}

/* =========================================================
   V9 — COLLISION-FREE COMPOSITION + FINAL HIERARCHY
   This layer intentionally overrides V6 geometry.
   ========================================================= */

.nva-hero-v9 {
  left: 8px;
  min-height: 640px;
}

.nva-hero-v9__product {
  width: 460px;
  min-height: 520px;
}

/* Give the score enough horizontal room without compressing the takeaway. */
.nva-hero-v9__intelligence {
  grid-template-columns: 192px minmax(0, 1fr);
  gap: 12px;
}

.nva-hero-v9__score-card {
  display: block;
  padding: 12px;
}

.nva-hero-v9__score-main {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.nva-hero-v9__score-ring {
  width: 84px;
  height: 84px;
}

.nva-hero-v9__score-number strong {
  font-size: 28px;
}

.nva-hero-v9__score-number span {
  margin-bottom: 3px;
  font-size: 9.5px;
}

.nva-hero-v9__score-copy span,
.nva-hero-v9__score-copy strong {
  display: block;
}

.nva-hero-v9__score-copy span {
  margin-bottom: 7px;
  color: rgba(222, 231, 244, .48);
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.nva-hero-v9__score-copy strong {
  color: #f5f8ff;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.35;
}

.nva-hero-v9__score-status {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: .5px solid rgba(255, 255, 255, .075);
  color: #aec5eb;
  font-size: 10px;
  font-weight: 550;
  line-height: 1.35;
}

.nva-hero-v9__score-status i {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #8faee0;
  box-shadow: 0 0 9px rgba(143, 174, 224, .58);
}

.nva-hero-v9__takeaway p {
  font-size: 12px;
  line-height: 1.55;
}

.nva-hero-v9__product-footer {
  grid-template-columns: minmax(0, .92fr) minmax(0, .72fr) auto;
  gap: 14px;
  padding-top: 15px;
  padding-bottom: 18px;
}

.nva-hero-v9__footer-metric span {
  font-size: 9px;
}

.nva-hero-v9__footer-metric strong {
  font-size: 11px;
}

.nva-hero-v9__action {
  min-height: 36px;
  padding: 9px 13px;
  font-size: 10px;
}

/*
 * Floating cards now frame the panel.
 * At desktop size they overlap only the panel's outer 20px edge,
 * leaving the logo, live status, score, takeaway and footer untouched.
 */
.nva-hero-v9__card {
  width: 214px;
  min-height: 132px;
  padding: 15px 16px 17px;
  background:
    linear-gradient(
      148deg,
      rgba(255, 255, 255, .085),
      rgba(255, 255, 255, .026) 48%,
      rgba(111, 147, 210, .040)
    ),
    rgba(9, 14, 23, .70);
  box-shadow:
    0 19px 48px rgba(0, 0, 0, .28),
    0 0 21px rgba(111, 147, 210, .055),
    inset .55px .55px 0 rgba(255, 255, 255, .12),
    inset -1px -1px 0 rgba(0, 0, 0, .17);
  backdrop-filter: blur(21px) saturate(114%);
  -webkit-backdrop-filter: blur(21px) saturate(114%);
}

.nva-hero-v9__card-icon {
  width: 41px;
  height: 41px;
  flex-basis: 41px;
}

.nva-hero-v9__card-eyebrow {
  margin-bottom: 6px;
  font-size: 10px;
}

.nva-hero-v9__card-title {
  font-size: 14px;
  line-height: 1.3;
}

.nva-hero-v9__card-meta {
  margin-top: 7px;
  font-size: 11px;
}

.nva-hero-v9__card--objection {
  top: 82px;
  left: -14px;
}

.nva-hero-v9__card--coaching {
  top: 90px;
  right: -14px;
}

.nva-hero-v9__card--followup {
  left: -14px;
  bottom: 56px;
}

.nva-hero-v9__card--brief {
  right: -14px;
  bottom: 50px;
}

/* The main product remains sharper than its supporting cards. */
.nva-hero-v9__product {
  box-shadow:
    0 40px 116px rgba(0, 0, 0, .46),
    0 0 68px rgba(111, 147, 210, .145),
    inset .6px .6px 0 rgba(255, 255, 255, .17),
    inset -1px -1px 0 rgba(0, 0, 0, .24);
}

@media (max-width: 1180px) {
  .nva-hero-v9 {
    left: 0;
    min-height: 640px;
  }

  .nva-hero-v9__product {
    width: 440px;
  }

  .nva-hero-v9__intelligence {
    grid-template-columns: 184px minmax(0, 1fr);
  }

  .nva-hero-v9__card {
    width: 208px;
  }

  .nva-hero-v9__card--objection,
  .nva-hero-v9__card--followup {
    left: -6px;
  }

  .nva-hero-v9__card--coaching,
  .nva-hero-v9__card--brief {
    right: -6px;
  }
}

@media (max-width: 980px) {
  .nva-hero-v9 {
    min-height: 670px;
  }

  .nva-hero-v9__product {
    width: 420px;
  }

  .nva-hero-v9__intelligence {
    grid-template-columns: 178px minmax(0, 1fr);
  }

  .nva-hero-v9__card {
    width: 198px;
  }

  .nva-hero-v9__card--objection,
  .nva-hero-v9__card--followup {
    left: -32px;
  }

  .nva-hero-v9__card--coaching,
  .nva-hero-v9__card--brief {
    right: -32px;
  }
}

@media (max-width: 767px) {
  .nva-hero-v9 {
    left: 0;
    min-height: 940px;
  }

  .nva-hero-v9__product {
    top: 450px;
    width: min(100%, 460px);
  }

  .nva-hero-v9__card {
    width: calc(50% - 7px);
    min-height: 136px;
  }

  .nva-hero-v9__card--objection {
    top: 0;
    left: 0;
  }

  .nva-hero-v9__card--coaching {
    top: 0;
    right: 0;
  }

  .nva-hero-v9__card--followup {
    bottom: 0;
    left: 0;
  }

  .nva-hero-v9__card--brief {
    right: 0;
    bottom: 0;
  }
}

@media (max-width: 560px) {
  .nva-hero-v9 {
    min-height: 1170px;
  }

  .nva-hero-v9__product {
    top: 592px;
    width: 100%;
  }

  .nva-hero-v9__intelligence {
    grid-template-columns: 1fr;
  }

  .nva-hero-v9__score-main {
    grid-template-columns: 84px minmax(0, 1fr);
  }

  .nva-hero-v9__product-footer {
    grid-template-columns: 1fr 1fr;
  }

  .nva-hero-v9__action {
    grid-column: 1 / -1;
    width: 100%;
  }

  .nva-hero-v9__card {
    width: 100%;
    min-height: 120px;
  }

  .nva-hero-v9__card--objection {
    top: 0;
  }

  .nva-hero-v9__card--coaching {
    top: 132px;
  }

  .nva-hero-v9__card--followup {
    bottom: 132px;
  }

  .nva-hero-v9__card--brief {
    bottom: 0;
  }
}


/* =========================================================
   V9 — FINAL PRECISION PASS
   Micro-adjustments only: balance, legibility, material,
   score spacing, and supporting-card depth.
   ========================================================= */

/* Shift the full composition slightly right for better balance. */
.nva-hero-v9 {
  left: 22px;
}

/* Increase space between branding and the conversation content. */
.nva-hero-v9__product-header {
  padding-bottom: 20px;
}

.nva-hero-v9__conversation {
  padding-top: 22px;
}

/* Slightly brighter upper-left edge and softer lower-right depth. */
.nva-hero-v9__product {
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .39),
    0 0 70px rgba(111, 147, 210, .15),
    inset .8px .8px 0 rgba(255, 255, 255, .20),
    inset -1px -1px 0 rgba(0, 0, 0, .16);
}

.nva-hero-v9__product::before {
  opacity: .84;
  background:
    linear-gradient(
      135deg,
      rgba(236, 244, 255, .72) 0%,
      rgba(194, 215, 246, .33) 15%,
      rgba(255, 255, 255, .05) 45%,
      rgba(111, 147, 210, .06) 73%,
      rgba(111, 147, 210, .22) 100%
    );
}

/* Improve smallest useful text by roughly 1px. */
.nva-hero-v9__conversation-title span {
  font-size: 11px;
}

.nva-hero-v9__speaker span,
.nva-hero-v9__speaker time {
  font-size: 11px;
}

.nva-hero-v9__score-copy span {
  font-size: 10.5px;
}

.nva-hero-v9__score-status {
  font-size: 11px;
}

.nva-hero-v9__footer-metric span {
  font-size: 10px;
}

.nva-hero-v9__footer-metric strong {
  font-size: 11.5px;
}

/* Give 92/100 more internal breathing room. */
.nva-hero-v9__score-ring {
  width: 88px;
  height: 88px;
}

.nva-hero-v9__score-number > div {
  gap: 4px;
}

.nva-hero-v9__score-number strong {
  font-size: 29px;
  letter-spacing: -.045em;
}

.nva-hero-v9__score-number span {
  margin-bottom: 4px;
  font-size: 10px;
  letter-spacing: -.01em;
}

.nva-hero-v9__score-main {
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
}

/* Supporting cards become slightly softer and less dominant. */
.nva-hero-v9__card {
  background:
    linear-gradient(
      148deg,
      rgba(255, 255, 255, .074),
      rgba(255, 255, 255, .022) 48%,
      rgba(111, 147, 210, .032)
    ),
    rgba(9, 14, 23, .66);

  box-shadow:
    0 17px 42px rgba(0, 0, 0, .24),
    0 0 18px rgba(111, 147, 210, .045),
    inset .5px .5px 0 rgba(255, 255, 255, .10),
    inset -1px -1px 0 rgba(0, 0, 0, .14);

  backdrop-filter: blur(20px) saturate(110%);
  -webkit-backdrop-filter: blur(20px) saturate(110%);
}

.nva-hero-v9__card::before {
  opacity: .55;
}

/* More natural lower-card stagger. */
.nva-hero-v9__card--brief {
  bottom: 42px;
}

/* Keep responsive positioning centered and safe. */
@media (max-width: 1180px) {
  .nva-hero-v9 {
    left: 12px;
  }
}

@media (max-width: 980px) {
  .nva-hero-v9 {
    left: 4px;
  }
}

@media (max-width: 767px) {
  .nva-hero-v9 {
    left: 0;
  }

  .nva-hero-v9__card--brief {
    bottom: 0;
  }
}

@media (max-width: 560px) {
  .nva-hero-v9__score-main {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .nva-hero-v9__card--brief {
    bottom: 0;
  }
}


/* =========================================================
   V9 — SCORE / LIVE STATUS / AVATAR REFINEMENT
   ========================================================= */

/* Real circular profile photo */
.nva-hero-v9__avatar {
  overflow: hidden;
  border-radius: 50%;
  border: .5px solid rgba(232, 241, 255, .34);
  background: rgba(255,255,255,.04);
  box-shadow:
    inset .6px .6px 0 rgba(255,255,255,.17),
    0 0 18px rgba(111,147,210,.12),
    0 8px 20px rgba(0,0,0,.16);
}

.nva-hero-v9__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 24%;
  border-radius: inherit;
}

/* August green live-analysis treatment */
.nva-hero-v9__live {
  border-color: rgba(135, 197, 64, .34);
  background:
    linear-gradient(
      180deg,
      rgba(135, 197, 64, .19),
      rgba(135, 197, 64, .085)
    );
  color: #effbdc;
  box-shadow:
    inset .6px .6px 0 rgba(255,255,255,.14),
    0 0 18px rgba(135, 197, 64, .12),
    0 8px 20px rgba(0,0,0,.08);
}

.nva-hero-v9__live span {
  background: #87c540;
  box-shadow:
    0 0 0 4px rgba(135, 197, 64, .10),
    0 0 15px rgba(135, 197, 64, .95);
}

/* Centered card title and more breathing room */
.nva-hero-v9__score-card {
  padding: 12px 13px 12px;
}

.nva-hero-v9__score-title {
  margin-bottom: 10px;
  color: rgba(225, 234, 247, .58);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .07em;
  text-align: center;
  text-transform: uppercase;
}

.nva-hero-v9__score-main {
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 13px;
}

.nva-hero-v9__score-ring {
  width: 74px;
  height: 74px;
}

.nva-hero-v9__score-ring::before {
  inset: 7px;
}

.nva-hero-v9__score-number > div {
  gap: 3px;
}

.nva-hero-v9__score-number strong {
  font-size: 24px;
  letter-spacing: -.04em;
}

.nva-hero-v9__score-number span {
  margin-bottom: 3px;
  font-size: 9px;
}

.nva-hero-v9__score-copy {
  min-width: 0;
}

.nva-hero-v9__score-copy strong {
  display: block;
  color: #f7faff;
  font-size: 14px;
  font-weight: 680;
  line-height: 1.32;
  letter-spacing: -.012em;
}

.nva-hero-v9__score-status {
  margin-top: 11px;
  padding-top: 10px;
  font-size: 10.5px;
}

@media (max-width: 560px) {
  .nva-hero-v9__score-main {
    grid-template-columns: 74px minmax(0, 1fr);
  }

  .nva-hero-v9__score-copy strong {
    font-size: 13.5px;
  }
}


/* =========================================================
   V10 — LUCIDE ICONS + FLAT AUGUST GREEN RIGHT SIDE
   ========================================================= */

.nva-hero-v9__sparkle svg,
.nva-hero-v9__card-icon svg,
.nva-hero-v9__pill svg {
  stroke-width: 1.2;
}

/* Brain icon chip stays in the same glass well */
.nva-hero-v9__sparkle svg {
  width: 14px;
  height: 14px;
}

/* All right-side pills/icons use a flat August green */
.nva-hero-v9__card-head > .nva-hero-v9__pill,
.nva-hero-v9__card-head > .nva-hero-v9__pill--success,
.nva-hero-v9__card-head > .nva-hero-v9__pill--ready,
.nva-hero-v9__card-head > .nva-hero-v9__pill--trend {
  border: none;
  background: #87c540;
  color: #ffffff;
  box-shadow: none;
}

/* icon-only right pills */
.nva-hero-v9__card-head > .nva-hero-v9__pill,
.nva-hero-v9__card-head > .nva-hero-v9__pill--success,
.nva-hero-v9__card-head > .nva-hero-v9__pill--trend {
  min-width: 28px;
  min-height: 28px;
  padding: 6px;
}

.nva-hero-v9__card-head > .nva-hero-v9__pill svg,
.nva-hero-v9__card-head > .nva-hero-v9__pill--success svg,
.nva-hero-v9__card-head > .nva-hero-v9__pill--trend svg {
  width: 14px;
  height: 14px;
  color: #ffffff;
  stroke: currentColor;
}

/* Ready pill */
.nva-hero-v9__card-head > .nva-hero-v9__pill--ready {
  min-height: 28px;
  padding: 6px 10px;
  color: #ffffff;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .05em;
  text-transform: uppercase;
}


/* =========================================================
   V11 — MORE TRANSPARENT / LESS BLURRY GLASS PASS
   Goal:
   - let more of the background image show through
   - reduce blur for a more natural glass look
   - keep readability strong enough for hero usage
   ========================================================= */

/* Main product panel: more transparent + less blur */
.nva-hero-v9__product {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .075) 0%,
      rgba(255, 255, 255, .022) 34%,
      rgba(111, 147, 210, .032) 100%
    ),
    rgba(8, 13, 21, .60) !important;

  backdrop-filter: blur(18px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(112%) !important;

  box-shadow:
    0 30px 82px rgba(0, 0, 0, .30),
    0 0 48px rgba(111, 147, 210, .11),
    inset .8px .8px 0 rgba(255, 255, 255, .18),
    inset -1px -1px 0 rgba(0, 0, 0, .12) !important;
}

/* Slightly softer glass highlight so the panel feels lighter */
.nva-hero-v9__product::before {
  opacity: .70 !important;
}

/* Floating cards: noticeably more transparent + less blur */
.nva-hero-v9__card {
  background:
    linear-gradient(
      148deg,
      rgba(255, 255, 255, .058),
      rgba(255, 255, 255, .015) 48%,
      rgba(111, 147, 210, .026)
    ),
    rgba(9, 14, 23, .52) !important;

  backdrop-filter: blur(14px) saturate(106%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(106%) !important;

  box-shadow:
    0 14px 34px rgba(0, 0, 0, .18),
    0 0 14px rgba(111, 147, 210, .035),
    inset .5px .5px 0 rgba(255, 255, 255, .10),
    inset -1px -1px 0 rgba(0, 0, 0, .10) !important;
}

.nva-hero-v9__card::before {
  opacity: .42 !important;
}

.nva-hero-v9__card::after {
  opacity: .12 !important;
}

/* Inner cards inside the main panel:
   lower the overlays so the whole composition feels more airy */
.nva-hero-v9__transcript,
.nva-hero-v9__score-card,
.nva-hero-v9__takeaway {
  background:
    linear-gradient(
      145deg,
      rgba(182, 205, 240, .040),
      rgba(255, 255, 255, .010)
    ),
    rgba(255, 255, 255, .014) !important;

  box-shadow:
    inset .5px .5px 0 rgba(255, 255, 255, .05),
    inset -1px -1px 0 rgba(0, 0, 0, .08) !important;
}

/* Keep the glass edge visible so transparency still feels premium */
.nva-hero-v9__product-header,
.nva-hero-v9__product-footer,
.nva-hero-v9__transcript,
.nva-hero-v9__score-card,
.nva-hero-v9__takeaway {
  border-color: rgba(255, 255, 255, .085) !important;
}

/* Slightly strengthen text contrast so readability survives the transparency increase */
.nva-hero-v9__conversation-title strong,
.nva-hero-v9__transcript p,
.nva-hero-v9__score-copy strong,
.nva-hero-v9__takeaway p,
.nva-hero-v9__card-title,
.nva-hero-v9__footer-metric strong {
  color: rgba(248, 251, 255, .94) !important;
}

.nva-hero-v9__conversation-title span,
.nva-hero-v9__speaker span,
.nva-hero-v9__speaker time,
.nva-hero-v9__score-title,
.nva-hero-v9__score-status,
.nva-hero-v9__card-eyebrow,
.nva-hero-v9__card-meta,
.nva-hero-v9__footer-metric span {
  color: rgba(228, 236, 247, .68) !important;
}


/* =========================================================
   V12 — LIVE AI ANALYSIS GRADIENT PILL
   Replaces the green status pill with a premium animated
   AI-gradient border, soft glow, and dark glass interior.
   ========================================================= */

.nva-hero-v9__live {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: none !important;
  background: rgba(10, 15, 25, .54) !important;
  color: #f5f8ff !important;
  padding: 7px 12px 7px 10px;
  gap: 8px;
  box-shadow:
    inset .5px .5px 0 rgba(255,255,255,.09),
    0 8px 20px rgba(0,0,0,.10) !important;
  backdrop-filter: blur(14px) saturate(112%);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
}

.nva-hero-v9__live::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  padding: 1.2px;
  background: linear-gradient(
    120deg,
    #7dd3fc,
    #60a5fa,
    #8b5cf6,
    #a855f7,
    #87c540,
    #7dd3fc
  );
  background-size: 240% 240%;
  animation: nvaV12AiBorderShift 8s linear infinite;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .95;
}

.nva-hero-v9__live::after {
  content: "";
  position: absolute;
  inset: -6px;
  z-index: -3;
  border-radius: 999px;
  background: linear-gradient(
    120deg,
    rgba(125,211,252,.28),
    rgba(96,165,250,.24),
    rgba(139,92,246,.24),
    rgba(168,85,247,.22),
    rgba(135,197,64,.18),
    rgba(125,211,252,.28)
  );
  background-size: 240% 240%;
  filter: blur(14px);
  opacity: .68;
  animation: nvaV12AiBorderShift 8s linear infinite;
}

.nva-hero-v9__live span {
  position: relative;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #bfe8ff 18%, #7dd3fc 40%, #8b5cf6 72%, #87c540 100%);
  box-shadow:
    0 0 0 4px rgba(125,211,252,.08),
    0 0 12px rgba(125,211,252,.45),
    0 0 18px rgba(139,92,246,.28);
  animation: nvaV12AiDotPulse 2.4s ease-in-out infinite;
}

.nva-hero-v9__live span::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.55), rgba(125,211,252,0));
  filter: blur(3px);
  opacity: .6;
}

@keyframes nvaV12AiBorderShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes nvaV12AiDotPulse {
  0%, 100% {
    transform: scale(.92);
    opacity: .88;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}


/* =========================================================
   V13 — MOBILE POLISH PASS
   Goals:
   - keep 2 floating cards per row on phones
   - equalize floating-card heights on mobile
   - stack the Conversation score card vertically on mobile
   - center the score card content for a cleaner phone layout
   ========================================================= */

@media (max-width: 767px) {

  /* Overall mobile composition */
  .nva-hero-v9 {
    left: 0 !important;
    min-height: 980px !important;
  }

  /* Keep the top two cards in a clean 2-up row */
  .nva-hero-v9__card {
    width: calc(50% - 8px) !important;
    min-height: 160px !important;
    height: 160px !important;
    padding: 14px 15px 15px !important;
  }

  .nva-hero-v9__card--objection {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
  }

  .nva-hero-v9__card--coaching {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
  }

  /* Main product sits under the top pair */
  .nva-hero-v9__product {
    top: 188px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    min-height: 540px !important;
    border-radius: 26px !important;
  }

  /* Bottom two cards form the second row under the product */
  .nva-hero-v9__card--followup {
    top: 748px !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
  }

  .nva-hero-v9__card--brief {
    top: 748px !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
  }

  /* Tighten card internals slightly for small screens */
  .nva-hero-v9__card-title {
    font-size: 13.5px !important;
    line-height: 1.28 !important;
  }

  .nva-hero-v9__card-meta {
    font-size: 10.5px !important;
  }

  /* Let the score and takeaway stack cleanly on phones */
  .nva-hero-v9__intelligence {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* Stack the 92/100 score card vertically and center it */
  .nva-hero-v9__score-card {
    padding: 14px !important;
  }

  .nva-hero-v9__score-main {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .nva-hero-v9__score-copy {
    text-align: center !important;
  }

  .nva-hero-v9__score-copy strong {
    margin: 0 auto !important;
    max-width: 180px;
  }

  .nva-hero-v9__score-status {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 560px) {

  /* Preserve the 2-up card layout even on smaller phones like S24 */
  .nva-hero-v9 {
    min-height: 990px !important;
  }

  .nva-hero-v9__card {
    width: calc(50% - 8px) !important;
    min-height: 158px !important;
    height: 158px !important;
  }

  .nva-hero-v9__card--objection {
    top: 0 !important;
    left: 0 !important;
  }

  .nva-hero-v9__card--coaching {
    top: 0 !important;
    right: 0 !important;
  }

  .nva-hero-v9__product {
    top: 184px !important;
    width: 100% !important;
  }

  .nva-hero-v9__card--followup {
    top: 744px !important;
    left: 0 !important;
    bottom: auto !important;
  }

  .nva-hero-v9__card--brief {
    top: 744px !important;
    right: 0 !important;
    bottom: auto !important;
  }

  /* Slightly tighter text scale for narrow phones */
  .nva-hero-v9__card-eyebrow {
    font-size: 9.5px !important;
  }

  .nva-hero-v9__card-title {
    font-size: 13px !important;
  }

  .nva-hero-v9__card-meta {
    font-size: 10px !important;
  }

  .nva-hero-v9__score-copy strong {
    font-size: 14px !important;
  }

  .nva-hero-v9__takeaway p {
    font-size: 11.5px !important;
  }
}


/* =========================================================
   V14 — MOBILE NATIVE SWIPE RAIL
   Desktop remains unchanged through display: contents.
   Mobile order:
   1. Main Novara AI panel
   2. Two-card swipe page
   3. Two-card swipe page
   ========================================================= */

/* Preserve the existing floating desktop composition. */
.nva-hero-v9__feature-rail-shell,
.nva-hero-v9__feature-rail,
.nva-hero-v9__feature-page {
  display: contents;
}

.nva-hero-v9__feature-nav {
  display: none;
}

@media (max-width: 767px) {

  /* Remove fixed-height choreography and let content define the section. */
  .nva-hero-v9 {
    left: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  .nva-hero-v9__connectors,
  .nva-hero-v9__orbit,
  .nva-hero-v9__micro-grid {
    display: none !important;
  }

  /* Main interface becomes the first natural-flow element. */
  .nva-hero-v9__product {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Mobile swipe rail */
  .nva-hero-v9__feature-rail-shell {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    margin-top: 18px;
    overflow: hidden;
  }

  .nva-hero-v9__feature-rail {
    display: flex;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
  }

  .nva-hero-v9__feature-rail::-webkit-scrollbar {
    display: none;
  }

  .nva-hero-v9__feature-page {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 12px;
    padding: 0 1px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  /* Cards become equal-height grid items instead of absolute overlays. */
  .nva-hero-v9__feature-page .nva-hero-v9__card {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 166px !important;
    height: 100% !important;
    margin: 0 !important;
    transform: none !important;
    animation: none !important;
  }

  .nva-hero-v9__card-head {
    margin-bottom: 13px;
  }

  .nva-hero-v9__card-title {
    font-size: 13.5px !important;
    line-height: 1.3 !important;
  }

  .nva-hero-v9__card-meta {
    margin-top: 7px !important;
    font-size: 10.5px !important;
    line-height: 1.38 !important;
  }

  /* Mobile rail navigation */
  .nva-hero-v9__feature-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 14px;
    margin-top: 15px;
    padding: 0 4px;
  }

  .nva-hero-v9__feature-hint,
  .nva-hero-v9__feature-count {
    color: rgba(228, 236, 247, .58);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .055em;
    text-transform: uppercase;
  }

  .nva-hero-v9__feature-count {
    justify-self: end;
    font-variant-numeric: tabular-nums;
  }

  .nva-hero-v9__feature-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
  }

  .nva-hero-v9__feature-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .23);
    appearance: none;
    cursor: pointer;
    transition:
      width 220ms ease,
      background-color 220ms ease,
      box-shadow 220ms ease;
  }

  .nva-hero-v9__feature-dot.is-active {
    width: 22px;
    background: #87c540;
    box-shadow: 0 0 12px rgba(135, 197, 64, .38);
  }

  .nva-hero-v9__feature-dot:focus-visible {
    outline: 2px solid rgba(182, 205, 240, .75);
    outline-offset: 4px;
  }

  /* Conversation score stacks vertically and remains centered. */
  .nva-hero-v9__intelligence {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .nva-hero-v9__score-card {
    padding: 16px !important;
  }

  .nva-hero-v9__score-main {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 12px !important;
    text-align: center !important;
  }

  .nva-hero-v9__score-copy {
    width: 100%;
    text-align: center !important;
  }

  .nva-hero-v9__score-copy strong {
    max-width: 210px;
    margin: 0 auto !important;
  }

  .nva-hero-v9__score-status {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 430px) {

  .nva-hero-v9__feature-page {
    gap: 10px;
  }

  .nva-hero-v9__feature-page .nva-hero-v9__card {
    min-height: 172px !important;
    padding: 13px 12px 14px !important;
  }

  .nva-hero-v9__card-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .nva-hero-v9__card-eyebrow {
    font-size: 9px !important;
    letter-spacing: .055em !important;
  }

  .nva-hero-v9__card-title {
    font-size: 12.5px !important;
  }

  .nva-hero-v9__card-meta {
    font-size: 9.8px !important;
  }

  .nva-hero-v9__feature-hint {
    font-size: 9px;
  }
}



/* =========================================================
   V15 — RIGHT-COLUMN ENTRANCE REVEAL
   Reveals the entire Novara AI product experience when it
   enters the viewport, while preserving all existing motion.
   ========================================================= */

/* Hidden only after JavaScript initializes, preventing blank
   content when scripts are unavailable. */
.nva-hero-v9.is-entrance-ready .nva-hero-v9__ambient,
.nva-hero-v9.is-entrance-ready .nva-hero-v9__connectors,
.nva-hero-v9.is-entrance-ready .nva-hero-v9__product,
.nva-hero-v9.is-entrance-ready .nva-hero-v9__feature-page .nva-hero-v9__card {
  opacity: 0;
  will-change: opacity, transform, filter;
}

/* Ambient field resolves first and creates the sense that the
   interface is activating rather than simply appearing. */
.nva-hero-v9.is-entrance-ready .nva-hero-v9__ambient {
  transform: scale(.94);
  filter: blur(18px);
}

/* Connector network fades in behind the interface. */
.nva-hero-v9.is-entrance-ready .nva-hero-v9__connectors {
  transform: scale(.97);
  filter: blur(5px);
}

/* Main product panel rises, scales and sharpens into place. */
.nva-hero-v9.is-entrance-ready .nva-hero-v9__product {
  /*
   * Desktop uses absolute centering, so retain the original
   * translate(-50%, -50%) while adding reveal movement.
   */
  transform: translate(-50%, calc(-50% + 30px)) scale(.965);
  filter: blur(14px);
}

/* Supporting cards begin slightly farther from the product.
   Their normal floating keyframes resume after the reveal. */
.nva-hero-v9.is-entrance-ready .nva-hero-v9__feature-page .nva-hero-v9__card {
  filter: blur(10px);
}

.nva-hero-v9.is-entrance-ready .nva-hero-v9__card--objection {
  transform: translate3d(-18px, 18px, 0) scale(.965);
}

.nva-hero-v9.is-entrance-ready .nva-hero-v9__card--coaching {
  transform: translate3d(18px, 18px, 0) scale(.965);
}

.nva-hero-v9.is-entrance-ready .nva-hero-v9__card--followup {
  transform: translate3d(-18px, -18px, 0) scale(.965);
}

.nva-hero-v9.is-entrance-ready .nva-hero-v9__card--brief {
  transform: translate3d(18px, -18px, 0) scale(.965);
}

/* Reveal state */
.nva-hero-v9.is-entrance-visible .nva-hero-v9__ambient {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  transition:
    opacity .85s ease,
    transform 1.05s cubic-bezier(.16,.78,.22,1),
    filter 1.05s ease;
}

.nva-hero-v9.is-entrance-visible .nva-hero-v9__connectors {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  transition:
    opacity .95s ease .12s,
    transform 1.05s cubic-bezier(.16,.78,.22,1) .12s,
    filter 1.05s ease .12s;
}

.nva-hero-v9.is-entrance-visible .nva-hero-v9__product {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  filter: blur(0);
  transition:
    opacity .78s ease .18s,
    transform 1s cubic-bezier(.16,.78,.22,1) .18s,
    filter .88s ease .18s;
}

/* Staggered feature-card sequence */
.nva-hero-v9.is-entrance-visible .nva-hero-v9__feature-page .nva-hero-v9__card {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0,0,0) scale(1);
  transition:
    opacity .68s ease,
    transform .88s cubic-bezier(.16,.78,.22,1),
    filter .76s ease;
}

/* Top pair enters after the product */
.nva-hero-v9.is-entrance-visible .nva-hero-v9__card--objection {
  transition-delay: .38s;
  animation-delay: 1.28s;
}

.nva-hero-v9.is-entrance-visible .nva-hero-v9__card--coaching {
  transition-delay: .49s;
  animation-delay: 1.38s;
}

/* Bottom pair completes the composition */
.nva-hero-v9.is-entrance-visible .nva-hero-v9__card--followup {
  transition-delay: .60s;
  animation-delay: 1.49s;
}

.nva-hero-v9.is-entrance-visible .nva-hero-v9__card--brief {
  transition-delay: .71s;
  animation-delay: 1.60s;
}

/* Mobile uses natural document flow, so the product must not
   inherit the desktop centering transform during the reveal. */
@media (max-width: 767px) {
  .nva-hero-v9.is-entrance-ready .nva-hero-v9__product {
    transform: translate3d(0, 28px, 0) scale(.975) !important;
  }

  .nva-hero-v9.is-entrance-visible .nva-hero-v9__product {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  /*
   * The first two-card page appears with the interface.
   * The second page remains available in the swipe rail without
   * being hidden after the entrance animation completes.
   */
  .nva-hero-v9.is-entrance-ready .nva-hero-v9__feature-page .nva-hero-v9__card {
    transform: translate3d(0, 22px, 0) scale(.975) !important;
  }

  .nva-hero-v9.is-entrance-visible .nva-hero-v9__feature-page .nva-hero-v9__card {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  .nva-hero-v9.is-entrance-visible .nva-hero-v9__card--objection {
    transition-delay: .42s;
  }

  .nva-hero-v9.is-entrance-visible .nva-hero-v9__card--coaching {
    transition-delay: .52s;
  }

  .nva-hero-v9.is-entrance-visible .nva-hero-v9__card--followup {
    transition-delay: .62s;
  }

  .nva-hero-v9.is-entrance-visible .nva-hero-v9__card--brief {
    transition-delay: .72s;
  }
}

/* Once the reveal is finished, remove entrance transforms so
   the original floating animations fully regain control. */
.nva-hero-v9.is-entrance-complete .nva-hero-v9__ambient,
.nva-hero-v9.is-entrance-complete .nva-hero-v9__connectors,
.nva-hero-v9.is-entrance-complete .nva-hero-v9__product,
.nva-hero-v9.is-entrance-complete .nva-hero-v9__feature-page .nva-hero-v9__card {
  opacity: 1;
  filter: none;
  transition: none;
  will-change: auto;
}

@media (min-width: 768px) {
  .nva-hero-v9.is-entrance-complete .nva-hero-v9__product {
    transform: translate(-50%, -50%);
  }

  .nva-hero-v9.is-entrance-complete .nva-hero-v9__feature-page .nva-hero-v9__card {
    transform: none;
  }
}

@media (max-width: 767px) {
  .nva-hero-v9.is-entrance-complete .nva-hero-v9__product,
  .nva-hero-v9.is-entrance-complete .nva-hero-v9__feature-page .nva-hero-v9__card {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nva-hero-v9.is-entrance-ready .nva-hero-v9__ambient,
  .nva-hero-v9.is-entrance-ready .nva-hero-v9__connectors,
  .nva-hero-v9.is-entrance-ready .nva-hero-v9__product,
  .nva-hero-v9.is-entrance-ready .nva-hero-v9__feature-page .nva-hero-v9__card {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  @media (min-width: 768px) {
    .nva-hero-v9.is-entrance-ready .nva-hero-v9__product {
      transform: translate(-50%, -50%) !important;
    }
  }
}


/* ===== Imported approved source: conversation ===== */

/* =========================================================
   NOVARA AI — LIGHT SECTION
   PREFIX: nva-ai-light-signals
   ========================================================= */

.nva-ai-light-signals,
.nva-ai-light-signals * {
  box-sizing: border-box;
}

.nva-ai-light-signals {
  --nva-bg: #f4f7fc;
  --nva-surface: rgba(255, 255, 255, .78);
  --nva-surface-strong: #ffffff;
  --nva-stroke: rgba(17, 23, 34, .09);
  --nva-stroke-soft: rgba(17, 23, 34, .06);
  --nva-text: #111722;
  --nva-muted: rgba(17, 23, 34, .66);
  --nva-soft: rgba(17, 23, 34, .44);
  --nva-blue: #6f93d2;
  --nva-blue-deep: #567bbd;
  --nva-blue-soft: rgba(111, 147, 210, .14);
  --nva-green: #87c540;
  --nva-amber: #f0b95b;

  position: relative;
  overflow: hidden;
  padding: 108px 0;
  background:
    radial-gradient(circle at 12% 10%, rgba(111, 147, 210, .12), transparent 28%),
    radial-gradient(circle at 88% 84%, rgba(111, 147, 210, .10), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--nva-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.nva-ai-light-signals__wrap {
  width: min(86%, 1500px);
  margin: 0 auto;
}

.nva-ai-light-signals__head {
  max-width: 760px;
  margin-bottom: 48px;
}

.nva-ai-light-signals__eyebrow {
  margin-bottom: 14px;
  color: var(--nva-blue);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.nva-ai-light-signals__head h2 {
  margin: 0 0 18px;
  color: var(--nva-text);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -1px;
}

.nva-ai-light-signals__head h2 span {
  display: inline;
  color: var(--nva-blue);
}

.nva-ai-light-signals__head p {
  max-width: 700px;
  margin: 0;
  color: var(--nva-muted);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
}

.nva-ai-light-signals__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(0, .78fr);
  gap: 22px;
  align-items: stretch;
}

.nva-ai-light-signals__panel,
.nva-ai-light-signals__info-card {
  position: relative;
  overflow: hidden;
  border: .5px solid var(--nva-stroke);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.72) 100%);
  box-shadow:
    0 24px 60px rgba(17, 23, 34, .06),
    0 0 0 1px rgba(255,255,255,.35) inset;
  backdrop-filter: blur(16px) saturate(110%);
  -webkit-backdrop-filter: blur(16px) saturate(110%);
}

.nva-ai-light-signals__panel::before,
.nva-ai-light-signals__info-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.75), transparent 32%);
  opacity: .9;
}

.nva-ai-light-signals__panel {
  padding: 24px;
}

.nva-ai-light-signals__panel-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.nva-ai-light-signals__brand-block {
  min-width: 0;
}

.nva-ai-light-signals__brand {
  display: block;
  width: min(100%, 240px);
}

.nva-ai-light-signals__brand img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.nva-ai-light-signals__brand-note {
  margin-top: 9px;
  color: var(--nva-soft);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.55;
}

.nva-ai-light-signals__live {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 8px 12px;
  border: .5px solid rgba(111, 147, 210, .18);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(111, 147, 210, .10), rgba(111, 147, 210, .06));
  color: var(--nva-blue-deep);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.nva-ai-light-signals__live span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--nva-blue);
  box-shadow: 0 0 0 4px rgba(111,147,210,.10);
}

.nva-ai-light-signals__analysis-card {
  position: relative;
  z-index: 2;
  padding: 18px;
  border: .5px solid var(--nva-stroke-soft);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.55));
  box-shadow:
    0 18px 44px rgba(17,23,34,.04),
    inset 0 0 0 1px rgba(255,255,255,.42);
}

.nva-ai-light-signals__analysis-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}

.nva-ai-light-signals__analysis-avatar {
  width: 44px;
  height: 44px;
  overflow: hidden;
  border: .5px solid rgba(17,23,34,.10);
  border-radius: 50%;
  background: #fff;
}

.nva-ai-light-signals__analysis-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 24%;
}

.nva-ai-light-signals__analysis-meta span,
.nva-ai-light-signals__analysis-meta strong {
  display: block;
}

.nva-ai-light-signals__analysis-meta span {
  margin-bottom: 4px;
  color: var(--nva-soft);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nva-ai-light-signals__analysis-meta strong {
  color: var(--nva-text);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.01em;
}

.nva-ai-light-signals__analysis-time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--nva-soft);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.nva-ai-light-signals__analysis-time svg {
  width: 15px;
  height: 15px;
}

.nva-ai-light-signals__analysis-transcript {
  margin-bottom: 14px;
  padding: 16px;
  border: .5px solid rgba(17,23,34,.08);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(111,147,210,.07), rgba(255,255,255,.55));
}

.nva-ai-light-signals__analysis-speaker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.nva-ai-light-signals__analysis-speaker span,
.nva-ai-light-signals__analysis-speaker time {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nva-ai-light-signals__analysis-speaker span {
  color: var(--nva-blue-deep);
}

.nva-ai-light-signals__analysis-speaker time {
  color: var(--nva-soft);
}

.nva-ai-light-signals__analysis-transcript p {
  margin: 0;
  color: var(--nva-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: -.01em;
}

.nva-ai-light-signals__signal-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.nva-ai-light-signals__signal-pill {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 78px;
  padding: 12px 13px;
  border: .5px solid rgba(17,23,34,.08);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.58));
}

.nva-ai-light-signals__signal-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(111,147,210,.16);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(111,147,210,.12), rgba(111,147,210,.05));
  color: var(--nva-blue-deep);
}

.nva-ai-light-signals__signal-icon svg,
.nva-ai-light-signals__info-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nva-ai-light-signals__signal-copy span,
.nva-ai-light-signals__signal-copy strong {
  display: block;
}

.nva-ai-light-signals__signal-copy span {
  margin-bottom: 4px;
  color: var(--nva-soft);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.nva-ai-light-signals__signal-copy strong {
  color: var(--nva-text);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.nva-ai-light-signals__insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.nva-ai-light-signals__mini-card {
  min-height: 90px;
  padding: 14px;
  border: .5px solid rgba(17,23,34,.08);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.58));
}

.nva-ai-light-signals__mini-label {
  margin-bottom: 7px;
  color: var(--nva-soft);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.nva-ai-light-signals__mini-value {
  color: var(--nva-text);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
}

.nva-ai-light-signals__mini-value--amber,
.nva-ai-light-signals__mini-value--blue {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.nva-ai-light-signals__mini-value--amber i {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: var(--nva-amber);
  box-shadow: 0 0 0 4px rgba(240,185,91,.12);
}

.nva-ai-light-signals__mini-value--blue {
  color: var(--nva-blue-deep);
}

.nva-ai-light-signals__stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.nva-ai-light-signals__info-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  min-height: 182px;
  padding: 22px;
}

.nva-ai-light-signals__info-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(111,147,210,.18);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(111,147,210,.14), rgba(111,147,210,.05));
  color: var(--nva-blue-deep);
}

.nva-ai-light-signals__info-text span {
  display: block;
  margin-bottom: 8px;
  color: var(--nva-blue);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nva-ai-light-signals__info-text h3 {
  margin: 0 0 10px;
  color: var(--nva-text);
  font-size: 22px;
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: -.02em;
}

.nva-ai-light-signals__info-text p {
  margin: 0;
  color: var(--nva-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
}

/* =========================================
   TABLET
   ========================================= */

@media (max-width: 980px) {
  .nva-ai-light-signals {
    padding: 88px 0;
  }

  .nva-ai-light-signals__head h2 {
    font-size: 40px;
  }

  .nva-ai-light-signals__grid {
    grid-template-columns: 1fr;
  }

  .nva-ai-light-signals__stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .nva-ai-light-signals {
    padding: 72px 0;
  }

  .nva-ai-light-signals__wrap {
    width: min(92%, 1500px);
  }

  .nva-ai-light-signals__head {
    margin-bottom: 34px;
  }

  .nva-ai-light-signals__head h2 {
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -.8px;
  }

  .nva-ai-light-signals__head p {
    font-size: 14px;
    line-height: 1.75;
  }

  .nva-ai-light-signals__panel {
    padding: 18px;
    border-radius: 24px;
  }

  .nva-ai-light-signals__panel-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .nva-ai-light-signals__analysis-card {
    padding: 15px;
    border-radius: 20px;
  }

  .nva-ai-light-signals__analysis-head {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .nva-ai-light-signals__analysis-time {
    grid-column: 2 / 3;
    justify-self: start;
  }

  .nva-ai-light-signals__analysis-transcript p {
    font-size: 15px;
  }

  .nva-ai-light-signals__signal-row,
  .nva-ai-light-signals__insight-grid,
  .nva-ai-light-signals__stack {
    grid-template-columns: 1fr;
  }

  .nva-ai-light-signals__info-card {
    min-height: 0;
    padding: 18px;
    grid-template-columns: 48px minmax(0, 1fr);
    border-radius: 24px;
  }

  .nva-ai-light-signals__info-icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .nva-ai-light-signals__info-text h3 {
    font-size: 20px;
  }

  .nva-ai-light-signals__info-text p {
    font-size: 14px;
    line-height: 1.7;
  }
}

/* =========================================
   LIVE CONVERSATION ANALYSIS
   ========================================= */

.nva-ai-light-signals__analysis-transcript {
  position: relative;
  overflow: hidden;
}

.nva-ai-light-signals__analysis-transcript mark {
  position: relative;
  padding: 0 2px;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  box-shadow: inset 0 -1px 0 rgba(111,147,210,.16);
  transition:
    color 260ms ease,
    background-color 260ms ease,
    box-shadow 260ms ease;
}

.nva-ai-light-signals__analysis-transcript mark.is-detected {
  color: #365f9f;
  background: rgba(111,147,210,.14);
  box-shadow:
    inset 0 -1px 0 rgba(86,123,189,.28),
    0 0 0 3px rgba(111,147,210,.045);
}

.nva-ai-light-signals__transcript-scan {
  position: absolute;
  top: -18%;
  bottom: -18%;
  left: -110px;
  width: 92px;
  pointer-events: none;
  transform: skewX(-14deg);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(111,147,210,.06),
      rgba(255,255,255,.42),
      rgba(111,147,210,.08),
      transparent
    );
  opacity: 0;
}

.nva-ai-light-signals__analysis-transcript.is-scanning
.nva-ai-light-signals__transcript-scan {
  animation: nvaLightTranscriptScan 3.6s cubic-bezier(.36,.1,.22,1) forwards;
}

.nva-ai-light-signals__analysis-progress {
  margin-bottom: 14px;
  padding: 13px 14px;
  border: .5px solid rgba(111,147,210,.14);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(111,147,210,.075), rgba(255,255,255,.60));
  box-shadow:
    inset .5px .5px 0 rgba(255,255,255,.55),
    0 10px 26px rgba(17,23,34,.028);
}

.nva-ai-light-signals__analysis-progress-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.nva-ai-light-signals__analysis-progress-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--nva-text);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .035em;
}

.nva-ai-light-signals__analysis-progress-icon {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(111,147,210,.18);
  border-radius: 9px;
  background: rgba(255,255,255,.58);
  color: var(--nva-blue-deep);
}

.nva-ai-light-signals__analysis-progress-icon svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nva-ai-light-signals__analysis-progress-top strong {
  color: var(--nva-blue-deep);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.nva-ai-light-signals__analysis-progress-track {
  position: relative;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(17,23,34,.065);
}

.nva-ai-light-signals__analysis-progress-track > span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      #6f93d2,
      #8aa9de 48%,
      #87c540 100%
    );
  box-shadow: 0 0 12px rgba(111,147,210,.24);
  transition: width 650ms cubic-bezier(.25,.72,.22,1);
}

.nva-ai-light-signals__analysis-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
  margin-top: 9px;
}

.nva-ai-light-signals__analysis-steps span {
  color: rgba(17,23,34,.38);
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .05em;
  text-transform: uppercase;
  transition: color 240ms ease;
}

.nva-ai-light-signals__analysis-steps span:nth-child(2) {
  text-align: center;
}

.nva-ai-light-signals__analysis-steps span:nth-child(3) {
  text-align: right;
}

.nva-ai-light-signals__analysis-steps span.is-active {
  color: var(--nva-blue-deep);
}

.nva-ai-light-signals__analysis-progress.is-complete
.nva-ai-light-signals__analysis-progress-icon {
  color: #5d8f24;
  border-color: rgba(135,197,64,.22);
  background: rgba(135,197,64,.10);
}

.nva-ai-light-signals__analysis-progress.is-complete
.nva-ai-light-signals__analysis-progress-top strong {
  color: #5d8f24;
}

@keyframes nvaLightTranscriptScan {
  0% {
    left: -110px;
    opacity: 0;
  }
  12% {
    opacity: .9;
  }
  82% {
    opacity: .75;
  }
  100% {
    left: calc(100% + 50px);
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .nva-ai-light-signals__analysis-progress {
    padding: 12px;
  }

  .nva-ai-light-signals__analysis-steps span {
    font-size: 7.8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nva-ai-light-signals__analysis-transcript mark,
  .nva-ai-light-signals__analysis-progress-track > span {
    transition-duration: .01ms !important;
  }

  .nva-ai-light-signals__transcript-scan {
    display: none !important;
  }
}


/* =========================================
   ANALYSIS-DRIVEN CARD REVEALS
   Cards resolve progressively as the AI
   identifies each new signal.
   ========================================= */

/* Progressive enhancement:
   cards stay visible when JavaScript is unavailable. */
.nva-ai-light-signals.is-analysis-sequenced [data-nva-reveal] {
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(.985);
  filter: blur(7px);
  pointer-events: none;
  will-change: opacity, transform, filter;
  transition:
    opacity 620ms cubic-bezier(.2,.72,.22,1),
    transform 720ms cubic-bezier(.2,.72,.22,1),
    filter 620ms ease;
}

.nva-ai-light-signals.is-analysis-sequenced [data-nva-reveal].is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  pointer-events: auto;
}

/* A very restrained resolving highlight. */
.nva-ai-light-signals.is-analysis-sequenced
[data-nva-reveal].is-revealed::after {
  animation: nvaLightSignalResolve 820ms ease-out both;
}

@keyframes nvaLightSignalResolve {
  0% {
    opacity: .42;
  }
  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nva-ai-light-signals.is-analysis-sequenced [data-nva-reveal] {
    transition-duration: .01ms !important;
    transform: none !important;
    filter: none !important;
  }
}


/* =========================================
   BRAND LOGO CRISP / FULL OPACITY FIX
   ========================================= */

.nva-ai-light-signals__brand-block,
.nva-ai-light-signals__brand,
.nva-ai-light-signals__brand img {
  opacity: 1 !important;
}

.nva-ai-light-signals__brand {
  position: relative;
  z-index: 3;
  width: min(100%, 255px);
}

.nva-ai-light-signals__brand img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: translateZ(0);
}

.nva-ai-light-signals__brand-note {
  opacity: .92;
}


/* =========================================
   RIGHT-SIDE ICON CRISPNESS POLISH
   ========================================= */

/* Keep right-side icon tiles fully present above soft card overlays */
.nva-ai-light-signals__info-card .nva-ai-light-signals__info-icon {
  position: relative;
  z-index: 3;
  border-color: rgba(111,147,210,.24);
  background:
    linear-gradient(145deg, rgba(111,147,210,.18), rgba(111,147,210,.075));
  color: #567bbd;
  box-shadow:
    0 10px 24px rgba(17,23,34,.05),
    inset 0 0 0 1px rgba(255,255,255,.34);
  opacity: 1 !important;
}

/* Make the right-column lucide icons feel sharper and less faded */
.nva-ai-light-signals__info-card .nva-ai-light-signals__info-icon svg {
  width: 20px;
  height: 20px;
  color: #4f74b6;
  stroke: currentColor;
  stroke-width: 1.65;
  opacity: 1 !important;
  filter: none !important;
  transform: translateZ(0);
}

/* Slightly strengthen the surrounding card itself so the icon doesn't get washed out */
.nva-ai-light-signals__info-card {
  isolation: isolate;
}

.nva-ai-light-signals__info-card::before {
  opacity: .72;
}

@media (max-width: 767px) {
  .nva-ai-light-signals__info-card .nva-ai-light-signals__info-icon svg {
    width: 19px;
    height: 19px;
  }
}


/* =========================================
   MAIN ANALYSIS CARD — STRICT REVEAL ORDER
   Keeps the internal cards appearing in a
   clean sequence on desktop and mobile.
   ========================================= */

.nva-ai-light-signals.is-analysis-sequenced [data-nva-main-reveal] {
  opacity: 0;
  transform: translate3d(0, 16px, 0) scale(.988);
  filter: blur(6px);
  pointer-events: none;
  will-change: opacity, transform, filter;
  transition:
    opacity 560ms cubic-bezier(.2,.72,.22,1),
    transform 640ms cubic-bezier(.2,.72,.22,1),
    filter 560ms ease;
}

.nva-ai-light-signals.is-analysis-sequenced [data-nva-main-reveal].is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  pointer-events: auto;
}


/* ===== Imported approved source: coaching ===== */

/* =========================================================
   NOVARA AI — DARK COACHING SECTION
   PREFIX: nva-coach-dark
   ========================================================= */

.nva-coach-dark,
.nva-coach-dark * {
  box-sizing: border-box;
}

.nva-coach-dark {
  --nva-black: #080b10;
  --nva-graphite: #111722;
  --nva-blue: #6f93d2;
  --nva-blue-deep: #567bbd;
  --nva-blue-light: #b9cef0;
  --nva-white: #ffffff;
  --nva-green: #87c540;
  --nva-text: rgba(246,249,254,.92);
  --nva-muted: rgba(225,233,244,.62);
  --nva-dim: rgba(225,233,244,.42);

  position: relative;
  overflow: hidden;
  padding: 112px 0 56px;
  background:
    linear-gradient(180deg, rgba(7,10,15,.98), rgba(11,16,24,.98)),
    #080b10;
  color: var(--nva-white);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.nva-coach-dark svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nva-coach-dark__ambient,
.nva-coach-dark__glow,
.nva-coach-dark__grid {
  position: absolute;
  pointer-events: none;
}

.nva-coach-dark__ambient {
  inset: 0;
}

.nva-coach-dark__glow {
  border-radius: 50%;
  filter: blur(68px);
}

.nva-coach-dark__glow--one {
  width: 520px;
  height: 520px;
  top: 15%;
  left: -120px;
  background: radial-gradient(circle, rgba(111,147,210,.20), transparent 68%);
}

.nva-coach-dark__glow--two {
  width: 460px;
  height: 460px;
  right: -110px;
  bottom: -80px;
  background: radial-gradient(circle, rgba(111,147,210,.15), transparent 70%);
}

.nva-coach-dark__grid {
  inset: 0;
  opacity: .08;
  background-image:
    linear-gradient(rgba(185,206,240,.12) .5px, transparent .5px),
    linear-gradient(90deg, rgba(185,206,240,.12) .5px, transparent .5px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}

.nva-coach-dark__wrap {
  position: relative;
  z-index: 2;
  width: min(86%, 1500px);
  margin: 0 auto;
}

.nva-coach-dark__head {
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(360px, .62fr);
  align-items: end;
  gap: clamp(48px, 7vw, 110px);
  margin-bottom: 48px;
}

.nva-coach-dark__eyebrow {
  margin-bottom: 15px;
  color: var(--nva-blue-light);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.nva-coach-dark__head h2 {
  margin: 0;
  color: var(--nva-white);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.03;
  letter-spacing: -1px;
}

.nva-coach-dark__head h2 span {
  color: var(--nva-blue);
}

.nva-coach-dark__head > p {
  margin: 0;
  color: var(--nva-muted);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
}

.nva-coach-dark__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 22px;
  align-items: stretch;
}

/* =========================================================
   MAIN PANEL — transparent / less blurry glass
   ========================================================= */

.nva-coach-dark__score-panel,
.nva-coach-dark__card {
  position: relative;
  overflow: hidden;
  border: .5px solid rgba(255,255,255,.12);
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.022) 34%, rgba(111,147,210,.032)),
    rgba(8,13,21,.60);
  box-shadow:
    0 30px 82px rgba(0,0,0,.30),
    0 0 48px rgba(111,147,210,.10),
    inset .8px .8px 0 rgba(255,255,255,.17),
    inset -1px -1px 0 rgba(0,0,0,.12);
  backdrop-filter: blur(18px) saturate(112%);
  -webkit-backdrop-filter: blur(18px) saturate(112%);
}

.nva-coach-dark__score-panel::before,
.nva-coach-dark__card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1.2px;
  pointer-events: none;
  background:
    linear-gradient(
      135deg,
      rgba(235,244,255,.66),
      rgba(185,206,240,.25) 16%,
      rgba(255,255,255,.04) 47%,
      rgba(111,147,210,.05) 73%,
      rgba(111,147,210,.22)
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .70;
}

.nva-coach-dark__score-panel {
  border-radius: 30px;
  padding: 22px;
}

.nva-coach-dark__score-panel-light {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.12), transparent 26%),
    radial-gradient(circle at 92% 78%, rgba(111,147,210,.10), transparent 34%);
}

.nva-coach-dark__score-top,
.nva-coach-dark__advisor,
.nva-coach-dark__score-body,
.nva-coach-dark__priority {
  position: relative;
  z-index: 2;
}

.nva-coach-dark__score-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: .5px solid rgba(255,255,255,.08);
}

.nva-coach-dark__brand {
  display: block;
  width: min(100%, 210px);
}

.nva-coach-dark__brand img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 42px;
  object-fit: contain;
  object-position: left center;
}

.nva-coach-dark__status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 31px;
  padding: 7px 11px;
  border: .5px solid rgba(135,197,64,.24);
  border-radius: 999px;
  background: rgba(135,197,64,.08);
  color: #edf9de;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.nva-coach-dark__status span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--nva-green);
  box-shadow: 0 0 0 4px rgba(135,197,64,.08), 0 0 12px rgba(135,197,64,.72);
}

.nva-coach-dark__advisor {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 18px 0;
}

.nva-coach-dark__advisor-avatar {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: .5px solid rgba(235,244,255,.28);
  border-radius: 50%;
  box-shadow: 0 0 18px rgba(111,147,210,.10);
}

.nva-coach-dark__advisor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 24%;
}

.nva-coach-dark__advisor-copy span,
.nva-coach-dark__advisor-copy strong,
.nva-coach-dark__advisor-copy small {
  display: block;
}

.nva-coach-dark__advisor-copy span {
  margin-bottom: 3px;
  color: var(--nva-blue-light);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-coach-dark__advisor-copy strong {
  color: var(--nva-white);
  font-size: 16px;
  font-weight: 680;
  line-height: 1.25;
}

.nva-coach-dark__advisor-copy small {
  margin-top: 3px;
  color: var(--nva-dim);
  font-size: 10.5px;
  font-weight: 500;
}

.nva-coach-dark__advisor-trend {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #dff2c7;
  font-size: 10px;
  font-weight: 700;
}

.nva-coach-dark__advisor-trend svg {
  width: 14px;
  height: 14px;
  color: var(--nva-green);
}

.nva-coach-dark__score-body {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(260px, 1.05fr);
  gap: 14px;
}

.nva-coach-dark__score-summary,
.nva-coach-dark__skills,
.nva-coach-dark__priority {
  border: .5px solid rgba(255,255,255,.085);
  background:
    linear-gradient(145deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
    rgba(255,255,255,.012);
  box-shadow:
    inset .5px .5px 0 rgba(255,255,255,.055),
    inset -1px -1px 0 rgba(0,0,0,.08);
}

.nva-coach-dark__score-summary,
.nva-coach-dark__skills {
  min-height: 244px;
  border-radius: 20px;
  padding: 16px;
}

.nva-coach-dark__score-summary {
  display: grid;
  grid-template-columns: 124px minmax(0,1fr);
  gap: 16px;
  align-items: center;
}

.nva-coach-dark__score-ring {
  position: relative;
  width: 124px;
  height: 124px;
}

.nva-coach-dark__score-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.nva-coach-dark__score-track,
.nva-coach-dark__score-progress {
  fill: none;
  stroke-width: 7;
}

.nva-coach-dark__score-track {
  stroke: rgba(255,255,255,.07);
}

.nva-coach-dark__score-progress {
  stroke: #88a8da;
  stroke-linecap: round;
  stroke-dasharray: 307.88;
  stroke-dashoffset: 307.88;
  filter: drop-shadow(0 0 6px rgba(111,147,210,.48));
  transition: stroke-dashoffset 1.65s cubic-bezier(.2,.78,.25,1);
}

.nva-coach-dark__score-ring.is-active .nva-coach-dark__score-progress {
  stroke-dashoffset: 40.03;
}

.nva-coach-dark__score-number {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
}

.nva-coach-dark__score-number strong {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  line-height: .9;
  letter-spacing: -.055em;
}

.nva-coach-dark__score-number span {
  color: var(--nva-dim);
  font-size: 10px;
  font-weight: 650;
}

.nva-coach-dark__score-number small {
  display: block;
  margin-top: 7px;
  color: var(--nva-dim);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-coach-dark__score-summary-copy span {
  display: block;
  margin-bottom: 7px;
  color: var(--nva-blue-light);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-coach-dark__score-summary-copy h3 {
  margin: 0 0 9px;
  color: var(--nva-white);
  font-size: 19px;
  font-weight: 680;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.nva-coach-dark__score-summary-copy p {
  margin: 0;
  color: var(--nva-muted);
  font-size: 11.5px;
  font-weight: 450;
  line-height: 1.58;
}

.nva-coach-dark__skills {
  display: grid;
  gap: 15px;
  align-content: center;
}

.nva-coach-dark__skill-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
}

.nva-coach-dark__skill-head span {
  color: rgba(246,249,254,.80);
  font-size: 11px;
  font-weight: 600;
}

.nva-coach-dark__skill-head strong {
  color: var(--nva-blue-light);
  font-size: 11px;
  font-weight: 700;
}

.nva-coach-dark__skill-track {
  position: relative;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.065);
}

.nva-coach-dark__skill-track i {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6f93d2, #9bb7e4);
  box-shadow: 0 0 10px rgba(111,147,210,.22);
  transition: width 1.2s cubic-bezier(.2,.78,.25,1);
}

.nva-coach-dark__priority {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  gap: 14px;
  align-items: start;
  margin-top: 14px;
  padding: 15px;
  border-radius: 19px;
}

.nva-coach-dark__priority-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(185,206,240,.18);
  border-radius: 14px;
  background: rgba(111,147,210,.10);
  color: #dbe8fc;
}

.nva-coach-dark__priority-icon svg {
  width: 19px;
  height: 19px;
}

.nva-coach-dark__priority-copy span {
  display: block;
  margin-bottom: 5px;
  color: var(--nva-blue-light);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-coach-dark__priority-copy strong {
  display: block;
  color: var(--nva-white);
  font-size: 13.5px;
  font-weight: 680;
  line-height: 1.4;
}

.nva-coach-dark__priority-copy p {
  margin: 6px 0 0;
  color: var(--nva-muted);
  font-size: 10.5px;
  line-height: 1.55;
}

.nva-coach-dark__priority-badge {
  align-self: start;
  padding: 7px 9px;
  border: none;
  border-radius: 999px;
  background: #87c540;
  color: #fff;
  font-size: 8px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* =========================================================
   SUPPORTING CARDS
   ========================================================= */

.nva-coach-dark__rail-shell {
  min-width: 0;
}

.nva-coach-dark__rail {
  display: grid;
  gap: 18px;
  height: 100%;
}

.nva-coach-dark__card {
  min-height: 0;
  border-radius: 24px;
  padding: 19px;
  background:
    linear-gradient(148deg, rgba(255,255,255,.058), rgba(255,255,255,.015) 48%, rgba(111,147,210,.026)),
    rgba(9,14,23,.52);
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    0 0 14px rgba(111,147,210,.035),
    inset .5px .5px 0 rgba(255,255,255,.10),
    inset -1px -1px 0 rgba(0,0,0,.10);
  backdrop-filter: blur(14px) saturate(106%);
  -webkit-backdrop-filter: blur(14px) saturate(106%);
}

.nva-coach-dark__card-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 15px;
}

.nva-coach-dark__card-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(185,206,240,.18);
  border-radius: 14px;
  background: rgba(111,147,210,.10);
  color: #dce8fb;
}

.nva-coach-dark__card-icon svg {
  width: 19px;
  height: 19px;
}

.nva-coach-dark__card-pill {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 9px;
  border: none;
  border-radius: 999px;
  background: #6f93d2;
  color: #fff;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.nva-coach-dark__card-pill--green {
  background: #87c540;
}

.nva-coach-dark__card-eyebrow {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 7px;
  color: var(--nva-blue-light);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-coach-dark__card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
  color: var(--nva-white);
  font-size: 20px;
  font-weight: 680;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.nva-coach-dark__card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: var(--nva-muted);
  font-size: 12px;
  font-weight: 450;
  line-height: 1.65;
}

.nva-coach-dark__goal-progress {
  position: relative;
  z-index: 2;
  margin-top: 17px;
}

.nva-coach-dark__goal-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.nva-coach-dark__goal-progress-head span,
.nva-coach-dark__goal-progress-head strong {
  font-size: 10px;
  font-weight: 700;
}

.nva-coach-dark__goal-progress-head span {
  color: var(--nva-dim);
}

.nva-coach-dark__goal-progress-head strong {
  color: #dff2c7;
}

.nva-coach-dark__goal-progress-track {
  position: relative;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}

.nva-coach-dark__goal-progress-track i {
  position: absolute;
  inset: 0 auto 0 0;
  width: 68%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6f93d2, #87c540);
  box-shadow: 0 0 12px rgba(135,197,64,.16);
}

.nva-coach-dark__trend-chart {
  position: relative;
  z-index: 2;
  height: 82px;
  margin-top: 14px;
}

.nva-coach-dark__trend-chart svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.nva-coach-dark__trend-area {
  fill: url(#nva-coach-area);
  stroke: none;
}

.nva-coach-dark__trend-line {
  fill: none;
  stroke: #86a7dc;
  stroke-width: 2.2;
  filter: drop-shadow(0 0 4px rgba(111,147,210,.30));
}

.nva-coach-dark__rail-nav {
  display: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .nva-coach-dark__head,
  .nva-coach-dark__layout {
    grid-template-columns: 1fr;
  }

  .nva-coach-dark__head {
    gap: 28px;
  }

  .nva-coach-dark__head > p {
    max-width: 760px;
  }

  .nva-coach-dark__rail {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .nva-coach-dark {
    padding: 78px 0 40px;
  }

  .nva-coach-dark__wrap {
    width: min(92%, 1500px);
  }

  .nva-coach-dark__head {
    margin-bottom: 34px;
  }

  .nva-coach-dark__head h2 {
    font-size: 32px;
    line-height: 1.06;
    letter-spacing: -.8px;
  }

  .nva-coach-dark__head > p {
    font-size: 14px;
    line-height: 1.75;
  }

  .nva-coach-dark__score-panel {
    padding: 17px;
    border-radius: 25px;
  }

  .nva-coach-dark__score-top {
    align-items: flex-start;
  }

  .nva-coach-dark__brand {
    width: 178px;
  }

  .nva-coach-dark__status {
    max-width: 130px;
    white-space: normal;
    line-height: 1.25;
  }

  .nva-coach-dark__advisor {
    grid-template-columns: 46px minmax(0,1fr);
  }

  .nva-coach-dark__advisor-trend {
    grid-column: 2 / 3;
    justify-self: start;
  }

  .nva-coach-dark__score-body {
    grid-template-columns: 1fr;
  }

  .nva-coach-dark__score-summary {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    min-height: 0;
  }

  .nva-coach-dark__score-summary-copy p {
    max-width: 300px;
  }

  .nva-coach-dark__skills {
    min-height: 0;
  }

  .nva-coach-dark__priority {
    grid-template-columns: 44px minmax(0,1fr);
  }

  .nva-coach-dark__priority-badge {
    grid-column: 2 / 3;
    justify-self: start;
  }

  /* Native swipe rail */
  .nva-coach-dark__rail-shell {
    overflow: hidden;
  }

  .nva-coach-dark__rail {
    display: flex;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .nva-coach-dark__rail::-webkit-scrollbar {
    display: none;
  }

  .nva-coach-dark__card {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    min-height: 260px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .nva-coach-dark__rail-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
    padding: 0 4px;
  }

  .nva-coach-dark__rail-nav > span,
  .nva-coach-dark__rail-nav > strong {
    color: var(--nva-dim);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
  }

  .nva-coach-dark__rail-nav > strong {
    justify-self: end;
    font-variant-numeric: tabular-nums;
  }

  .nva-coach-dark__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
  }

  .nva-coach-dark__dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.22);
    transition:
      width 220ms ease,
      background-color 220ms ease,
      box-shadow 220ms ease;
  }

  .nva-coach-dark__dots button.is-active {
    width: 22px;
    background: #87c540;
    box-shadow: 0 0 12px rgba(135,197,64,.34);
  }

}

/* =========================================
   DESKTOP HEIGHT / EMPTY-SPACE FIX
   Prevent the left scorecard and right cards
   from stretching to the tallest column.
   ========================================= */

@media (min-width: 1101px) {
  .nva-coach-dark__layout {
    align-items: start;
  }

  .nva-coach-dark__score-panel {
    align-self: start;
    height: auto;
  }

  .nva-coach-dark__rail-shell {
    align-self: start;
    height: auto;
  }

  .nva-coach-dark__rail {
    height: auto;
    align-content: start;
    grid-auto-rows: max-content;
  }

  .nva-coach-dark__card {
    min-height: 0;
    height: auto;
  }
}


/* =========================================
   FINAL POLISH PASS
   - Score ring centering
   - Unified green pill system
   - Bottom seam / white-line guard
   ========================================= */

.nva-coach-dark {
  margin: 0 !important;
  border: 0 !important;
  isolation: isolate;
}

.nva-coach-dark::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 6px;
  z-index: 5;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(8,11,16,0), #080b10 45%, #080b10 100%);
}

/* Score ring stack */
.nva-coach-dark__score-summary {
  grid-template-columns: 136px minmax(0,1fr);
  align-items: center;
}

.nva-coach-dark__score-ring-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.nva-coach-dark__score-ring {
  position: relative;
  width: 124px;
  height: 124px;
  display: block;
}

.nva-coach-dark__score-number {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nva-coach-dark__score-value {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  line-height: 1;
  transform: translateY(-1px);
}

.nva-coach-dark__score-number strong {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  line-height: .92;
  letter-spacing: -.055em;
}

.nva-coach-dark__score-number span {
  color: var(--nva-dim);
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: -.02em;
}

.nva-coach-dark__score-caption {
  color: var(--nva-dim);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

/* Unified pill system */
.nva-coach-dark__priority-badge,
.nva-coach-dark__card-pill,
.nva-coach-dark__card-pill--green,
.nva-coach-dark__status {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 10px;
  border: none !important;
  border-radius: 999px;
  background: #87c540 !important;
  color: #ffffff !important;
  font-size: 8px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none !important;
}

.nva-coach-dark__status span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  box-shadow: none;
}

.nva-coach-dark__card-pill,
.nva-coach-dark__priority-badge {
  align-self: flex-start;
}

.nva-coach-dark__advisor-trend svg {
  width: 14px;
  height: 14px;
  color: var(--nva-green);
  stroke-width: 1.9;
}

@media (max-width: 767px) {
  .nva-coach-dark__score-summary {
    grid-template-columns: 1fr;
  }

  .nva-coach-dark__score-ring-stack {
    width: 100%;
  }

  .nva-coach-dark__score-caption {
    margin-top: 1px;
  }
}


/* =========================================
   CONTROLLED SECTION BOTTOM SPACING
   Leaves breathing room below the final graph
   without recreating the oversized empty area.
   ========================================= */

.nva-coach-dark {
  padding-bottom: 56px !important;
}

@media (max-width: 767px) {
  .nva-coach-dark {
    padding-bottom: 40px !important;
  }
}


/* ===== Imported approved source: management ===== */

/* =========================================================
   NOVARA AI — LIGHT MANAGEMENT VISIBILITY
   PREFIX: nva-mgmt-light
   ========================================================= */

.nva-mgmt-light,
.nva-mgmt-light * {
  box-sizing: border-box;
}

.nva-mgmt-light {
  --nva-bg: #f4f7fc;
  --nva-bg-2: #eef3fa;
  --nva-white: #ffffff;
  --nva-text: #111722;
  --nva-muted: rgba(17,23,34,.64);
  --nva-soft: rgba(17,23,34,.42);
  --nva-stroke: rgba(17,23,34,.09);
  --nva-stroke-soft: rgba(17,23,34,.06);
  --nva-blue: #6f93d2;
  --nva-blue-deep: #567bbd;
  --nva-blue-soft: rgba(111,147,210,.12);
  --nva-green: #87c540;
  --nva-green-deep: #5f9228;

  position: relative;
  overflow: hidden;
  padding: 108px 0 88px;
  background:
    radial-gradient(circle at 7% 11%, rgba(111,147,210,.13), transparent 27%),
    radial-gradient(circle at 93% 77%, rgba(111,147,210,.09), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #f1f5fb 100%);
  color: var(--nva-text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.nva-mgmt-light svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nva-mgmt-light__ambient,
.nva-mgmt-light__orb,
.nva-mgmt-light__mesh {
  position: absolute;
  pointer-events: none;
}

.nva-mgmt-light__ambient {
  inset: 0;
}

.nva-mgmt-light__orb {
  border-radius: 50%;
  filter: blur(74px);
}

.nva-mgmt-light__orb--one {
  width: 430px;
  height: 430px;
  top: 8%;
  left: -110px;
  background: rgba(111,147,210,.13);
}

.nva-mgmt-light__orb--two {
  width: 380px;
  height: 380px;
  right: -90px;
  bottom: 3%;
  background: rgba(111,147,210,.10);
}

.nva-mgmt-light__mesh {
  inset: 0;
  opacity: .28;
  background-image:
    linear-gradient(rgba(111,147,210,.08) .5px, transparent .5px),
    linear-gradient(90deg, rgba(111,147,210,.08) .5px, transparent .5px);
  background-size: 50px 50px;
  mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 82%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 82%, transparent);
}

.nva-mgmt-light__wrap {
  position: relative;
  z-index: 2;
  width: min(86%, 1500px);
  margin: 0 auto;
}

.nva-mgmt-light__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .62fr);
  gap: clamp(46px, 7vw, 110px);
  align-items: end;
  margin-bottom: 42px;
}

.nva-mgmt-light__eyebrow {
  margin-bottom: 15px;
  color: var(--nva-blue);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.nva-mgmt-light__head h2 {
  margin: 0;
  color: var(--nva-text);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.03;
  letter-spacing: -1px;
}

.nva-mgmt-light__head h2 span {
  color: var(--nva-blue);
}

.nva-mgmt-light__head > p {
  margin: 0;
  color: var(--nva-muted);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
}

/* =========================================================
   KPI CARDS
   ========================================================= */

.nva-mgmt-light__kpi-shell {
  margin-bottom: 22px;
}

.nva-mgmt-light__kpi-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}

.nva-mgmt-light__kpi-card,
.nva-mgmt-light__dashboard,
.nva-mgmt-light__panel {
  position: relative;
  overflow: hidden;
  border: .5px solid var(--nva-stroke);
  background:
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.67));
  box-shadow:
    0 22px 52px rgba(17,23,34,.055),
    inset .6px .6px 0 rgba(255,255,255,.72);
  backdrop-filter: blur(15px) saturate(108%);
  -webkit-backdrop-filter: blur(15px) saturate(108%);
}

.nva-mgmt-light__kpi-card::before,
.nva-mgmt-light__dashboard::before,
.nva-mgmt-light__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.80), transparent 30%);
  opacity: .90;
}

.nva-mgmt-light__kpi-card {
  min-height: 196px;
  padding: 18px;
  border-radius: 23px;
}

.nva-mgmt-light__kpi-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.nva-mgmt-light__kpi-icon,
.nva-mgmt-light__objection-note-icon {
  display: grid;
  place-items: center;
  border: .5px solid rgba(111,147,210,.20);
  background:
    linear-gradient(145deg, rgba(111,147,210,.16), rgba(111,147,210,.06));
  color: #4f74b6;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.36);
}

.nva-mgmt-light__kpi-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
}

.nva-mgmt-light__kpi-icon svg {
  width: 19px;
  height: 19px;
  stroke-width: 1.65;
}

.nva-mgmt-light__kpi-pill,
.nva-mgmt-light__panel-badge,
.nva-mgmt-light__priority-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 27px;
  padding: 7px 10px;
  border: none;
  border-radius: 999px;
  background: var(--nva-green);
  color: #fff;
  font-size: 8px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.nva-mgmt-light__kpi-pill--blue {
  background: var(--nva-blue);
}

.nva-mgmt-light__kpi-label {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 8px;
  color: var(--nva-blue-deep);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-mgmt-light__kpi-value {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: baseline;
  gap: 3px;
  margin-bottom: 10px;
  color: var(--nva-text);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.045em;
}

.nva-mgmt-light__kpi-value small {
  color: var(--nva-soft);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0;
}

.nva-mgmt-light__kpi-value--text {
  max-width: 230px;
  font-size: 22px;
  line-height: 1.16;
  letter-spacing: -.02em;
}

.nva-mgmt-light__kpi-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: var(--nva-muted);
  font-size: 11.5px;
  line-height: 1.55;
}

.nva-mgmt-light__kpi-nav {
  display: none;
}

/* =========================================================
   MAIN DASHBOARD
   ========================================================= */

.nva-mgmt-light__dashboard {
  padding: 22px;
  border-radius: 30px;
}

.nva-mgmt-light__dashboard-top,
.nva-mgmt-light__dashboard-grid {
  position: relative;
  z-index: 2;
}

.nva-mgmt-light__dashboard-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding-bottom: 18px;
  border-bottom: .5px solid rgba(17,23,34,.075);
}

.nva-mgmt-light__dashboard-brand {
  display: flex;
  align-items: center;
  gap: 17px;
  min-width: 0;
}

.nva-mgmt-light__brand {
  display: block;
  width: min(100%, 220px);
  flex: 0 0 auto;
}

.nva-mgmt-light__brand img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 42px;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  object-fit: contain;
  object-position: left center;
}

.nva-mgmt-light__dashboard-brand-copy span,
.nva-mgmt-light__dashboard-brand-copy strong {
  display: block;
}

.nva-mgmt-light__dashboard-brand-copy span {
  margin-bottom: 4px;
  color: var(--nva-soft);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-mgmt-light__dashboard-brand-copy strong {
  color: var(--nva-text);
  font-size: 15px;
  font-weight: 680;
  line-height: 1.25;
}

.nva-mgmt-light__dashboard-filters {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nva-mgmt-light__dashboard-filters button {
  min-height: 33px;
  padding: 8px 12px;
  border: .5px solid rgba(17,23,34,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.64);
  color: var(--nva-muted);
  font-family: inherit;
  font-size: 9px;
  font-weight: 700;
  cursor: default;
}

.nva-mgmt-light__dashboard-filters button.is-active {
  border-color: rgba(111,147,210,.20);
  background: rgba(111,147,210,.10);
  color: var(--nva-blue-deep);
}

.nva-mgmt-light__dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
  gap: 16px;
  margin-top: 16px;
}

.nva-mgmt-light__panel {
  padding: 18px;
  border-radius: 22px;
  box-shadow:
    0 14px 34px rgba(17,23,34,.035),
    inset .5px .5px 0 rgba(255,255,255,.70);
}

.nva-mgmt-light__panel--team {
  grid-row: span 2;
}

.nva-mgmt-light__panel-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 18px;
}

.nva-mgmt-light__panel-head span {
  display: block;
  margin-bottom: 5px;
  color: var(--nva-blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-mgmt-light__panel-head h3 {
  margin: 0;
  color: var(--nva-text);
  font-size: 20px;
  font-weight: 680;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.nva-mgmt-light__panel-badge svg {
  width: 13px;
  height: 13px;
  stroke-width: 1.9;
}

.nva-mgmt-light__panel-menu {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: .5px solid rgba(17,23,34,.075);
  border-radius: 11px;
  background: rgba(255,255,255,.68);
  color: var(--nva-soft);
}

.nva-mgmt-light__panel-menu svg {
  width: 16px;
  height: 16px;
}

/* Advisor table */
.nva-mgmt-light__advisor-table {
  position: relative;
  z-index: 2;
}

.nva-mgmt-light__advisor-row {
  display: grid;
  grid-template-columns: minmax(200px, 1.25fr) .42fr .48fr minmax(160px, .85fr);
  gap: 13px;
  align-items: center;
  min-height: 67px;
  padding: 11px 0;
  border-top: .5px solid rgba(17,23,34,.065);
}

.nva-mgmt-light__advisor-row--head {
  min-height: 32px;
  padding: 0 0 8px;
  border-top: none;
}

.nva-mgmt-light__advisor-row--head > span {
  color: var(--nva-soft);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.nva-mgmt-light__advisor-person {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.nva-mgmt-light__avatar {
  width: 42px;
  height: 42px;
  overflow: hidden;
  flex: 0 0 42px;
  border: .5px solid rgba(17,23,34,.10);
  border-radius: 50%;
  background: #fff;
}

.nva-mgmt-light__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 24%;
}

.nva-mgmt-light__avatar--initials {
  display: grid;
  place-items: center;
  background:
    linear-gradient(145deg, rgba(111,147,210,.18), rgba(111,147,210,.07));
  color: var(--nva-blue-deep);
  font-size: 10px;
  font-weight: 750;
}

.nva-mgmt-light__advisor-person strong,
.nva-mgmt-light__advisor-person small {
  display: block;
}

.nva-mgmt-light__advisor-person strong {
  color: var(--nva-text);
  font-size: 12.5px;
  font-weight: 680;
}

.nva-mgmt-light__advisor-person small {
  margin-top: 3px;
  color: var(--nva-soft);
  font-size: 9.5px;
  font-weight: 500;
}

.nva-mgmt-light__advisor-score {
  color: var(--nva-text);
  font-size: 17px;
  font-weight: 700;
}

.nva-mgmt-light__advisor-change {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--nva-soft);
  font-size: 10px;
  font-weight: 700;
}

.nva-mgmt-light__advisor-change svg {
  width: 13px;
  height: 13px;
}

.nva-mgmt-light__advisor-change.is-positive {
  color: var(--nva-green-deep);
}

.nva-mgmt-light__advisor-priority {
  color: var(--nva-muted);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
}

/* Objection bars */
.nva-mgmt-light__objection-bars {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 15px;
}

.nva-mgmt-light__objection-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  margin-bottom: 7px;
}

.nva-mgmt-light__objection-head span {
  color: var(--nva-text);
  font-size: 10.5px;
  font-weight: 650;
}

.nva-mgmt-light__objection-head strong {
  color: var(--nva-soft);
  font-size: 9px;
  font-weight: 650;
}

.nva-mgmt-light__bar-track,
.nva-mgmt-light__location-bar {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(17,23,34,.065);
}

.nva-mgmt-light__bar-track {
  height: 6px;
}

.nva-mgmt-light__bar-track i {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6f93d2, #9ab5e2);
  box-shadow: 0 0 10px rgba(111,147,210,.20);
  transition: width 1.2s cubic-bezier(.2,.78,.25,1);
}

.nva-mgmt-light__objection-note {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 11px;
  align-items: center;
  margin-top: 17px;
  padding: 12px;
  border: .5px solid rgba(111,147,210,.15);
  border-radius: 16px;
  background: rgba(111,147,210,.07);
}

.nva-mgmt-light__objection-note-icon {
  width: 42px;
  height: 42px;
  border-radius: 13px;
}

.nva-mgmt-light__objection-note-icon svg {
  width: 18px;
  height: 18px;
}

.nva-mgmt-light__objection-note span,
.nva-mgmt-light__objection-note strong {
  display: block;
}

.nva-mgmt-light__objection-note span {
  margin-bottom: 4px;
  color: var(--nva-blue-deep);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nva-mgmt-light__objection-note strong {
  color: var(--nva-text);
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1.4;
}

/* Locations */
.nva-mgmt-light__locations {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 15px;
}

.nva-mgmt-light__location {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 7px 14px;
  align-items: center;
}

.nva-mgmt-light__location strong,
.nva-mgmt-light__location span {
  display: block;
}

.nva-mgmt-light__location strong {
  color: var(--nva-text);
  font-size: 11px;
  font-weight: 680;
}

.nva-mgmt-light__location span {
  margin-top: 3px;
  color: var(--nva-soft);
  font-size: 9px;
  font-weight: 500;
}

.nva-mgmt-light__location-score {
  color: var(--nva-blue-deep);
  font-size: 11px;
  font-weight: 700;
}

.nva-mgmt-light__location-bar {
  grid-column: 1 / -1;
  height: 6px;
}

.nva-mgmt-light__location-bar i {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--value);
  border-radius: inherit;
  background: linear-gradient(90deg, #6f93d2, #87c540);
}

/* Priorities */
.nva-mgmt-light__priority-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 10px;
}

.nva-mgmt-light__priority-item {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  border: .5px solid rgba(17,23,34,.065);
  border-radius: 15px;
  background: rgba(255,255,255,.54);
}

.nva-mgmt-light__priority-item > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(111,147,210,.10);
  color: var(--nva-blue-deep);
  font-size: 8px;
  font-weight: 750;
}

.nva-mgmt-light__priority-item strong,
.nva-mgmt-light__priority-item small {
  display: block;
}

.nva-mgmt-light__priority-item strong {
  color: var(--nva-text);
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1.35;
}

.nva-mgmt-light__priority-item small {
  margin-top: 3px;
  color: var(--nva-soft);
  font-size: 8.5px;
  font-weight: 500;
}

.nva-mgmt-light__priority-status {
  min-height: 25px;
  padding: 6px 8px;
  font-size: 7px;
}

.nva-mgmt-light__priority-status--done {
  background: var(--nva-blue);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .nva-mgmt-light__head {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .nva-mgmt-light__head > p {
    max-width: 760px;
  }

  .nva-mgmt-light__kpi-track {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .nva-mgmt-light__dashboard-grid {
    grid-template-columns: 1fr;
  }

  .nva-mgmt-light__panel--team {
    grid-row: auto;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .nva-mgmt-light {
    padding: 78px 0 58px;
  }

  .nva-mgmt-light__wrap {
    width: min(92%, 1500px);
  }

  .nva-mgmt-light__head {
    margin-bottom: 34px;
  }

  .nva-mgmt-light__head h2 {
    font-size: 32px;
    line-height: 1.06;
    letter-spacing: -.8px;
  }

  .nva-mgmt-light__head > p {
    font-size: 14px;
    line-height: 1.75;
  }

  /* KPI swipe rail */
  .nva-mgmt-light__kpi-shell {
    overflow: hidden;
  }

  .nva-mgmt-light__kpi-track {
    display: flex;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .nva-mgmt-light__kpi-track::-webkit-scrollbar {
    display: none;
  }

  .nva-mgmt-light__kpi-card {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    min-height: 196px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .nva-mgmt-light__kpi-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 13px;
    align-items: center;
    margin-top: 13px;
    padding: 0 4px;
  }

  .nva-mgmt-light__kpi-nav > span,
  .nva-mgmt-light__kpi-nav > strong {
    color: var(--nva-soft);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
  }

  .nva-mgmt-light__kpi-nav > strong {
    justify-self: end;
    font-variant-numeric: tabular-nums;
  }

  .nva-mgmt-light__kpi-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
  }

  .nva-mgmt-light__kpi-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(17,23,34,.16);
    transition:
      width 220ms ease,
      background-color 220ms ease;
  }

  .nva-mgmt-light__kpi-dots button.is-active {
    width: 22px;
    background: var(--nva-green);
  }

  .nva-mgmt-light__dashboard {
    padding: 17px;
    border-radius: 25px;
  }

  .nva-mgmt-light__dashboard-top {
    align-items: flex-start;
    flex-direction: column;
  }

  .nva-mgmt-light__dashboard-brand {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .nva-mgmt-light__brand {
    width: 205px;
  }

  .nva-mgmt-light__dashboard-filters {
    width: 100%;
  }

  .nva-mgmt-light__dashboard-filters button {
    flex: 1 1 0;
  }

  .nva-mgmt-light__panel {
    padding: 15px;
    border-radius: 19px;
  }

  .nva-mgmt-light__advisor-row {
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: 9px;
  }

  .nva-mgmt-light__advisor-row--head {
    display: none;
  }

  .nva-mgmt-light__advisor-priority {
    grid-column: 1 / -1;
    padding-left: 53px;
  }

  .nva-mgmt-light__priority-item {
    grid-template-columns: 30px minmax(0,1fr);
  }

  .nva-mgmt-light__priority-status {
    grid-column: 2 / 3;
    justify-self: start;
  }
}

/* =========================================
   MANAGEMENT DASHBOARD — POLISH PASS
   ========================================= */

/* Give the dashboard header a deliberate product-header layout */
.nva-mgmt-light__dashboard-top {
  min-height: 94px;
  padding: 6px 2px 20px;
}

.nva-mgmt-light__dashboard-brand {
  display: grid;
  grid-template-columns: 205px minmax(230px, auto);
  align-items: center;
  gap: 24px;
  flex: 0 1 auto;
}

.nva-mgmt-light__brand {
  width: 205px;
}

.nva-mgmt-light__dashboard-brand-copy {
  min-width: 230px;
  padding-left: 24px;
  border-left: .5px solid rgba(17,23,34,.11);
}

.nva-mgmt-light__dashboard-brand-copy span {
  margin-bottom: 7px;
  color: var(--nva-blue-deep);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .11em;
  text-transform: uppercase;
  white-space: nowrap;
}

.nva-mgmt-light__dashboard-brand-copy strong {
  color: var(--nva-text);
  font-size: 18px;
  font-weight: 680;
  line-height: 1.15;
  letter-spacing: -.025em;
  white-space: nowrap;
}

/* Refine filters so they feel integrated with the dashboard */
.nva-mgmt-light__dashboard-filters {
  flex: 0 0 auto;
  padding: 4px;
  border: .5px solid rgba(17,23,34,.065);
  border-radius: 999px;
  background: rgba(255,255,255,.46);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
}

.nva-mgmt-light__dashboard-filters button {
  border-color: transparent;
  background: transparent;
}

.nva-mgmt-light__dashboard-filters button.is-active {
  border-color: rgba(111,147,210,.16);
  background: rgba(111,147,210,.12);
  box-shadow: 0 6px 16px rgba(111,147,210,.08);
}

/* Make all advisor images feel consistent and intentional */
.nva-mgmt-light__avatar {
  position: relative;
  box-shadow:
    0 7px 18px rgba(17,23,34,.07),
    inset 0 0 0 1px rgba(255,255,255,.58);
}

.nva-mgmt-light__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 28%;
  opacity: 1 !important;
  filter: none !important;
}

/* Slight hierarchy improvements across the dashboard */
.nva-mgmt-light__panel-head h3 {
  font-size: 21px;
}

.nva-mgmt-light__advisor-row:not(.nva-mgmt-light__advisor-row--head) {
  transition:
    background-color 180ms ease,
    padding-left 180ms ease,
    padding-right 180ms ease;
}

.nva-mgmt-light__advisor-row:not(.nva-mgmt-light__advisor-row--head):hover {
  margin-left: -8px;
  margin-right: -8px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 13px;
  background: rgba(111,147,210,.045);
}

.nva-mgmt-light__objection-note {
  background:
    linear-gradient(145deg, rgba(111,147,210,.10), rgba(255,255,255,.60));
}

/* Tablet */
@media (max-width: 980px) {
  .nva-mgmt-light__dashboard-brand {
    grid-template-columns: 185px minmax(200px, auto);
    gap: 18px;
  }

  .nva-mgmt-light__brand {
    width: 185px;
  }

  .nva-mgmt-light__dashboard-brand-copy {
    min-width: 200px;
    padding-left: 18px;
  }

  .nva-mgmt-light__dashboard-brand-copy strong {
    font-size: 16px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .nva-mgmt-light__dashboard-top {
    min-height: 0;
    padding: 2px 0 18px;
  }

  .nva-mgmt-light__dashboard-brand {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .nva-mgmt-light__brand {
    width: 205px;
  }

  .nva-mgmt-light__dashboard-brand-copy {
    min-width: 0;
    width: 100%;
    padding: 14px 0 0;
    border-left: 0;
    border-top: .5px solid rgba(17,23,34,.10);
  }

  .nva-mgmt-light__dashboard-brand-copy span,
  .nva-mgmt-light__dashboard-brand-copy strong {
    white-space: normal;
  }

  .nva-mgmt-light__dashboard-brand-copy strong {
    font-size: 17px;
  }

  .nva-mgmt-light__dashboard-filters {
    width: 100%;
  }

  .nva-mgmt-light__advisor-row:not(.nva-mgmt-light__advisor-row--head):hover {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
  }
}
/* =========================================================
   NEE V1.1.1 — DESKTOP 100VH HERO COMPOSITION
   Keeps the full Novara AI hero inside a 1920x1080 viewport,
   reduces the headline scale, and lets supporting cards frame
   the main product instead of obscuring it.
   ========================================================= */

@media (min-width: 1181px) {
  .nee-ai-hero {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100svh;
    min-height: 760px;
    padding: clamp(102px, 10.5vh, 124px) 0 clamp(28px, 4vh, 46px);
  }

  .nee-ai-hero__wrap {
    width: min(88%, 1540px);
    grid-template-columns: minmax(350px, .76fr) minmax(640px, 1.24fr);
    gap: clamp(28px, 4vw, 66px);
  }

  .nee-ai-hero__copy {
    max-width: 560px;
  }

  .nee-ai-hero h1 {
    max-width: 560px;
    margin-bottom: 20px;
    font-size: clamp(48px, 3.45vw, 62px);
    line-height: .99;
    letter-spacing: -2px;
  }

  .nee-ai-hero__copy > p {
    max-width: 560px;
    margin-bottom: 26px;
    font-size: 15px;
    line-height: 1.68;
  }

  .nee-ai-hero__proof {
    margin-top: 22px;
  }

  /* Reserve the scaled visual's real displayed height. */
  .nee-ai-hero__experience {
    position: relative;
    width: 100%;
    min-height: 558px;
  }

  .nee-ai-hero__experience > .nva-hero-v9 {
    position: absolute;
    top: 50%;
    left: 50% !important;
    width: 820px;
    min-height: 640px;
    margin: 0;
    transform: translate(-50%, -50%) scale(.87);
    transform-origin: center center;
  }

  /* Keep the central dashboard visually dominant. */
  .nee-ai-hero .nva-hero-v9__product {
    width: 468px;
  }

  /* Smaller framing cards with less overlap on the dashboard. */
  .nee-ai-hero .nva-hero-v9__card {
    width: 184px;
    min-height: 112px;
    padding: 13px 14px 14px;
    border-radius: 18px;
  }

  .nee-ai-hero .nva-hero-v9__card-head {
    margin-bottom: 9px;
  }

  .nee-ai-hero .nva-hero-v9__card-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 12px;
  }

  .nee-ai-hero .nva-hero-v9__card-icon svg {
    width: 17px;
    height: 17px;
  }

  .nee-ai-hero .nva-hero-v9__card-eyebrow {
    margin-bottom: 4px;
    font-size: 8.8px;
  }

  .nee-ai-hero .nva-hero-v9__card-title {
    font-size: 12.5px;
    line-height: 1.26;
  }

  .nee-ai-hero .nva-hero-v9__card-meta {
    margin-top: 5px;
    font-size: 9.5px;
  }

  .nee-ai-hero .nva-hero-v9__card--objection {
    top: 64px;
    left: -30px;
  }

  .nee-ai-hero .nva-hero-v9__card--coaching {
    top: 72px;
    right: -30px;
  }

  .nee-ai-hero .nva-hero-v9__card--followup {
    left: -30px;
    bottom: 58px;
  }

  .nee-ai-hero .nva-hero-v9__card--brief {
    right: -30px;
    bottom: 50px;
  }
}

/* Shorter desktop viewports receive an additional precision reduction. */
@media (min-width: 1181px) and (max-height: 850px) {
  .nee-ai-hero {
    min-height: 700px;
    padding-top: 92px;
    padding-bottom: 22px;
  }

  .nee-ai-hero h1 {
    font-size: clamp(44px, 3.15vw, 56px);
  }

  .nee-ai-hero__copy > p {
    margin-bottom: 22px;
    font-size: 14px;
  }

  .nee-ai-hero__proof {
    display: none;
  }

  .nee-ai-hero__experience {
    min-height: 518px;
  }

  .nee-ai-hero__experience > .nva-hero-v9 {
    transform: translate(-50%, -50%) scale(.81);
  }
}

/* Restore normal document-flow behavior before the single-column breakpoint. */
@media (max-width: 1180px) {
  .nee-ai-hero__experience > .nva-hero-v9 {
    position: relative;
    top: auto;
    left: 0 !important;
    transform: none;
  }
}


/* =========================================================
   NEE V1.2.0 — FRENCH CONTENT FIT
   Preserves the approved visual system while allowing longer
   French labels to wrap cleanly without enlarging the hero.
   ========================================================= */

.nee-component[lang="fr"] .nva-hero-v9__live {
  font-size: 8px;
  letter-spacing: .025em;
}

.nee-component[lang="fr"] .nva-hero-v9__card-title {
  font-size: 12px;
}

.nee-component[lang="fr"] .nva-hero-v9__card-meta {
  font-size: 9px;
}

.nee-component[lang="fr"] .nva-hero-v9__score-status {
  font-size: 9.5px;
}

.nee-component[lang="fr"] .nva-mgmt-light__dashboard-filters button,
.nee-component[lang="fr"] .nva-mgmt-light__priority-status,
.nee-component[lang="fr"] .nva-coach-dark__priority-badge {
  white-space: normal;
  text-align: center;
}

@media (min-width: 1181px) {
  .nee-component[lang="fr"] .nee-ai-hero__copy {
    max-width: 580px;
  }

  .nee-component[lang="fr"] .nee-ai-hero h1 {
    max-width: 580px;
  }
}

@media (max-width: 520px) {
  .nee-component[lang="fr"] .nee-ai-hero h1 {
    font-size: 36px;
  }
}


/* =========================================================
   NEE V1.2.1 — CTA NATURAL WRAPPING + FRENCH LABEL
   ========================================================= */

.nee-ai-cta__wrap {
	width: min(86%, 1180px);
}

.nee-ai-cta h2 {
	max-width: 1120px;
	margin-inline: auto;
	line-height: 1.06;
	text-wrap: balance;
}

.nee-ai-cta h2 span {
	display: inline;
}

.nva-hero-v9__takeaway-label {
	display: inline-block;
	line-height: 1.1;
}

@media (max-width: 767px) {
	.nee-ai-cta__wrap {
		width: min(92%, 1180px);
	}

	.nee-ai-cta h2 {
		text-wrap: pretty;
	}
}