/* CareRM engagement identities: quiet signals that make each buying mode memorable. */
.carerm-engagements-showcase::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(8, 132, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 132, 255, .045) 1px, transparent 1px);
	background-size: 4rem 4rem;
	mask-image: linear-gradient(90deg, transparent 34%, #000 72%, transparent);
	pointer-events: none;
}

.carerm-engagements-showcase__signal {
	position: absolute;
	right: clamp(2rem, 10vw, 11rem);
	top: 50%;
	display: flex;
	align-items: end;
	gap: .65rem;
	height: 8rem;
	transform: translateY(-50%);
}

.carerm-engagements-showcase__signal span {
	width: clamp(.55rem, .8vw, .85rem);
	border-radius: 999px;
	background: #0b84ff;
	box-shadow: 0 1rem 3rem rgba(8, 132, 255, .2);
	animation: carerm-signal 4.8s cubic-bezier(.2,.8,.2,1) infinite;
}
.carerm-engagements-showcase__signal span:nth-child(1) { height: 28%; }
.carerm-engagements-showcase__signal span:nth-child(2) { height: 52%; animation-delay: -.35s; }
.carerm-engagements-showcase__signal span:nth-child(3) { height: 78%; animation-delay: -.7s; }
.carerm-engagements-showcase__signal span:nth-child(4) { height: 100%; animation-delay: -1.05s; }

@keyframes carerm-signal { 0%, 65%, 100% { opacity: .22; transform: scaleY(.72); } 25% { opacity: 1; transform: scaleY(1); } }

.carerm-engagement-card { isolation: isolate; overflow: hidden; }
.carerm-engagement-card::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity .45s ease; }
.carerm-engagement-card:hover::before { opacity: 1; }
.carerm-engagement-card__mark { position: absolute; top: 5.5rem; right: 3rem; width: 7rem; height: 7rem; opacity: .52; transition: opacity .35s ease, transform .55s cubic-bezier(.2,.8,.2,1); }
.carerm-engagement-card:hover .carerm-engagement-card__mark { opacity: 1; transform: translateY(-.35rem); }
.carerm-engagement-card__mark i { position: absolute; inset: auto; display: block; color: inherit; font-size: inherit; font-style: normal; }
.carerm-engagement-card__arrow { position: absolute !important; top: 2.5rem !important; right: 2.5rem !important; }

/* Foundation: systems, alignment, dependable structure. */
.carerm-engagement-card--foundation::before { background: linear-gradient(135deg, rgba(8,132,255,.09), transparent 55%); }
.carerm-engagement-card--foundation .carerm-engagement-card__mark { border: 1px solid #8fc7ff; border-radius: 50%; }
.carerm-engagement-card--foundation .carerm-engagement-card__mark i { inset: 18%; border: 1px solid #69b3ff; border-radius: 50%; }
.carerm-engagement-card--foundation .carerm-engagement-card__mark i:nth-child(2) { inset: 38%; background: #0b84ff; border: 0; }
.carerm-engagement-card--foundation .carerm-engagement-card__mark i:nth-child(3) { display: none; }

/* Scale: a measured upward rhythm. */
.carerm-engagement-card--scale::before { background: radial-gradient(circle at 82% 28%, rgba(45,212,191,.15), transparent 34%); }
.carerm-engagement-card--scale .carerm-engagement-card__mark { display: flex; align-items: end; gap: .6rem; }
.carerm-engagement-card--scale .carerm-engagement-card__mark i { position: static; flex: 1; border-radius: 1rem 1rem .2rem .2rem; background: #0b84ff; }
.carerm-engagement-card--scale .carerm-engagement-card__mark i:nth-child(1) { height: 32%; opacity: .25; }
.carerm-engagement-card--scale .carerm-engagement-card__mark i:nth-child(2) { height: 62%; opacity: .55; }
.carerm-engagement-card--scale .carerm-engagement-card__mark i:nth-child(3) { height: 100%; }

/* Focused pilot: one deliberate target. */
.carerm-engagement-card--focused-pilot::before { background: radial-gradient(circle at 84% 28%, rgba(255,177,66,.14), transparent 31%); }
.carerm-engagement-card--focused-pilot .carerm-engagement-card__mark { border: 1px solid #97caff; border-radius: 50%; }
.carerm-engagement-card--focused-pilot .carerm-engagement-card__mark::before,
.carerm-engagement-card--focused-pilot .carerm-engagement-card__mark::after { content: ""; position: absolute; background: #97caff; }
.carerm-engagement-card--focused-pilot .carerm-engagement-card__mark::before { top: 50%; left: -18%; width: 136%; height: 1px; }
.carerm-engagement-card--focused-pilot .carerm-engagement-card__mark::after { top: -18%; left: 50%; width: 1px; height: 136%; }
.carerm-engagement-card--focused-pilot .carerm-engagement-card__mark i:first-child { inset: 39%; border-radius: 50%; background: #0b84ff; }
.carerm-engagement-card--focused-pilot .carerm-engagement-card__mark i:not(:first-child) { display: none; }

/* Multi-location: distinct local units in one coherent field. */
.carerm-engagement-card--multi-location::before { background: linear-gradient(145deg, transparent 44%, rgba(129,92,246,.09)); }
.carerm-engagement-card--multi-location .carerm-engagement-card__mark i { width: 3rem; height: 3rem; border: 1px solid #8fc7ff; border-radius: .65rem; background: rgba(255,255,255,.65); }
.carerm-engagement-card--multi-location .carerm-engagement-card__mark i:nth-child(1) { top: 0; left: 0; }
.carerm-engagement-card--multi-location .carerm-engagement-card__mark i:nth-child(2) { top: 1.4rem; right: 0; border-color: #0b84ff; }
.carerm-engagement-card--multi-location .carerm-engagement-card__mark i:nth-child(3) { bottom: 0; left: 1.4rem; }

/* Detail-page stage and per-engagement visual signatures. */
.carerm-detail-hero--engagement { position: relative; min-height: min(58rem, 88vh); overflow: hidden; }
.carerm-detail-hero--engagement::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.carerm-detail-hero--engagement .carerm-offer-shell { position: relative; z-index: 1; }
.carerm-detail-hero--engagement h1 { position: relative; z-index: 2; }
.carerm-detail-hero--engagement .carerm-detail-hero__statement { position: relative; z-index: 2; }
.carerm-engagement-motif { position: absolute; z-index: 0; right: clamp(1rem, 8vw, 8rem); top: clamp(9rem, 18vw, 15rem); width: clamp(15rem, 31vw, 31rem); aspect-ratio: 1; pointer-events: none; }
.carerm-engagement-motif span { position: absolute; display: block; }

.carerm-detail-hero--foundation::after { background: radial-gradient(circle at 75% 54%, rgba(8,132,255,.105), transparent 26%); }
.carerm-engagement-motif--foundation { border: 1px solid rgba(8,132,255,.2); border-radius: 50%; animation: carerm-breathe 7s ease-in-out infinite; }
.carerm-engagement-motif--foundation span { inset: 17%; border: 1px solid rgba(8,132,255,.3); border-radius: 50%; }
.carerm-engagement-motif--foundation .carerm-engagement-motif__two { inset: 36%; background: #0b84ff; border: 0; box-shadow: 0 2rem 5rem rgba(8,132,255,.22); }
.carerm-engagement-motif--foundation .carerm-engagement-motif__three { display: none; }

.carerm-detail-hero--scale::after { background: linear-gradient(125deg, transparent 58%, rgba(45,212,191,.09)); }
.carerm-detail-hero--scale .carerm-detail-hero__statement { margin-right: 0; margin-left: auto; max-width: 22ch; }
.carerm-detail-hero--scale .carerm-engagement-motif { right: 0; top: 46%; width: clamp(30rem, 47vw, 48rem); aspect-ratio: 16/9; opacity: .2; }
.carerm-engagement-motif--scale > span { display: none; }
.carerm-engagement-motif__chart { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 1.5rem 3rem rgba(8,132,255,.1)); }
.carerm-engagement-motif__grid { fill: none; stroke: rgba(8,132,255,.1); stroke-width: 1; vector-effect: non-scaling-stroke; }
.carerm-engagement-motif__trend { fill: none; stroke: #0b84ff; stroke-width: 3; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.carerm-engagement-motif__points { fill: #fff; stroke: #0b84ff; stroke-width: 2; vector-effect: non-scaling-stroke; }

.carerm-detail-hero--focused-pilot::after { background: radial-gradient(circle at 76% 54%, rgba(255,177,66,.11), transparent 24%); }
.carerm-engagement-motif--focused-pilot { border: 1px solid rgba(8,132,255,.24); border-radius: 50%; }
.carerm-engagement-motif--focused-pilot::before, .carerm-engagement-motif--focused-pilot::after { content: ""; position: absolute; background: rgba(8,132,255,.24); }
.carerm-engagement-motif--focused-pilot::before { top: 50%; left: -16%; width: 132%; height: 1px; }
.carerm-engagement-motif--focused-pilot::after { top: -16%; left: 50%; width: 1px; height: 132%; }
.carerm-engagement-motif--focused-pilot .carerm-engagement-motif__one { inset: 32%; border: 1px solid rgba(8,132,255,.32); border-radius: 50%; }
.carerm-engagement-motif--focused-pilot .carerm-engagement-motif__two { inset: 44%; border-radius: 50%; background: #0b84ff; box-shadow: 0 0 0 1rem rgba(8,132,255,.08); }

.carerm-detail-hero--multi-location::after { background: radial-gradient(circle at 78% 51%, rgba(129,92,246,.09), transparent 27%); }
.carerm-engagement-motif--multi-location span { width: 49%; height: 49%; border: 1px solid rgba(8,132,255,.25); border-radius: clamp(1.5rem,3vw,3rem); background: rgba(255,255,255,.78); box-shadow: 0 1.5rem 4rem rgba(25,47,75,.08); }
.carerm-engagement-motif--multi-location .carerm-engagement-motif__one { top: 0; left: 0; }
.carerm-engagement-motif--multi-location .carerm-engagement-motif__two { top: 13%; right: 0; border-color: rgba(129,92,246,.35); }
.carerm-engagement-motif--multi-location .carerm-engagement-motif__three { bottom: 0; left: 25%; border-color: #0b84ff; animation: carerm-float 6s ease-in-out infinite; }

@keyframes carerm-breathe { 50% { transform: scale(1.035); } }
@keyframes carerm-rise { 50% { transform: translateY(-1rem); } }
@keyframes carerm-float { 50% { transform: translateY(-.8rem) rotate(2deg); } }

@media (max-width: 760px) {
	.carerm-engagements-showcase__signal { right: 1.25rem; top: 12rem; height: 5rem; opacity: .55; }
	.carerm-engagement-card__mark { top: 5rem; right: 2rem; width: 5rem; height: 5rem; }
	.carerm-detail-hero--engagement { min-height: 48rem; }
	.carerm-engagement-motif { right: -4rem; top: 20rem; width: 17rem; opacity: .58; }
	.carerm-detail-hero--engagement .carerm-detail-hero__statement { margin-top: 17rem; max-width: 22ch; }
	.carerm-detail-hero--scale .carerm-detail-hero__statement { margin-right: 0; margin-left: 0; }
	.carerm-detail-hero--scale .carerm-engagement-motif { right: -7rem; top: 21rem; width: 27rem; opacity: .2; }
}

@media (prefers-reduced-motion: reduce) {
	.carerm-engagements-showcase__signal span,
	.carerm-engagement-motif,
	.carerm-engagement-motif span { animation: none !important; }
	.carerm-engagement-card,
	.carerm-engagement-card::before,
	.carerm-engagement-card__mark { transition: none !important; }
}