.mcp-template-preview,
.mcp-profile-card {
	box-sizing: border-box;
}

.mcp-template-preview *,
.mcp-profile-card * {
	box-sizing: border-box;
}

.mcp-template-preview {
	width: min(1820px, calc(100% - 40px));
	margin: 0 auto;
	padding: 72px 0 96px;
	color: var(--mcp-ink, #12372b);
}

.mcp-template-preview__intro {
	max-width: 760px;
	margin-bottom: 42px;
}

.mcp-template-preview__intro > span {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 6px 11px;
	border: 1px solid rgba(19, 121, 91, 0.18);
	border-radius: 999px;
	background: rgba(19, 121, 91, 0.07);
	color: #13795b;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.mcp-template-preview__intro h1 {
	margin: 16px 0 10px;
	font-size: clamp(2.4rem, 5vw, 4.7rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.mcp-template-preview__intro p {
	max-width: 680px;
	margin: 0;
	color: var(--mcp-muted, #557166);
	font-size: 1rem;
	line-height: 1.7;
}

.mcp-template-preview__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: start;
	gap: 30px;
}

.mcp-template-preview__item {
	min-width: 0;
}

.mcp-template-preview__item > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	min-height: 112px;
	padding: 0 4px 18px;
}

.mcp-template-preview__item > header span {
	display: block;
	font-size: 1.08rem;
	font-weight: 850;
	letter-spacing: -0.02em;
}

.mcp-template-preview__item > header p {
	margin: 6px 0 0;
	color: var(--mcp-muted, #557166);
	font-size: 0.82rem;
	line-height: 1.5;
}

.mcp-template-preview__item > header code {
	flex: 0 0 auto;
	padding: 5px 8px;
	border: 1px solid rgba(19, 121, 91, 0.16);
	border-radius: 7px;
	background: rgba(19, 121, 91, 0.06);
	color: inherit;
	font-size: 0.68rem;
}

.mcp-template-preview__phone {
	width: min(100%, 410px);
	margin-inline: auto;
}

.mcp-template-preview__frame {
	position: relative;
	padding: 9px;
	border: 1px solid #050505;
	border-radius: 42px;
	background: #050505;
	box-shadow: 0 28px 70px rgba(6, 55, 41, 0.19);
}

.mcp-template-preview__notch {
	position: absolute;
	left: 50%;
	top: 8px;
	z-index: 4;
	width: 34%;
	height: 18px;
	transform: translateX(-50%);
	border-radius: 0 0 14px 14px;
	background: #000;
}

.mcp-template-preview__screen {
	position: relative;
	overflow: hidden;
	aspect-ratio: 390 / 780;
	border-radius: 34px;
	background: #09110f;
}

.mcp-template-preview__screen img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mcp-profile-card {
	--mcp-card-accent: #13795b;
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 700px;
	border-radius: 30px;
	background: #f3f8f5;
	color: #112f26;
	font-family: inherit;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

html[data-mcp-theme="dark"] .mcp-profile-card {
	background: #071b14;
	color: #e9f6ef;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.mcp-profile-card a,
.mcp-profile-card button {
	font: inherit;
}

.mcp-profile-card a {
	text-decoration: none;
}

/* Executive ------------------------------------------------------------- */
.mcp-profile-card--executive {
	background:
		radial-gradient(circle at 100% 12%, color-mix(in srgb, var(--mcp-card-accent) 13%, transparent), transparent 26%),
		linear-gradient(180deg, #f5faf7 0%, #e9f3ee 100%);
}

html[data-mcp-theme="dark"] .mcp-profile-card--executive {
	background:
		radial-gradient(circle at 100% 12%, color-mix(in srgb, var(--mcp-card-accent) 18%, transparent), transparent 27%),
		linear-gradient(180deg, #071b14 0%, #0b241c 100%);
}

.mcp-card-cover {
	height: 185px;
	background-position: center;
	background-size: cover;
}

.mcp-card-cover.is-placeholder {
	background:
		radial-gradient(circle at 74% 24%, rgba(255,255,255,.19), transparent 16%),
		linear-gradient(135deg, color-mix(in srgb, var(--mcp-card-accent) 82%, #0b2e24), color-mix(in srgb, var(--mcp-card-accent) 44%, #72ad98));
}

.mcp-card-main {
	position: relative;
	padding: 0 22px 24px;
}

.mcp-card-avatar,
.mcp-studio-avatar,
.mcp-minimal-avatar {
	overflow: hidden;
	background: linear-gradient(145deg, color-mix(in srgb, var(--mcp-card-accent) 15%, #e7f5ee), color-mix(in srgb, var(--mcp-card-accent) 28%, #cde4d8));
	color: var(--mcp-card-accent);
}

.mcp-card-avatar {
	display: grid;
	place-items: center;
	width: 92px;
	height: 92px;
	margin-top: -46px;
	border: 5px solid #eef7f2;
	border-radius: 27px;
	box-shadow: 0 15px 30px rgba(11,63,48,.16);
	font-size: 1.2rem;
	font-weight: 900;
}

html[data-mcp-theme="dark"] .mcp-card-avatar {
	border-color: #0a2119;
}

.mcp-card-avatar img,
.mcp-studio-avatar img,
.mcp-minimal-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mcp-card-identity {
	position: relative;
	margin-top: 16px;
}

.mcp-card-logo {
	position: absolute;
	right: 0;
	top: 1px;
	max-width: 76px;
	max-height: 34px;
	object-fit: contain;
}

.mcp-card-identity h2 {
	max-width: calc(100% - 82px);
	margin: 0;
	font-size: 1.62rem;
	line-height: 1.04;
	letter-spacing: -0.045em;
}

.mcp-card-role,
.mcp-card-location,
.mcp-card-bio {
	color: #597067;
}

html[data-mcp-theme="dark"] .mcp-card-role,
html[data-mcp-theme="dark"] .mcp-card-location,
html[data-mcp-theme="dark"] .mcp-card-bio {
	color: #9bb8ab;
}

.mcp-card-role {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 7px 0 0;
	font-size: 0.83rem;
	font-weight: 720;
}

.mcp-card-location {
	margin: 5px 0 0;
	font-size: 0.72rem;
}

.mcp-card-bio {
	margin: 16px 0 0;
	font-size: 0.83rem;
	line-height: 1.58;
}

.mcp-card-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin-top: 18px;
}

.mcp-card-actions a {
	display: grid;
	place-items: center;
	min-height: 40px;
	padding: 8px;
	border: 1px solid color-mix(in srgb, var(--mcp-card-accent) 22%, #c9dcd3);
	border-radius: 12px;
	background: rgba(255,255,255,.52);
	color: #173c30;
	font-size: 0.72rem;
	font-weight: 800;
}

html[data-mcp-theme="dark"] .mcp-card-actions a {
	background: rgba(255,255,255,.035);
	color: #e3f2eb;
}

.mcp-card-tags,
.mcp-studio-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 16px;
}

.mcp-card-tags span,
.mcp-studio-tags span {
	padding: 6px 9px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mcp-card-accent) 9%, transparent);
	color: color-mix(in srgb, var(--mcp-card-accent) 86%, #0a2c22);
	font-size: 0.64rem;
	font-weight: 760;
}

html[data-mcp-theme="dark"] .mcp-card-tags span,
html[data-mcp-theme="dark"] .mcp-studio-tags span {
	color: color-mix(in srgb, var(--mcp-card-accent) 38%, #dff7ec);
}

.mcp-card-save {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 18px;
	padding: 13px 14px;
	border-radius: 15px;
	background: color-mix(in srgb, var(--mcp-card-accent) 10%, rgba(255,255,255,.6));
}

.mcp-card-save strong,
.mcp-card-save span {
	display: block;
}

.mcp-card-save strong {
	font-size: 0.78rem;
}

.mcp-card-save span {
	margin-top: 3px;
	color: #60756c;
	font-size: 0.62rem;
}

html[data-mcp-theme="dark"] .mcp-card-save span {
	color: #9bb8ab;
}

.mcp-card-save button,
.mcp-card-save-action {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 11px;
	background: var(--mcp-card-accent);
	color: #fff;
	font-size: 1rem;
	font-weight: 900;
	text-decoration: none;
}

.mcp-card-save button:disabled,
.mcp-studio-save:disabled,
.mcp-minimal-actions button:disabled {
	cursor: default;
	opacity: .78;
}

.mcp-card-links,
.mcp-studio-links,
.mcp-minimal-links {
	display: grid;
	gap: 0;
	margin-top: 12px;
}

.mcp-card-links a,
.mcp-studio-links a,
.mcp-minimal-links a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 39px;
	border-top: 1px solid rgba(39,79,64,.11);
	color: inherit;
	font-size: 0.72rem;
	font-weight: 720;
}

html[data-mcp-theme="dark"] .mcp-card-links a,
html[data-mcp-theme="dark"] .mcp-studio-links a,
html[data-mcp-theme="dark"] .mcp-minimal-links a {
	border-color: rgba(210,240,226,.09);
}

/* Studio ---------------------------------------------------------------- */
.mcp-profile-card--studio {
	background: #f1ede7;
	color: #2d2823;
}

html[data-mcp-theme="dark"] .mcp-profile-card--studio {
	background: #191511;
	color: #f5eee7;
}

.mcp-studio-hero {
	position: relative;
	height: 330px;
	background-position: center;
	background-size: cover;
}

.mcp-studio-hero.is-placeholder {
	background:
		radial-gradient(circle at 74% 22%, rgba(255,244,224,.26), transparent 17%),
		linear-gradient(145deg, color-mix(in srgb, var(--mcp-card-accent) 74%, #30251e), color-mix(in srgb, var(--mcp-card-accent) 44%, #d4ae88));
}

.mcp-studio-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(23,18,14,.04) 24%, rgba(23,18,14,.80) 100%);
}

.mcp-studio-avatar {
	position: absolute;
	left: 22px;
	top: 26px;
	display: grid;
	place-items: center;
	width: 76px;
	height: 76px;
	border: 3px solid rgba(255,255,255,.62);
	border-radius: 50%;
	box-shadow: 0 12px 30px rgba(25,17,11,.21);
	font-size: 1rem;
	font-weight: 900;
}

.mcp-studio-heading {
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 22px;
	z-index: 2;
	color: #fff;
}

.mcp-studio-heading > span {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.mcp-studio-heading h2 {
	margin: 0;
	font-size: 2.1rem;
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.mcp-studio-heading p {
	margin: 8px 0 0;
	font-size: 0.86rem;
	font-weight: 650;
	opacity: .88;
}

.mcp-studio-main {
	padding: 22px;
}

.mcp-studio-bio {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.62;
}

.mcp-studio-primary-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px;
	margin-top: 20px;
}

.mcp-studio-primary-actions a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 46px;
	padding: 10px 13px;
	border: 1px solid rgba(74,57,45,.16);
	border-radius: 13px;
	color: inherit;
	font-size: 0.73rem;
	font-weight: 800;
}

.mcp-studio-primary-actions a.is-primary {
	border-color: transparent;
	background: var(--mcp-card-accent);
	color: #fff;
}

html[data-mcp-theme="dark"] .mcp-studio-primary-actions a {
	border-color: rgba(242,226,211,.12);
}

.mcp-studio-contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 18px;
}

.mcp-studio-contact-grid > * {
	min-width: 0;
	padding: 12px;
	border-radius: 13px;
	background: rgba(255,255,255,.40);
	color: inherit;
}

html[data-mcp-theme="dark"] .mcp-studio-contact-grid > * {
	background: rgba(255,255,255,.035);
}

.mcp-studio-contact-grid small,
.mcp-studio-contact-grid strong {
	display: block;
}

.mcp-studio-contact-grid small {
	margin-bottom: 4px;
	font-size: 0.61rem;
	opacity: .62;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.mcp-studio-contact-grid strong {
	overflow-wrap: anywhere;
	font-size: 0.69rem;
	line-height: 1.35;
}

.mcp-studio-save {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	margin-top: 14px;
	padding: 7px 11px;
	border: 1px solid color-mix(in srgb, var(--mcp-card-accent) 32%, transparent);
	border-radius: 14px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--mcp-card-accent) 12%, #fffaf6), color-mix(in srgb, var(--mcp-card-accent) 6%, #f7f1eb));
	color: #3b2b22;
	font-size: 0.76rem;
	font-weight: 760;
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}

.mcp-studio-save > span {
	display: grid;
	place-items: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: var(--mcp-card-accent);
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
}

html[data-mcp-theme="dark"] .mcp-studio-save {
	border-color: color-mix(in srgb, var(--mcp-card-accent) 38%, transparent);
	background: linear-gradient(90deg, color-mix(in srgb, var(--mcp-card-accent) 18%, #251b16), color-mix(in srgb, var(--mcp-card-accent) 8%, #191511));
	color: #f5eee7;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.mcp-studio-save:disabled {
	opacity: 1;
}

/* Minimal --------------------------------------------------------------- */
.mcp-profile-card--minimal {
	background:
		linear-gradient(90deg, var(--mcp-card-accent) 0 8px, transparent 8px),
		linear-gradient(180deg, #f8fbfa 0%, #eef4f2 100%);
}

html[data-mcp-theme="dark"] .mcp-profile-card--minimal {
	background:
		linear-gradient(90deg, var(--mcp-card-accent) 0 8px, transparent 8px),
		linear-gradient(180deg, #081712 0%, #0b2019 100%);
}

.mcp-minimal-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 50px 26px 0 34px;
}

.mcp-minimal-avatar {
	display: grid;
	place-items: center;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	box-shadow: 0 14px 30px rgba(18,55,44,.13);
	font-size: 1.1rem;
	font-weight: 900;
}

.mcp-minimal-logo {
	max-width: 96px;
	max-height: 42px;
	object-fit: contain;
}

.mcp-minimal-main {
	padding: 22px 26px 28px 34px;
}

.mcp-minimal-kicker {
	margin: 0 0 9px;
	color: var(--mcp-card-accent);
	font-size: 0.69rem;
	font-weight: 850;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.mcp-minimal-main h2 {
	margin: 0;
	font-size: 2.22rem;
	line-height: 0.98;
	letter-spacing: -0.06em;
}

.mcp-minimal-role {
	margin: 8px 0 0;
	font-size: 0.88rem;
	font-weight: 720;
}

.mcp-minimal-bio {
	margin: 20px 0 0;
	color: #597067;
	font-size: 0.86rem;
	line-height: 1.65;
}

html[data-mcp-theme="dark"] .mcp-minimal-bio {
	color: #9cb8ac;
}

.mcp-minimal-actions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-top: 22px;
}

.mcp-minimal-actions a,
.mcp-minimal-actions button {
	display: grid;
	place-items: center;
	min-height: 42px;
	border: 1px solid rgba(30,69,54,.17);
	border-radius: 11px;
	background: transparent;
	color: inherit;
	font-size: 0.72rem;
	font-weight: 800;
}

html[data-mcp-theme="dark"] .mcp-minimal-actions a,
html[data-mcp-theme="dark"] .mcp-minimal-actions button {
	border-color: rgba(216,239,228,.12);
}

.mcp-minimal-actions .is-primary {
	border-color: transparent;
	background: var(--mcp-card-accent);
	color: #fff;
}

.mcp-minimal-divider {
	height: 1px;
	margin: 25px 0 7px;
	background: rgba(30,69,54,.12);
}

html[data-mcp-theme="dark"] .mcp-minimal-divider {
	background: rgba(216,239,228,.10);
}

.mcp-minimal-details {
	margin: 0;
}

.mcp-minimal-details > div {
	display: grid;
	grid-template-columns: 82px 1fr;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid rgba(30,69,54,.09);
}

html[data-mcp-theme="dark"] .mcp-minimal-details > div {
	border-color: rgba(216,239,228,.08);
}

.mcp-minimal-details dt {
	color: #6b8178;
	font-size: 0.65rem;
	font-weight: 760;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.mcp-minimal-details dd {
	margin: 0;
	overflow-wrap: anywhere;
	font-size: 0.74rem;
	font-weight: 700;
}



/* Spotlight ------------------------------------------------------------- */
.mcp-profile-card--spotlight {
	background:
		radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--mcp-card-accent) 20%, transparent), transparent 28%),
		linear-gradient(180deg, #fcf9ff 0%, #f4eefc 100%);
	color: #271d34;
}
html[data-mcp-theme="dark"] .mcp-profile-card--spotlight {
	background:
		radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--mcp-card-accent) 26%, transparent), transparent 30%),
		linear-gradient(180deg, #130f1a 0%, #1b1427 100%);
	color: #f6eefc;
}
.mcp-spotlight-top { display: grid; grid-template-columns: 1fr 140px; gap: 16px; padding: 24px 24px 0; }
.mcp-spotlight-kicker,
.mcp-aura-kicker { display:inline-flex; align-items:center; min-height:28px; padding:6px 11px; border-radius:999px; background: color-mix(in srgb, var(--mcp-card-accent) 14%, transparent); color: var(--mcp-card-accent); font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mcp-spotlight-copy h2,
.mcp-skyline-head h2,
.mcp-dossier-identity h2,
.mcp-founder-top h2,
.mcp-aura-main h2,
.mcp-frame-copy h2,
.mcp-slate-head h2,
.mcp-horizon-head h2,
.mcp-signature-head h2 { margin: 12px 0 0; font-size: 2.02rem; line-height: .98; letter-spacing: -.055em; }
.mcp-spotlight-role,
.mcp-skyline-head p,
.mcp-dossier-identity p,
.mcp-founder-top p,
.mcp-aura-role,
.mcp-frame-copy p,
.mcp-slate-head p,
.mcp-horizon-head p,
.mcp-signature-head p { margin: 8px 0 0; font-size: .86rem; font-weight: 720; }
.mcp-spotlight-bio,
.mcp-skyline-bio,
.mcp-dossier-bio,
.mcp-founder-bio,
.mcp-aura-bio,
.mcp-frame-bio,
.mcp-slate-bio,
.mcp-horizon-bio,
.mcp-signature-bio { margin: 16px 0 0; font-size: .83rem; line-height: 1.62; color: #5f6576; }
html[data-mcp-theme="dark"] .mcp-spotlight-bio,
html[data-mcp-theme="dark"] .mcp-skyline-bio,
html[data-mcp-theme="dark"] .mcp-dossier-bio,
html[data-mcp-theme="dark"] .mcp-founder-bio,
html[data-mcp-theme="dark"] .mcp-aura-bio,
html[data-mcp-theme="dark"] .mcp-frame-bio,
html[data-mcp-theme="dark"] .mcp-slate-bio,
html[data-mcp-theme="dark"] .mcp-horizon-bio,
html[data-mcp-theme="dark"] .mcp-signature-bio { color: #afb4c6; }
.mcp-spotlight-avatar { width: 128px; height: 160px; margin-top: 6px; justify-self: end; overflow: hidden; border-radius: 28px; background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--mcp-card-accent) 18%, #f0eaf7)); box-shadow: 0 18px 30px rgba(42,27,62,.12); }
.mcp-spotlight-avatar img,
.mcp-skyline-avatar img,
.mcp-dossier-avatar img,
.mcp-founder-avatar img,
.mcp-aura-avatar img,
.mcp-frame-avatar img,
.mcp-slate-avatar img,
.mcp-horizon-avatar img,
.mcp-signature-avatar img { width:100%; height:100%; object-fit: cover; }
.mcp-spotlight-strip { height: 116px; margin: 18px 24px 0; border-radius: 24px; background-position:center; background-size:cover; }
.mcp-spotlight-strip.is-placeholder { background:
	linear-gradient(130deg, color-mix(in srgb, var(--mcp-card-accent) 85%, #241233), color-mix(in srgb, var(--mcp-card-accent) 38%, #f7d8ff)),
	radial-gradient(circle at 15% 50%, rgba(255,255,255,.16), transparent 19%),
	radial-gradient(circle at 82% 44%, rgba(255,255,255,.18), transparent 20%);
}
.mcp-spotlight-main { padding: 20px 24px 24px; }
.mcp-spotlight-actions,
.mcp-skyline-actions,
.mcp-dossier-actions,
.mcp-frame-actions,
.mcp-horizon-actions,
.mcp-signature-cta,
.mcp-slate-actions,
.mcp-aura-actions,
.mcp-founder-panels { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin-top: 2px; }
.mcp-spotlight-actions a,
.mcp-skyline-actions a,
.mcp-dossier-actions a,
.mcp-frame-actions a,
.mcp-horizon-actions a,
.mcp-signature-cta a,
.mcp-slate-actions a,
.mcp-aura-actions a,
.mcp-founder-panels a { display:flex; align-items:center; justify-content:center; min-height: 42px; padding: 10px 12px; border:1px solid rgba(56,45,76,.13); border-radius: 14px; color: inherit; font-size:.72rem; font-weight:800; text-decoration:none; }
.mcp-spotlight-actions .is-primary,
.mcp-skyline-actions .is-primary,
.mcp-dossier-actions .is-primary,
.mcp-frame-actions .is-primary,
.mcp-horizon-actions .is-primary,
.mcp-signature-cta .is-primary,
.mcp-slate-actions .is-primary,
.mcp-aura-actions .is-primary,
.mcp-founder-panels .is-primary { border-color: transparent; background: var(--mcp-card-accent); color:#fff; }
.mcp-spotlight-tags,
.mcp-skyline-tags,
.mcp-dossier-tags,
.mcp-aura-tags,
.mcp-horizon-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top: 16px; }
.mcp-spotlight-tags span,
.mcp-skyline-tags span,
.mcp-dossier-tags span,
.mcp-founder-metrics span,
.mcp-aura-tags span,
.mcp-horizon-tags span { padding:6px 10px; border-radius:999px; background: color-mix(in srgb, var(--mcp-card-accent) 10%, transparent); color: color-mix(in srgb, var(--mcp-card-accent) 78%, #281e37); font-size:.64rem; font-weight:760; }
.mcp-spotlight-contact-grid,
.mcp-skyline-panels,
.mcp-founder-facts,
.mcp-frame-bottom,
.mcp-horizon-stats,
.mcp-signature-details { display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin-top: 16px; }
.mcp-spotlight-contact-grid > *,
.mcp-skyline-panels > *,
.mcp-founder-facts > *,
.mcp-frame-bottom > *,
.mcp-horizon-stats > *,
.mcp-signature-details > * { display:block; min-width:0; padding: 13px 14px; border-radius: 15px; background: rgba(255,255,255,.48); color:inherit; text-decoration:none; }
html[data-mcp-theme="dark"] .mcp-spotlight-contact-grid > *,
html[data-mcp-theme="dark"] .mcp-skyline-panels > *,
html[data-mcp-theme="dark"] .mcp-founder-facts > *,
html[data-mcp-theme="dark"] .mcp-frame-bottom > *,
html[data-mcp-theme="dark"] .mcp-horizon-stats > *,
html[data-mcp-theme="dark"] .mcp-signature-details > * { background: rgba(255,255,255,.045); }
.mcp-spotlight-contact-grid small,
.mcp-spotlight-contact-grid strong,
.mcp-skyline-panels small,
.mcp-skyline-panels strong,
.mcp-founder-facts small,
.mcp-founder-facts strong,
.mcp-frame-bottom small,
.mcp-frame-bottom strong,
.mcp-horizon-stats small,
.mcp-horizon-stats strong,
.mcp-signature-details small,
.mcp-signature-details strong { display:block; }
.mcp-spotlight-contact-grid small,
.mcp-skyline-panels small,
.mcp-founder-facts small,
.mcp-frame-bottom small,
.mcp-horizon-stats small,
.mcp-signature-details small { margin-bottom:4px; opacity:.68; font-size:.61rem; letter-spacing:.08em; text-transform:uppercase; }
.mcp-spotlight-contact-grid strong,
.mcp-skyline-panels strong,
.mcp-founder-facts strong,
.mcp-frame-bottom strong,
.mcp-horizon-stats strong,
.mcp-signature-details strong { overflow-wrap:anywhere; font-size:.72rem; line-height:1.35; }
.mcp-spotlight-links,
.mcp-skyline-links,
.mcp-dossier-links,
.mcp-founder-links,
.mcp-aura-links,
.mcp-frame-links,
.mcp-slate-links,
.mcp-horizon-links,
.mcp-signature-links { display:grid; gap:0; margin-top: 14px; }
.mcp-spotlight-links a,
.mcp-skyline-links a,
.mcp-dossier-links a,
.mcp-founder-links a,
.mcp-aura-links a,
.mcp-frame-links a,
.mcp-slate-links a,
.mcp-horizon-links a,
.mcp-signature-links a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; border-top:1px solid rgba(54,62,83,.10); color:inherit; font-size:.72rem; font-weight:720; text-decoration:none; }
html[data-mcp-theme="dark"] .mcp-spotlight-links a,
html[data-mcp-theme="dark"] .mcp-skyline-links a,
html[data-mcp-theme="dark"] .mcp-dossier-links a,
html[data-mcp-theme="dark"] .mcp-founder-links a,
html[data-mcp-theme="dark"] .mcp-aura-links a,
html[data-mcp-theme="dark"] .mcp-frame-links a,
html[data-mcp-theme="dark"] .mcp-slate-links a,
html[data-mcp-theme="dark"] .mcp-horizon-links a,
html[data-mcp-theme="dark"] .mcp-signature-links a { border-color: rgba(220,230,255,.08); }

/* Skyline --------------------------------------------------------------- */
.mcp-profile-card--skyline {
	background: linear-gradient(180deg, #f3f7fc 0%, #edf3f9 100%);
	color: #1c2f46;
}
html[data-mcp-theme="dark"] .mcp-profile-card--skyline { background: linear-gradient(180deg, #0d1724 0%, #102034 100%); color:#eef6ff; }
.mcp-skyline-hero { position:relative; height: 215px; background-position:center; background-size:cover; }
.mcp-skyline-hero.is-placeholder { background:
	linear-gradient(145deg, color-mix(in srgb, var(--mcp-card-accent) 74%, #0a203f), color-mix(in srgb, var(--mcp-card-accent) 30%, #89b8ea)),
	linear-gradient(180deg, rgba(255,255,255,.22), transparent 60%);
}
.mcp-skyline-overlay, .mcp-horizon-overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(8,14,28,.06) 10%, rgba(8,14,28,.72) 100%); }
.mcp-skyline-badge { position:absolute; left:20px; top:20px; z-index:2; display:inline-flex; min-height: 32px; padding:8px 12px; border-radius:999px; background: rgba(255,255,255,.16); color:#fff; font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; backdrop-filter: blur(8px); }
.mcp-skyline-main { position:relative; padding: 0 22px 22px; }
.mcp-skyline-head { display:grid; grid-template-columns: 92px 1fr; gap:14px; align-items:end; margin-top:-36px; position:relative; z-index:3; }
.mcp-skyline-avatar { width:92px; height:92px; overflow:hidden; border:4px solid #eff5fb; border-radius:24px; background: #d9e8f7; }
html[data-mcp-theme="dark"] .mcp-skyline-avatar { border-color:#102034; }
.mcp-skyline-head span { display:block; margin-top:4px; color:#667893; font-size:.7rem; }
html[data-mcp-theme="dark"] .mcp-skyline-head span { color:#abc2dc; }

/* Dossier --------------------------------------------------------------- */
.mcp-profile-card--dossier {
	background:
		linear-gradient(180deg, #fbf7ef 0%, #f3ede2 100%);
	color:#34261a;
}
html[data-mcp-theme="dark"] .mcp-profile-card--dossier { background: linear-gradient(180deg, #17120d 0%, #21180f 100%); color:#f8f0e2; }
.mcp-dossier-main { padding:24px; }
.mcp-dossier-head { display:grid; grid-template-columns: 82px 1fr; gap:16px; align-items:center; }
.mcp-dossier-avatar { width:82px; height:104px; overflow:hidden; border-radius:22px; background: linear-gradient(180deg,#fff,color-mix(in srgb, var(--mcp-card-accent) 18%, #f3ead8)); box-shadow:0 14px 26px rgba(53,39,25,.12); }
.mcp-dossier-identity span,
.mcp-frame-copy span,
.mcp-slate-head span,
.mcp-horizon-head span,
.mcp-signature-head span { display:block; color: var(--mcp-card-accent); font-size:.68rem; font-weight:820; letter-spacing:.08em; text-transform:uppercase; }
.mcp-dossier-actions { margin-top:18px; }
.mcp-dossier-details { margin:18px 0 0; }
.mcp-dossier-details > div,
.mcp-slate-details > div { display:grid; grid-template-columns: 72px 1fr; gap:10px; padding:10px 0; border-bottom:1px solid rgba(63,49,34,.10); }
html[data-mcp-theme="dark"] .mcp-dossier-details > div,
html[data-mcp-theme="dark"] .mcp-slate-details > div { border-color: rgba(240,221,196,.10); }
.mcp-dossier-details dt,
.mcp-slate-details dt { color:#877763; font-size:.63rem; font-weight:760; letter-spacing:.07em; text-transform:uppercase; }
.mcp-dossier-details dd,
.mcp-slate-details dd { margin:0; font-size:.73rem; font-weight:700; overflow-wrap:anywhere; }

/* Founder --------------------------------------------------------------- */
.mcp-profile-card--founder {
	background:
		radial-gradient(circle at 90% -10%, color-mix(in srgb, var(--mcp-card-accent) 22%, transparent), transparent 32%),
		linear-gradient(180deg, #f6f9ff 0%, #eef4ff 100%);
	color:#11243f;
}
html[data-mcp-theme="dark"] .mcp-profile-card--founder { background: linear-gradient(180deg, #08111f 0%, #0d1b32 100%); color:#ecf3ff; }
.mcp-founder-top { display:grid; grid-template-columns: 1fr 88px; gap: 16px; align-items:start; padding:24px 24px 0; }
.mcp-founder-avatar { width:88px; height:88px; overflow:hidden; border-radius:22px; background:#d5e6ff; }
.mcp-founder-bio { padding:0 24px; }
.mcp-founder-metrics { display:flex; flex-wrap:wrap; gap:8px; padding:0 24px; margin-top: 16px; }
.mcp-founder-panels { padding:0 24px; margin-top: 18px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.mcp-founder-facts { padding:0 24px; }
.mcp-founder-links { padding:0 24px 24px; }

/* Aura ------------------------------------------------------------------ */
.mcp-profile-card--aura {
	background:
		radial-gradient(circle at 50% 6%, rgba(255,255,255,.78), transparent 30%),
		linear-gradient(180deg, #fff6fb 0%, #f8edf5 100%);
	color:#301e34;
}
html[data-mcp-theme="dark"] .mcp-profile-card--aura { background: linear-gradient(180deg, #17101a 0%, #241627 100%); color:#fff0fa; }
.mcp-aura-orb { position:absolute; left:50%; top:-74px; width:220px; height:220px; transform:translateX(-50%); border-radius:50%; background: radial-gradient(circle, color-mix(in srgb, var(--mcp-card-accent) 40%, rgba(255,255,255,.94)) 0, transparent 68%); pointer-events:none; }
.mcp-aura-main { position:relative; z-index:2; padding: 34px 24px 24px; text-align:center; }
.mcp-aura-avatar { width:116px; height:116px; margin: 6px auto 18px; overflow:hidden; border-radius:34px; border:4px solid rgba(255,255,255,.8); background: #f5e7ee; box-shadow: 0 20px 38px rgba(73,26,56,.16); }
.mcp-aura-actions { grid-template-columns: repeat(3, minmax(0,1fr)); margin-top: 18px; }
.mcp-aura-links { text-align:left; }

/* Frame ----------------------------------------------------------------- */
.mcp-profile-card--frame {
	background: linear-gradient(180deg, #fffaf6 0%, #f7f0ea 100%);
	color:#33271f;
}
html[data-mcp-theme="dark"] .mcp-profile-card--frame { background: linear-gradient(180deg, #17110d 0%, #231813 100%); color:#fff4eb; }
.mcp-frame-cover { height: 192px; background-position:center; background-size:cover; }
.mcp-frame-cover.is-placeholder { background:
	linear-gradient(145deg, color-mix(in srgb, var(--mcp-card-accent) 82%, #381f19), color-mix(in srgb, var(--mcp-card-accent) 36%, #ffd3bf)),
	radial-gradient(circle at 18% 28%, rgba(255,255,255,.18), transparent 18%),
	radial-gradient(circle at 80% 75%, rgba(255,255,255,.14), transparent 24%);
}
.mcp-frame-main { padding: 0 24px 24px; }
.mcp-frame-avatar { width:86px; height:86px; margin-top:-43px; overflow:hidden; border:4px solid #fbf5ef; border-radius:24px; background:#fbe9df; box-shadow: 0 16px 28px rgba(61,34,21,.14); }
html[data-mcp-theme="dark"] .mcp-frame-avatar { border-color:#231813; }
.mcp-frame-copy { margin-top: 16px; }
.mcp-frame-actions { margin-top: 18px; grid-template-columns: 1fr 1fr; }

/* Slate ----------------------------------------------------------------- */
.mcp-profile-card--slate {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--mcp-card-accent) 100%, #445) 0 10px, transparent 10px),
		linear-gradient(180deg, #f5f7fa 0%, #edf1f6 100%);
	color:#202a35;
}
html[data-mcp-theme="dark"] .mcp-profile-card--slate { background: linear-gradient(90deg, var(--mcp-card-accent) 0 10px, transparent 10px), linear-gradient(180deg, #0f161f 0%, #151e2b 100%); color:#eef3fb; }
.mcp-slate-panel { padding: 26px 26px 26px 34px; }
.mcp-slate-head { display:grid; grid-template-columns: 76px 1fr; gap:14px; align-items:center; }
.mcp-slate-avatar { width:76px; height:76px; overflow:hidden; border-radius:18px; background:#dbe4ed; }
.mcp-slate-actions { margin-top: 20px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.mcp-slate-details { margin: 18px 0 0; }

/* Horizon --------------------------------------------------------------- */
.mcp-profile-card--horizon { background: linear-gradient(180deg, #f3fbfb 0%, #ebf6f5 100%); color:#173133; }
html[data-mcp-theme="dark"] .mcp-profile-card--horizon { background: linear-gradient(180deg, #081616 0%, #0d2424 100%); color:#e8fffd; }
.mcp-horizon-hero { position:relative; height: 252px; background-position:center; background-size:cover; }
.mcp-horizon-hero.is-placeholder { background:
	linear-gradient(145deg, color-mix(in srgb, var(--mcp-card-accent) 76%, #063839), color-mix(in srgb, var(--mcp-card-accent) 30%, #9df0e7));
}
.mcp-horizon-head { position:absolute; left:22px; right:22px; bottom:22px; z-index:2; display:grid; grid-template-columns: 84px 1fr; gap:14px; align-items:end; color:#fff; }
.mcp-horizon-avatar { width:84px; height:84px; overflow:hidden; border-radius:22px; border:3px solid rgba(255,255,255,.62); background: rgba(255,255,255,.18); }
.mcp-horizon-main { padding: 22px; }
.mcp-horizon-actions { margin-top: 18px; }

/* Signature ------------------------------------------------------------- */
.mcp-profile-card--signature {
	background:
		radial-gradient(circle at 100% 0, color-mix(in srgb, var(--mcp-card-accent) 14%, transparent), transparent 26%),
		linear-gradient(180deg, #0f1218 0%, #151a23 100%);
	color:#f4f0e9;
}
.mcp-signature-main { padding: 28px 24px 24px; }
.mcp-signature-head { display:grid; grid-template-columns: 86px 1fr; gap:16px; align-items:center; }
.mcp-signature-avatar { width:86px; height:104px; overflow:hidden; border-radius:22px; border:1px solid rgba(255,255,255,.14); background:#242b37; }
.mcp-signature-bio { color:#c7c0b6; }
.mcp-signature-cta { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 18px; }
.mcp-signature-details { margin-top: 16px; }
.mcp-signature-details > * { background: rgba(255,255,255,.03); }
.mcp-signature-links a { border-color: rgba(255,255,255,.08); }

@media (max-width: 1480px) {
	.mcp-template-preview__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1180px) {
	.mcp-template-preview__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.mcp-template-preview {
		width: min(100% - 28px, 680px);
		padding-top: 52px;
	}

	.mcp-template-preview__grid {
		grid-template-columns: 1fr;
		gap: 44px;
	}

	.mcp-template-preview__item > header {
		min-height: 0;
	}

	.mcp-template-preview__phone {
		width: min(100%, 390px);
	}
}


/* Shared cover images and QR blocks ------------------------------------ */
.mcp-template-cover {
	height: 132px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.mcp-template-cover.is-placeholder {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--mcp-card-accent) 78%, #233), color-mix(in srgb, var(--mcp-card-accent) 28%, #f2f2f2)),
		radial-gradient(circle at 18% 26%, rgba(255,255,255,.18), transparent 18%),
		radial-gradient(circle at 84% 34%, rgba(255,255,255,.22), transparent 22%);
}
.mcp-template-cover--minimal { height: 110px; }
.mcp-template-cover--dossier,
.mcp-template-cover--founder,
.mcp-template-cover--slate,
.mcp-template-cover--signature { height: 126px; }
.mcp-template-cover--aura { height: 148px; }
.mcp-template-qr {
	display: grid;
	grid-template-columns: 88px 1fr;
	gap: 12px;
	align-items: center;
	margin-top: 16px;
	padding: 12px;
	border-radius: 18px;
	background: rgba(255,255,255,.48);
	border: 1px solid rgba(30,38,56,.08);
}
html[data-mcp-theme="dark"] .mcp-template-qr {
	background: rgba(255,255,255,.04);
	border-color: rgba(255,255,255,.09);
}
.mcp-template-qr__image {
	width: 88px;
	height: 88px;
	padding: 8px;
	border-radius: 14px;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.05);
}
.mcp-template-qr__image img { width:100%; height:100%; display:block; }
.mcp-template-qr__copy strong,
.mcp-template-qr__copy span { display:block; }
.mcp-template-qr__copy strong { font-size:.78rem; line-height:1.3; }
.mcp-template-qr__copy span { margin-top: 4px; font-size:.69rem; opacity:.72; }

.mcp-profile-card--minimal .mcp-minimal-top,
.mcp-profile-card--dossier .mcp-dossier-main,
.mcp-profile-card--founder .mcp-founder-top,
.mcp-profile-card--slate .mcp-slate-panel,
.mcp-profile-card--signature .mcp-signature-main {
	position: relative;
}
.mcp-profile-card--minimal .mcp-minimal-avatar,
.mcp-profile-card--dossier .mcp-dossier-avatar,
.mcp-profile-card--founder .mcp-founder-avatar,
.mcp-profile-card--slate .mcp-slate-avatar,
.mcp-profile-card--signature .mcp-signature-avatar {
	margin-top: -42px;
	border: 4px solid rgba(255,255,255,.85);
	box-shadow: 0 14px 28px rgba(0,0,0,.12);
}
html[data-mcp-theme="dark"] .mcp-profile-card--minimal .mcp-minimal-avatar,
html[data-mcp-theme="dark"] .mcp-profile-card--dossier .mcp-dossier-avatar,
html[data-mcp-theme="dark"] .mcp-profile-card--founder .mcp-founder-avatar,
html[data-mcp-theme="dark"] .mcp-profile-card--slate .mcp-slate-avatar,
html[data-mcp-theme="dark"] .mcp-profile-card--signature .mcp-signature-avatar {
	border-color: rgba(18,20,26,.85);
}
.mcp-profile-card--aura .mcp-aura-avatar { margin-top: -48px; }
.mcp-profile-card--aura .mcp-aura-orb { top: 34px; }
.mcp-profile-card--founder .mcp-founder-top,
.mcp-profile-card--signature .mcp-signature-main,
.mcp-profile-card--dossier .mcp-dossier-main,
.mcp-profile-card--slate .mcp-slate-panel { padding-top: 0; }

/* Shared company brand mark -------------------------------------------- */
.mcp-template-brand-logo {
	position: absolute;
	top: 44px;
	right: 18px;
	z-index: 8;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(132px, 36%);
	min-height: 46px;
	padding: 8px 10px;
	border: 1px solid rgba(255,255,255,.66);
	border-radius: 14px;
	background: rgba(255,255,255,.90);
	box-shadow: 0 10px 26px rgba(8,25,19,.14);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.mcp-template-brand-logo img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 42px;
	object-fit: contain;
}
html[data-mcp-theme="dark"] .mcp-template-brand-logo {
	border-color: rgba(255,255,255,.14);
	background: rgba(248,251,249,.92);
}
.mcp-card-logo,
.mcp-minimal-logo {
	display: none !important;
}
.mcp-profile-card--spotlight .mcp-template-brand-logo,
.mcp-profile-card--founder .mcp-template-brand-logo,
.mcp-profile-card--signature .mcp-template-brand-logo {
	display: none;
}

/* Runtime profile palette ------------------------------------------------
 * The inline palette variables are the single appearance contract used by
 * the future builder, public renderer and live palette lab.
 * ---------------------------------------------------------------------- */
html .mcp-profile-card,
html[data-mcp-theme="dark"] .mcp-profile-card {
	color: var(--mcp-card-text);
}

html .mcp-profile-card.mcp-profile-card--executive,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--executive {
	background:
		radial-gradient(circle at 100% 12%, color-mix(in srgb, var(--mcp-card-accent) 18%, transparent), transparent 27%),
		linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 90%, var(--mcp-card-surface)), var(--mcp-card-bg));
}
html .mcp-profile-card.mcp-profile-card--studio,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--studio {
	background: var(--mcp-card-bg);
}
html .mcp-profile-card.mcp-profile-card--minimal,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--minimal {
	background:
		linear-gradient(90deg, var(--mcp-card-accent) 0 8px, transparent 8px),
		linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 88%, var(--mcp-card-surface)), var(--mcp-card-bg));
}
html .mcp-profile-card.mcp-profile-card--spotlight,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--spotlight {
	background:
		radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--mcp-card-accent) 24%, transparent), transparent 30%),
		linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 88%, var(--mcp-card-surface)), var(--mcp-card-bg));
}
html .mcp-profile-card.mcp-profile-card--skyline,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--skyline,
html .mcp-profile-card.mcp-profile-card--dossier,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--dossier,
html .mcp-profile-card.mcp-profile-card--frame,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--frame,
html .mcp-profile-card.mcp-profile-card--horizon,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--horizon {
	background: linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 86%, var(--mcp-card-surface)), var(--mcp-card-bg));
}
html .mcp-profile-card.mcp-profile-card--founder,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--founder {
	background:
		radial-gradient(circle at 90% -10%, color-mix(in srgb, var(--mcp-card-accent) 24%, transparent), transparent 32%),
		linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 88%, var(--mcp-card-surface)), var(--mcp-card-bg));
}
html .mcp-profile-card.mcp-profile-card--aura,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--aura {
	background:
		radial-gradient(circle at 50% 6%, color-mix(in srgb, var(--mcp-card-accent) 20%, transparent), transparent 32%),
		linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 86%, var(--mcp-card-surface)), var(--mcp-card-bg));
}
html .mcp-profile-card.mcp-profile-card--slate,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--slate {
	background:
		linear-gradient(90deg, var(--mcp-card-accent) 0 10px, transparent 10px),
		linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 86%, var(--mcp-card-surface)), var(--mcp-card-bg));
}
html .mcp-profile-card.mcp-profile-card--signature,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--signature {
	background:
		radial-gradient(circle at 100% 0, color-mix(in srgb, var(--mcp-card-accent) 16%, transparent), transparent 28%),
		linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 88%, var(--mcp-card-surface)), var(--mcp-card-bg));
}

html .mcp-profile-card .mcp-card-role,
html .mcp-profile-card .mcp-card-location,
html .mcp-profile-card .mcp-card-bio,
html .mcp-profile-card .mcp-minimal-bio,
html .mcp-profile-card .mcp-spotlight-bio,
html .mcp-profile-card .mcp-skyline-bio,
html .mcp-profile-card .mcp-dossier-bio,
html .mcp-profile-card .mcp-founder-bio,
html .mcp-profile-card .mcp-aura-bio,
html .mcp-profile-card .mcp-frame-bio,
html .mcp-profile-card .mcp-slate-bio,
html .mcp-profile-card .mcp-horizon-bio,
html .mcp-profile-card .mcp-signature-bio,
html .mcp-profile-card .mcp-skyline-head span,
html .mcp-profile-card .mcp-template-qr__copy span {
	color: var(--mcp-card-muted);
}

html .mcp-profile-card .mcp-card-actions a,
html .mcp-profile-card .mcp-studio-primary-actions a:not(.is-primary),
html .mcp-profile-card .mcp-minimal-actions a:not(.is-primary),
html .mcp-profile-card .mcp-minimal-actions button:not(.is-primary),
html .mcp-profile-card .mcp-spotlight-actions a:not(.is-primary),
html .mcp-profile-card .mcp-skyline-actions a:not(.is-primary),
html .mcp-profile-card .mcp-dossier-actions a:not(.is-primary),
html .mcp-profile-card .mcp-frame-actions a:not(.is-primary),
html .mcp-profile-card .mcp-horizon-actions a:not(.is-primary),
html .mcp-profile-card .mcp-slate-actions a:not(.is-primary),
html .mcp-profile-card .mcp-aura-actions a:not(.is-primary),
html .mcp-profile-card .mcp-founder-panels a:not(.is-primary),
html .mcp-profile-card .mcp-studio-contact-grid > *,
html .mcp-profile-card .mcp-spotlight-contact-grid > *,
html .mcp-profile-card .mcp-skyline-panels > *,
html .mcp-profile-card .mcp-founder-facts > *,
html .mcp-profile-card .mcp-frame-bottom > *,
html .mcp-profile-card .mcp-horizon-stats > *,
html .mcp-profile-card .mcp-signature-details > *,
html .mcp-profile-card .mcp-template-qr {
	background: var(--mcp-card-surface);
	color: var(--mcp-card-text);
	border-color: color-mix(in srgb, var(--mcp-card-text) 12%, var(--mcp-card-surface));
}

html .mcp-profile-card .mcp-card-save,
html .mcp-profile-card .mcp-studio-save {
	background: color-mix(in srgb, var(--mcp-card-accent) 12%, var(--mcp-card-surface));
	color: var(--mcp-card-text);
	border-color: color-mix(in srgb, var(--mcp-card-accent) 36%, transparent);
}

html .mcp-profile-card .mcp-card-save span,
html .mcp-profile-card .mcp-studio-contact-grid small,
html .mcp-profile-card .mcp-spotlight-contact-grid small,
html .mcp-profile-card .mcp-skyline-panels small,
html .mcp-profile-card .mcp-founder-facts small,
html .mcp-profile-card .mcp-frame-bottom small,
html .mcp-profile-card .mcp-horizon-stats small,
html .mcp-profile-card .mcp-signature-details small,
html .mcp-profile-card .mcp-dossier-details dt,
html .mcp-profile-card .mcp-slate-details dt {
	color: var(--mcp-card-muted);
}

html .mcp-profile-card .mcp-card-save button,
html .mcp-profile-card .mcp-card-save-action,
html .mcp-profile-card .mcp-studio-save > span,
html .mcp-profile-card .mcp-minimal-actions .is-primary,
html .mcp-profile-card .mcp-studio-primary-actions .is-primary,
html .mcp-profile-card .mcp-spotlight-actions .is-primary,
html .mcp-profile-card .mcp-skyline-actions .is-primary,
html .mcp-profile-card .mcp-dossier-actions .is-primary,
html .mcp-profile-card .mcp-frame-actions .is-primary,
html .mcp-profile-card .mcp-horizon-actions .is-primary,
html .mcp-profile-card .mcp-signature-cta .is-primary,
html .mcp-profile-card .mcp-slate-actions .is-primary,
html .mcp-profile-card .mcp-aura-actions .is-primary,
html .mcp-profile-card .mcp-founder-panels .is-primary {
	background: var(--mcp-card-button);
	color: var(--mcp-card-button-text);
}

html .mcp-profile-card .mcp-card-tags span,
html .mcp-profile-card .mcp-studio-tags span,
html .mcp-profile-card .mcp-spotlight-tags span,
html .mcp-profile-card .mcp-skyline-tags span,
html .mcp-profile-card .mcp-dossier-tags span,
html .mcp-profile-card .mcp-founder-metrics span,
html .mcp-profile-card .mcp-aura-tags span,
html .mcp-profile-card .mcp-horizon-tags span,
html .mcp-profile-card .mcp-minimal-kicker,
html .mcp-profile-card .mcp-dossier-identity span,
html .mcp-profile-card .mcp-frame-copy span,
html .mcp-profile-card .mcp-slate-head span,
html .mcp-profile-card .mcp-signature-head span {
	color: var(--mcp-card-accent);
}

/* Development palette lab --------------------------------------------- */
.mcp-palette-lab {
	width: min(1280px, calc(100% - 40px));
	margin: 0 auto;
	padding: 86px 0 72px;
}
.mcp-palette-lab__intro {
	max-width: 780px;
	margin-bottom: 30px;
}
.mcp-palette-lab__intro > span {
	display: inline-flex;
	padding: 6px 10px;
	border: 1px solid rgba(30,122,89,.2);
	border-radius: 999px;
	color: #18805f;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.mcp-palette-lab__intro h1 {
	margin: 14px 0 8px;
	font-size: clamp(2.2rem, 5vw, 4.6rem);
	line-height: .95;
	letter-spacing: -.06em;
}
.mcp-palette-lab__intro p { margin: 0; opacity: .72; }
.mcp-palette-lab__layout {
	display: grid;
	grid-template-columns: minmax(280px, 360px) minmax(390px, 1fr);
	gap: 46px;
	align-items: start;
}
.mcp-palette-lab__controls {
	position: sticky;
	top: 96px;
	padding: 20px;
	border: 1px solid rgba(80,110,98,.16);
	border-radius: 22px;
	background: rgba(255,255,255,.52);
	box-shadow: 0 18px 50px rgba(18,57,44,.08);
}
html[data-mcp-theme="dark"] .mcp-palette-lab__controls { background: rgba(12,38,30,.78); }
.mcp-palette-lab__controls > label {
	display: block;
	margin-bottom: 8px;
	font-size: .76rem;
	font-weight: 800;
}
.mcp-palette-lab__controls select {
	width: 100%;
	min-height: 44px;
	padding: 8px 10px;
	border-radius: 12px;
}
.mcp-palette-lab__colors { display: grid; gap: 10px; margin: 20px 0; }
.mcp-palette-lab__color {
	display: grid;
	grid-template-columns: 1fr 44px 74px;
	gap: 10px;
	align-items: center;
	min-height: 44px;
}
.mcp-palette-lab__color > span { font-size: .8rem; font-weight: 740; }
.mcp-palette-lab__color input { width: 44px; height: 36px; padding: 0; border: 0; background: transparent; }
.mcp-palette-lab__color code { font-size: .7rem; opacity: .72; }
.mcp-palette-lab__controls .button { width: 100%; min-height: 42px; }
.mcp-palette-lab__note { margin: 14px 0 0; font-size: .72rem; line-height: 1.5; opacity: .68; }
.mcp-palette-lab__preview { display: flex; justify-content: center; }
.mcp-palette-lab__phone {
	position: relative;
	width: min(100%, 430px);
	padding: 10px;
	border-radius: 44px;
	background: #050505;
	box-shadow: 0 34px 80px rgba(6,45,34,.22);
}
.mcp-palette-lab__notch {
	position: absolute;
	left: 50%;
	top: 8px;
	z-index: 9;
	width: 34%;
	height: 19px;
	transform: translateX(-50%);
	border-radius: 0 0 14px 14px;
	background: #000;
}
.mcp-palette-lab__phone > [data-mcp-palette-card] { overflow: hidden; border-radius: 34px; }
.mcp-palette-lab__phone .mcp-profile-card { width: 100%; min-height: 780px; box-shadow: none; }

@media (max-width: 860px) {
	.mcp-palette-lab__layout { grid-template-columns: 1fr; }
	.mcp-palette-lab__controls { position: static; }
}

/* Full appearance token contract ----------------------------------------
 * Every visible template colour group is independently configurable from
 * the profile builder. Uploaded photos/logos keep their own pixels; the
 * surrounding cover treatment, overlays and surfaces remain configurable.
 * ---------------------------------------------------------------------- */
html .mcp-profile-card,
html[data-mcp-theme="dark"] .mcp-profile-card {
	color: var(--mcp-card-text) !important;
}

html .mcp-profile-card h2,
html[data-mcp-theme="dark"] .mcp-profile-card h2,
html .mcp-profile-card .mcp-card-identity h2,
html[data-mcp-theme="dark"] .mcp-profile-card .mcp-card-identity h2 {
	color: var(--mcp-card-heading) !important;
}

html .mcp-profile-card .mcp-card-role,
html .mcp-profile-card .mcp-minimal-role,
html .mcp-profile-card .mcp-spotlight-role,
html .mcp-profile-card .mcp-aura-role,
html .mcp-profile-card .mcp-card-bio,
html .mcp-profile-card .mcp-minimal-bio,
html .mcp-profile-card .mcp-spotlight-bio,
html .mcp-profile-card .mcp-skyline-bio,
html .mcp-profile-card .mcp-dossier-bio,
html .mcp-profile-card .mcp-founder-bio,
html .mcp-profile-card .mcp-aura-bio,
html .mcp-profile-card .mcp-frame-bio,
html .mcp-profile-card .mcp-slate-bio,
html .mcp-profile-card .mcp-horizon-bio,
html .mcp-profile-card .mcp-signature-bio {
	color: var(--mcp-card-text) !important;
}

html .mcp-profile-card .mcp-card-location,
html .mcp-profile-card small,
html .mcp-profile-card .mcp-skyline-head > div > span,
html .mcp-profile-card .mcp-template-qr__copy span,
html .mcp-profile-card .mcp-dossier-details dt,
html .mcp-profile-card .mcp-slate-details dt {
	color: var(--mcp-card-muted) !important;
}

/* Cover placeholders and image overlays. */
html .mcp-profile-card .mcp-card-cover,
html .mcp-profile-card .mcp-template-cover,
html .mcp-profile-card .mcp-studio-hero,
html .mcp-profile-card .mcp-spotlight-strip,
html .mcp-profile-card .mcp-skyline-hero,
html .mcp-profile-card .mcp-frame-cover,
html .mcp-profile-card .mcp-horizon-hero {
	background-color: var(--mcp-card-cover);
}

html .mcp-profile-card .mcp-card-cover.is-placeholder,
html .mcp-profile-card .mcp-template-cover.is-placeholder,
html .mcp-profile-card .mcp-studio-hero.is-placeholder,
html .mcp-profile-card .mcp-spotlight-strip.is-placeholder,
html .mcp-profile-card .mcp-skyline-hero.is-placeholder,
html .mcp-profile-card .mcp-frame-cover.is-placeholder,
html .mcp-profile-card .mcp-horizon-hero.is-placeholder {
	background-image: linear-gradient(135deg, var(--mcp-card-cover), var(--mcp-card-cover-alt)) !important;
}

html .mcp-profile-card .mcp-studio-overlay,
html .mcp-profile-card .mcp-skyline-overlay,
html .mcp-profile-card .mcp-horizon-overlay {
	background: linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-cover) 12%, transparent), color-mix(in srgb, var(--mcp-card-cover-alt) 68%, transparent)) !important;
}

html .mcp-profile-card .mcp-skyline-badge {
	color: var(--mcp-card-cover-text) !important;
}

/* Avatar placeholder and frame. */
html .mcp-profile-card .mcp-card-avatar,
html .mcp-profile-card .mcp-studio-avatar,
html .mcp-profile-card .mcp-minimal-avatar,
html .mcp-profile-card .mcp-spotlight-avatar,
html .mcp-profile-card .mcp-skyline-avatar,
html .mcp-profile-card .mcp-dossier-avatar,
html .mcp-profile-card .mcp-founder-avatar,
html .mcp-profile-card .mcp-aura-avatar,
html .mcp-profile-card .mcp-frame-avatar,
html .mcp-profile-card .mcp-slate-avatar,
html .mcp-profile-card .mcp-horizon-avatar,
html .mcp-profile-card .mcp-signature-avatar {
	background: var(--mcp-card-avatar) !important;
	color: var(--mcp-card-avatar-text) !important;
	border-color: var(--mcp-card-border) !important;
}

html .mcp-profile-card .mcp-card-avatar > span,
html .mcp-profile-card .mcp-studio-avatar > span,
html .mcp-profile-card .mcp-minimal-avatar > span,
html .mcp-profile-card .mcp-spotlight-avatar > span,
html .mcp-profile-card .mcp-skyline-avatar > span,
html .mcp-profile-card .mcp-dossier-avatar > span,
html .mcp-profile-card .mcp-founder-avatar > span,
html .mcp-profile-card .mcp-aura-avatar > span,
html .mcp-profile-card .mcp-frame-avatar > span,
html .mcp-profile-card .mcp-slate-avatar > span,
html .mcp-profile-card .mcp-horizon-avatar > span,
html .mcp-profile-card .mcp-signature-avatar > span {
	color: var(--mcp-card-avatar-text) !important;
}

/* Logo backing surface. */
html .mcp-profile-card .mcp-template-brand-logo {
	background: var(--mcp-card-surface-alt) !important;
	border-color: var(--mcp-card-border) !important;
}

/* Main and secondary surfaces. */
html .mcp-profile-card .mcp-card-actions a,
html .mcp-profile-card .mcp-studio-contact-grid > *,
html .mcp-profile-card .mcp-spotlight-contact-grid > *,
html .mcp-profile-card .mcp-skyline-panels > *,
html .mcp-profile-card .mcp-founder-facts > *,
html .mcp-profile-card .mcp-frame-bottom > *,
html .mcp-profile-card .mcp-horizon-stats > *,
html .mcp-profile-card .mcp-signature-details > *,
html .mcp-profile-card .mcp-dossier-details > div,
html .mcp-profile-card .mcp-slate-details > div,
html .mcp-profile-card .mcp-minimal-details > div {
	background: var(--mcp-card-surface-alt) !important;
	border-color: var(--mcp-card-border) !important;
	color: var(--mcp-card-text) !important;
}

html .mcp-profile-card .mcp-card-main,
html .mcp-profile-card .mcp-studio-main,
html .mcp-profile-card .mcp-minimal-main,
html .mcp-profile-card .mcp-spotlight-main,
html .mcp-profile-card .mcp-skyline-main,
html .mcp-profile-card .mcp-dossier-main,
html .mcp-profile-card .mcp-aura-main,
html .mcp-profile-card .mcp-frame-main,
html .mcp-profile-card .mcp-slate-panel,
html .mcp-profile-card .mcp-horizon-main,
html .mcp-profile-card .mcp-signature-main {
	color: var(--mcp-card-text) !important;
}

/* Primary buttons. */
html .mcp-profile-card .is-primary,
html .mcp-profile-card .mcp-card-save button,
html .mcp-profile-card .mcp-card-save-action {
	background: var(--mcp-card-button) !important;
	border-color: var(--mcp-card-button) !important;
	color: var(--mcp-card-button-text) !important;
}

/* Secondary buttons/actions. */
html .mcp-profile-card .mcp-card-actions a,
html .mcp-profile-card .mcp-studio-primary-actions a:not(.is-primary),
html .mcp-profile-card .mcp-minimal-actions a:not(.is-primary),
html .mcp-profile-card .mcp-minimal-actions button:not(.is-primary),
html .mcp-profile-card .mcp-spotlight-actions a:not(.is-primary),
html .mcp-profile-card .mcp-skyline-actions a:not(.is-primary),
html .mcp-profile-card .mcp-dossier-actions a:not(.is-primary),
html .mcp-profile-card .mcp-frame-actions a:not(.is-primary),
html .mcp-profile-card .mcp-horizon-actions a:not(.is-primary),
html .mcp-profile-card .mcp-slate-actions a:not(.is-primary),
html .mcp-profile-card .mcp-aura-actions a:not(.is-primary),
html .mcp-profile-card .mcp-founder-panels a:not(.is-primary) {
	background: var(--mcp-card-secondary-button) !important;
	color: var(--mcp-card-secondary-button-text) !important;
	border-color: var(--mcp-card-border) !important;
}

/* Chips/tags. */
html .mcp-profile-card .mcp-card-tags span,
html .mcp-profile-card .mcp-studio-tags span,
html .mcp-profile-card .mcp-spotlight-tags span,
html .mcp-profile-card .mcp-skyline-tags span,
html .mcp-profile-card .mcp-dossier-tags span,
html .mcp-profile-card .mcp-founder-metrics span,
html .mcp-profile-card .mcp-aura-tags span,
html .mcp-profile-card .mcp-horizon-tags span,
html .mcp-profile-card .mcp-aura-kicker,
html .mcp-profile-card .mcp-spotlight-kicker {
	background: var(--mcp-card-chip) !important;
	color: var(--mcp-card-chip-text) !important;
	border-color: var(--mcp-card-border) !important;
}

/* Accent-only labels. */
html .mcp-profile-card .mcp-minimal-kicker,
html .mcp-profile-card .mcp-dossier-identity > span,
html .mcp-profile-card .mcp-frame-copy > span,
html .mcp-profile-card .mcp-slate-head > div > span,
html .mcp-profile-card .mcp-signature-head > div > span {
	color: var(--mcp-card-accent) !important;
}

/* QR container. The QR bitmap itself intentionally retains its high-contrast
 * white backing for scannability; the surrounding panel/text are editable. */
html .mcp-profile-card .mcp-template-qr {
	background: var(--mcp-card-qr) !important;
	border-color: var(--mcp-card-border) !important;
	color: var(--mcp-card-qr-text) !important;
}
html .mcp-profile-card .mcp-template-qr__copy strong,
html .mcp-profile-card .mcp-template-qr__copy span {
	color: var(--mcp-card-qr-text) !important;
}
html .mcp-profile-card .mcp-template-qr__image {
	background: #fff !important;
}

/* Save-contact panel. */
html .mcp-profile-card .mcp-card-save,
html .mcp-profile-card .mcp-studio-save,
html .mcp-profile-card .mcp-template-save-link {
	background: var(--mcp-card-save) !important;
	border-color: var(--mcp-card-border) !important;
	color: var(--mcp-card-save-text) !important;
}
html .mcp-profile-card .mcp-card-save strong,
html .mcp-profile-card .mcp-card-save span,
html .mcp-profile-card .mcp-studio-save,
html .mcp-profile-card .mcp-template-save-link,
html .mcp-profile-card .mcp-template-save-link span {
	color: var(--mcp-card-save-text) !important;
}

/* Professional link rows. */
html .mcp-profile-card .mcp-card-links a,
html .mcp-profile-card .mcp-studio-links a,
html .mcp-profile-card .mcp-minimal-links a,
html .mcp-profile-card .mcp-spotlight-links a,
html .mcp-profile-card .mcp-skyline-links a,
html .mcp-profile-card .mcp-dossier-links a,
html .mcp-profile-card .mcp-founder-links a,
html .mcp-profile-card .mcp-aura-links a,
html .mcp-profile-card .mcp-frame-links a,
html .mcp-profile-card .mcp-slate-links a,
html .mcp-profile-card .mcp-horizon-links a,
html .mcp-profile-card .mcp-signature-links a {
	color: var(--mcp-card-link) !important;
	border-color: var(--mcp-card-border) !important;
}

html .mcp-profile-card .mcp-minimal-divider,
html .mcp-profile-card hr {
	border-color: var(--mcp-card-border) !important;
	background: var(--mcp-card-border) !important;
}

/* 0.9.20 complete colour-token enforcement -----------------------------
 * All theme-facing colour groups now derive from builder tokens. This sits
 * after the legacy template rules so old hard-coded light/dark colours cannot
 * leak through the live preview or public renderer.
 * ---------------------------------------------------------------------- */
html .mcp-profile-card,
html[data-mcp-theme="dark"] .mcp-profile-card {
	background: linear-gradient(180deg, var(--mcp-card-bg), var(--mcp-card-surface)) !important;
	color: var(--mcp-card-text) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mcp-card-border) 48%, transparent) !important;
}

html .mcp-profile-card--executive,
html[data-mcp-theme="dark"] .mcp-profile-card--executive,
html .mcp-profile-card--spotlight,
html[data-mcp-theme="dark"] .mcp-profile-card--spotlight,
html .mcp-profile-card--founder,
html[data-mcp-theme="dark"] .mcp-profile-card--founder,
html .mcp-profile-card--aura,
html[data-mcp-theme="dark"] .mcp-profile-card--aura,
html .mcp-profile-card--signature,
html[data-mcp-theme="dark"] .mcp-profile-card--signature {
	background:
		radial-gradient(circle at 92% 7%, color-mix(in srgb, var(--mcp-card-accent) 18%, transparent), transparent 29%),
		linear-gradient(180deg, var(--mcp-card-bg), var(--mcp-card-surface)) !important;
}

html .mcp-profile-card--minimal,
html[data-mcp-theme="dark"] .mcp-profile-card--minimal {
	background:
		linear-gradient(90deg, var(--mcp-card-accent) 0 8px, transparent 8px),
		linear-gradient(180deg, var(--mcp-card-bg), var(--mcp-card-surface)) !important;
}

html .mcp-profile-card--slate,
html[data-mcp-theme="dark"] .mcp-profile-card--slate {
	background:
		linear-gradient(90deg, var(--mcp-card-accent) 0 10px, transparent 10px),
		linear-gradient(180deg, var(--mcp-card-bg), var(--mcp-card-surface)) !important;
}

html .mcp-profile-card--studio,
html[data-mcp-theme="dark"] .mcp-profile-card--studio,
html .mcp-profile-card--skyline,
html[data-mcp-theme="dark"] .mcp-profile-card--skyline,
html .mcp-profile-card--dossier,
html[data-mcp-theme="dark"] .mcp-profile-card--dossier,
html .mcp-profile-card--frame,
html[data-mcp-theme="dark"] .mcp-profile-card--frame,
html .mcp-profile-card--horizon,
html[data-mcp-theme="dark"] .mcp-profile-card--horizon {
	background: linear-gradient(180deg, var(--mcp-card-bg), var(--mcp-card-surface)) !important;
}

html .mcp-profile-card .mcp-card-main,
html .mcp-profile-card .mcp-studio-main,
html .mcp-profile-card .mcp-minimal-main,
html .mcp-profile-card .mcp-spotlight-main,
html .mcp-profile-card .mcp-skyline-main,
html .mcp-profile-card .mcp-dossier-main,
html .mcp-profile-card .mcp-founder-top,
html .mcp-profile-card .mcp-aura-main,
html .mcp-profile-card .mcp-frame-main,
html .mcp-profile-card .mcp-slate-panel,
html .mcp-profile-card .mcp-horizon-main,
html .mcp-profile-card .mcp-signature-main {
	color: var(--mcp-card-text) !important;
}

html .mcp-profile-card .mcp-studio-contact-grid > *,
html .mcp-profile-card .mcp-spotlight-contact-grid > *,
html .mcp-profile-card .mcp-skyline-panels > *,
html .mcp-profile-card .mcp-founder-facts > *,
html .mcp-profile-card .mcp-frame-bottom > *,
html .mcp-profile-card .mcp-horizon-stats > *,
html .mcp-profile-card .mcp-signature-details > *,
html .mcp-profile-card .mcp-minimal-details > div,
html .mcp-profile-card .mcp-dossier-details > div,
html .mcp-profile-card .mcp-slate-details > div {
	background: var(--mcp-card-surface-alt) !important;
	border-color: var(--mcp-card-border) !important;
}

html .mcp-profile-card .mcp-skyline-badge,
html .mcp-profile-card .mcp-aura-kicker,
html .mcp-profile-card .mcp-spotlight-kicker {
	background: var(--mcp-card-chip) !important;
	color: var(--mcp-card-chip-text) !important;
	border-color: var(--mcp-card-border) !important;
}

html .mcp-profile-card .mcp-aura-orb {
	background: radial-gradient(circle, color-mix(in srgb, var(--mcp-card-cover-alt) 74%, transparent) 0, transparent 68%) !important;
}

html .mcp-profile-card .mcp-studio-save > span {
	background: var(--mcp-card-accent) !important;
	color: var(--mcp-card-save-text) !important;
}

html .mcp-profile-card .mcp-card-save-action,
html .mcp-profile-card .mcp-card-save-action:disabled {
	background: var(--mcp-card-button) !important;
	color: var(--mcp-card-button-text) !important;
	border-color: var(--mcp-card-button) !important;
}

html .mcp-profile-card .mcp-minimal-actions a:not(.is-primary),
html .mcp-profile-card .mcp-minimal-actions button:not(.is-primary),
html .mcp-profile-card .mcp-card-actions a:not(.is-primary) {
	background: var(--mcp-card-secondary-button) !important;
	color: var(--mcp-card-secondary-button-text) !important;
	border-color: var(--mcp-card-border) !important;
}

html .mcp-profile-card .mcp-card-logo,
html .mcp-profile-card .mcp-minimal-logo,
html .mcp-profile-card .mcp-template-brand-logo {
	border-color: var(--mcp-card-border) !important;
}

html .mcp-profile-card .mcp-minimal-details dt,
html .mcp-profile-card .mcp-dossier-details dt,
html .mcp-profile-card .mcp-slate-details dt,
html .mcp-profile-card .mcp-studio-contact-grid small,
html .mcp-profile-card .mcp-spotlight-contact-grid small,
html .mcp-profile-card .mcp-skyline-panels small,
html .mcp-profile-card .mcp-founder-facts small,
html .mcp-profile-card .mcp-frame-bottom small,
html .mcp-profile-card .mcp-horizon-stats small,
html .mcp-profile-card .mcp-signature-details small {
	color: var(--mcp-card-muted) !important;
}

/* Final 390 × 780 card geometry -----------------------------------------
 * This is the canonical visual contract shared by Builder thumbnails,
 * Builder LIVE PREVIEW and public profile rendering.
 * ---------------------------------------------------------------------- */
.mcp-profile-card {
	font-size: 14px;
}

.mcp-spotlight-copy h2,
.mcp-skyline-head h2,
.mcp-dossier-identity h2,
.mcp-founder-top h2,
.mcp-aura-main h2,
.mcp-frame-copy h2,
.mcp-slate-head h2,
.mcp-horizon-head h2,
.mcp-signature-head h2 {
	font-size: 1.68rem;
	line-height: 1;
	letter-spacing: -.045em;
}

.mcp-spotlight-role,
.mcp-skyline-head p,
.mcp-dossier-identity p,
.mcp-founder-top p,
.mcp-aura-role,
.mcp-frame-copy p,
.mcp-slate-head p,
.mcp-horizon-head p,
.mcp-signature-head p {
	margin-top: 5px;
	font-size: .77rem;
	line-height: 1.25;
}

.mcp-spotlight-bio,
.mcp-skyline-bio,
.mcp-dossier-bio,
.mcp-founder-bio,
.mcp-aura-bio,
.mcp-frame-bio,
.mcp-slate-bio,
.mcp-horizon-bio,
.mcp-signature-bio {
	margin-top: 12px;
	font-size: .76rem;
	line-height: 1.48;
}

.mcp-spotlight-actions,
.mcp-skyline-actions,
.mcp-dossier-actions,
.mcp-frame-actions,
.mcp-horizon-actions,
.mcp-signature-cta,
.mcp-slate-actions,
.mcp-aura-actions,
.mcp-founder-panels {
	gap: 7px;
}

.mcp-spotlight-actions a,
.mcp-skyline-actions a,
.mcp-dossier-actions a,
.mcp-frame-actions a,
.mcp-horizon-actions a,
.mcp-signature-cta a,
.mcp-slate-actions a,
.mcp-aura-actions a,
.mcp-founder-panels a {
	min-height: 37px;
	padding: 8px 10px;
	border-radius: 10px;
	font-size: .68rem;
}

.mcp-spotlight-tags,
.mcp-skyline-tags,
.mcp-dossier-tags,
.mcp-aura-tags,
.mcp-horizon-tags {
	gap: 6px;
	margin-top: 12px;
}

.mcp-spotlight-tags span,
.mcp-skyline-tags span,
.mcp-dossier-tags span,
.mcp-founder-metrics span,
.mcp-aura-tags span,
.mcp-horizon-tags span {
	padding: 4px 8px;
	font-size: .59rem;
}

.mcp-spotlight-contact-grid,
.mcp-skyline-panels,
.mcp-founder-facts,
.mcp-frame-bottom,
.mcp-horizon-stats,
.mcp-signature-details {
	gap: 8px;
	margin-top: 12px;
}

.mcp-spotlight-contact-grid > *,
.mcp-skyline-panels > *,
.mcp-founder-facts > *,
.mcp-frame-bottom > *,
.mcp-horizon-stats > *,
.mcp-signature-details > * {
	padding: 9px 10px;
	border-radius: 11px;
}

.mcp-spotlight-contact-grid small,
.mcp-skyline-panels small,
.mcp-founder-facts small,
.mcp-frame-bottom small,
.mcp-horizon-stats small,
.mcp-signature-details small {
	margin-bottom: 3px;
	font-size: .56rem;
}

.mcp-spotlight-contact-grid strong,
.mcp-skyline-panels strong,
.mcp-founder-facts strong,
.mcp-frame-bottom strong,
.mcp-horizon-stats strong,
.mcp-signature-details strong {
	font-size: .66rem;
	line-height: 1.28;
}

.mcp-spotlight-links,
.mcp-skyline-links,
.mcp-dossier-links,
.mcp-founder-links,
.mcp-aura-links,
.mcp-frame-links,
.mcp-slate-links,
.mcp-horizon-links,
.mcp-signature-links {
	margin-top: 10px;
}

.mcp-spotlight-links a,
.mcp-skyline-links a,
.mcp-dossier-links a,
.mcp-founder-links a,
.mcp-aura-links a,
.mcp-frame-links a,
.mcp-slate-links a,
.mcp-horizon-links a,
.mcp-signature-links a {
	min-height: 33px;
	font-size: .68rem;
}

.mcp-template-save-link {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 56px !important;
	margin: 14px 0 12px !important;
	padding: 7px 7px 7px 17px !important;
	border: 2px solid var(--mcp-card-button) !important;
	border-radius: 15px !important;
	background: var(--mcp-card-save) !important;
	color: var(--mcp-card-save-text) !important;
	font-size: .82rem !important;
	font-weight: 850 !important;
	line-height: 1.2;
	text-decoration: none !important;
	box-shadow: 0 8px 20px rgba(0,0,0,.16), inset 0 0 0 1px color-mix(in srgb, var(--mcp-card-button) 18%, transparent);
	cursor: pointer;
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.mcp-template-save-link:hover {
	transform: translateY(-1px);
	box-shadow: 0 11px 24px rgba(0,0,0,.2), inset 0 0 0 1px color-mix(in srgb, var(--mcp-card-button) 22%, transparent);
	filter: brightness(1.03);
}
.mcp-template-save-link:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--mcp-card-button) 60%, #fff);
	outline-offset: 3px;
}
.mcp-template-save-link > span {
	position: relative;
	display: grid !important;
	place-items: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: var(--mcp-card-button) !important;
	color: var(--mcp-card-button-text) !important;
	font-size: 0 !important;
	line-height: 1 !important;
	box-shadow: 0 3px 9px rgba(0,0,0,.18);
}
.mcp-template-save-link > span::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 9px;
	width: 3px;
	height: 17px;
	border-radius: 3px;
	background: currentColor;
	transform: translateX(-50%);
}
.mcp-template-save-link > span::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 17px;
	width: 10px;
	height: 10px;
	border-right: 3px solid currentColor;
	border-bottom: 3px solid currentColor;
	transform: translateX(-50%) rotate(45deg);
}

.mcp-template-qr {
	grid-template-columns: 120px 1fr;
	gap: 12px;
	margin-top: 13px;
	padding: 10px;
	border-radius: 14px;
}
.mcp-template-qr__image {
	width: 120px;
	height: 120px;
	padding: 8px;
	border-radius: 13px;
}
.mcp-template-qr__copy strong {
	font-size: .72rem;
}
.mcp-template-qr__copy span {
	margin-top: 3px;
	font-size: .63rem;
}

/* Executive */
.mcp-card-cover { height: 174px; }
.mcp-card-avatar { width: 82px; height: 82px; margin-top: -41px; border-width: 4px; border-radius: 23px; }
.mcp-card-identity { margin-top: 12px; }
.mcp-card-identity h2 { font-size: 1.52rem; }
.mcp-card-role { margin-top: 5px; font-size: .76rem; }
.mcp-card-location { margin-top: 3px; font-size: .66rem; }
.mcp-card-bio { margin-top: 12px; font-size: .76rem; line-height: 1.46; }
.mcp-card-actions { margin-top: 13px; }
.mcp-card-actions a { min-height: 36px; border-radius: 10px; font-size: .68rem; }
.mcp-card-tags { margin-top: 12px; gap: 6px; }
.mcp-card-tags span { padding: 4px 8px; font-size: .59rem; }
.mcp-card-save { margin-top: 13px; padding: 10px 11px; border-radius: 12px; }
.mcp-card-save strong { font-size: .72rem; }
.mcp-card-save button,
.mcp-card-save-action { width: 34px; height: 34px; border-radius: 9px; }
.mcp-card-links { margin-top: 9px; }
.mcp-card-links a { min-height: 33px; font-size: .68rem; }

/* Studio: cover-led visual, identity belongs to the content panel. */
.mcp-profile-card--studio .mcp-template-brand-logo {
	top: 20px;
	left: 20px;
	right: auto;
	width: 68px;
	height: 68px;
	min-height: 68px;
	padding: 7px;
	border-radius: 50%;
}
.mcp-profile-card--studio .mcp-template-brand-logo img { max-height: 52px; }
.mcp-studio-hero { height: 286px; }
.mcp-studio-main { padding: 18px 20px 22px; }
.mcp-studio-heading {
	position: static;
	color: inherit;
}
.mcp-studio-heading > span {
	margin: 0 0 5px;
	color: var(--mcp-card-accent);
	font-size: .61rem;
}
.mcp-studio-heading h2 {
	margin: 0;
	font-size: 1.82rem;
	line-height: 1;
	letter-spacing: -.05em;
}
.mcp-studio-heading p {
	margin: 5px 0 0;
	font-size: .77rem;
	font-weight: 700;
}
.mcp-studio-bio { margin-top: 14px; font-size: .76rem; line-height: 1.48; }
.mcp-studio-tags { margin-top: 11px; gap: 6px; }
.mcp-studio-tags span { padding: 4px 8px; font-size: .59rem; }
.mcp-studio-primary-actions { margin-top: 12px; gap: 7px; }
.mcp-studio-primary-actions a { min-height: 37px; padding: 8px 10px; border-radius: 10px; font-size: .68rem; }
.mcp-studio-contact-grid { margin-top: 12px; gap: 8px; }
.mcp-studio-contact-grid > * { padding: 9px 10px; border-radius: 11px; }
.mcp-studio-contact-grid small { font-size: .56rem; }
.mcp-studio-contact-grid strong { font-size: .66rem; }
.mcp-studio-save { min-height: 42px; margin-top: 11px; padding: 6px 9px; border-radius: 11px; font-size: .72rem; }
.mcp-studio-save > span { flex-basis: 28px; width: 28px; height: 28px; border-radius: 8px; }
.mcp-studio-links { margin-top: 9px; }
.mcp-studio-links a { min-height: 33px; font-size: .68rem; }

/* Minimal */
.mcp-template-cover--minimal { height: 132px; }
.mcp-minimal-top { padding: 0 22px 0 26px; }
.mcp-profile-card--minimal .mcp-minimal-avatar { width: 78px; height: 78px; margin-top: -39px; border-width: 4px; }
.mcp-minimal-main { padding: 15px 22px 22px 26px; }
.mcp-minimal-kicker { margin-bottom: 6px; font-size: .61rem; }
.mcp-minimal-main h2 { font-size: 1.78rem; }
.mcp-minimal-role { margin-top: 5px; font-size: .76rem; }
.mcp-minimal-bio { margin-top: 13px; font-size: .76rem; line-height: 1.48; }
.mcp-minimal-actions { margin-top: 13px; gap: 7px; }
.mcp-minimal-actions a,
.mcp-minimal-actions button { min-height: 36px; border-radius: 10px; font-size: .68rem; }
.mcp-minimal-divider { margin: 13px 0 0; }
.mcp-minimal-details > div { grid-template-columns: 72px 1fr; padding: 8px 0; }
.mcp-minimal-details dt { font-size: .57rem; }
.mcp-minimal-details dd { font-size: .67rem; }
.mcp-minimal-links { margin-top: 9px; }
.mcp-minimal-links a { min-height: 33px; font-size: .68rem; }

/* Spotlight */
.mcp-spotlight-top { grid-template-columns: 1fr 112px; gap: 14px; padding: 20px 20px 0; }
.mcp-spotlight-kicker { min-height: 24px; padding: 4px 8px; font-size: .58rem; }
.mcp-spotlight-avatar { width: 104px; height: 128px; margin-top: 3px; border-radius: 22px; }
.mcp-spotlight-strip { height: 112px; margin: 14px 20px 0; border-radius: 17px; }
.mcp-spotlight-main { padding: 15px 20px 20px; }

/* Skyline */
.mcp-profile-card--skyline .mcp-template-brand-logo {
	top: 16px;
	left: 16px;
	right: auto;
	width: 82px;
	min-height: 32px;
	padding: 5px 7px;
	border-radius: 9px;
}
.mcp-profile-card--skyline .mcp-template-brand-logo img { max-height: 24px; }
.mcp-skyline-hero { height: 168px; }
.mcp-skyline-main { padding: 0 20px 20px; }
.mcp-skyline-head { grid-template-columns: 76px 1fr; gap: 12px; margin-top: -31px; }
.mcp-skyline-avatar { width: 76px; height: 76px; border-width: 3px; border-radius: 20px; }
.mcp-skyline-head span { margin-top: 3px; font-size: .62rem; }
.mcp-skyline-actions { margin-top: 13px; }
.mcp-skyline-panels { margin-top: 11px; }

/* Dossier */
.mcp-template-cover--dossier { height: 108px; }
.mcp-dossier-main { padding: 0 20px 20px; }
.mcp-dossier-head { grid-template-columns: 72px 1fr; gap: 12px; }
.mcp-profile-card--dossier .mcp-dossier-avatar { width: 72px; height: 88px; margin-top: -34px; border-width: 3px; border-radius: 18px; }
.mcp-dossier-actions { margin-top: 13px; }
.mcp-dossier-details { margin-top: 12px; }
.mcp-dossier-details > div { grid-template-columns: 66px 1fr; padding: 7px 0; }
.mcp-dossier-details dt { font-size: .56rem; }
.mcp-dossier-details dd { font-size: .66rem; }

/* Founder */
.mcp-template-cover--founder { height: 116px; }
.mcp-founder-top { grid-template-columns: 1fr 76px; gap: 12px; padding: 0 20px; }
.mcp-profile-card--founder .mcp-founder-avatar { width: 76px; height: 76px; margin-top: -34px; border-width: 3px; border-radius: 19px; }
.mcp-founder-bio { padding: 0 20px; }
.mcp-founder-metrics { gap: 6px; padding: 0 20px; margin-top: 12px; }
.mcp-founder-panels { padding: 0 20px; margin-top: 13px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mcp-founder-facts { padding: 0 20px; }
.mcp-founder-links { padding: 0 20px 20px; }

/* Aura: left-aligned content with portrait floating over the cover edge. */
.mcp-template-cover--aura { height: 158px; }
.mcp-aura-orb { display: none; }
.mcp-aura-main { padding: 24px 20px 20px; text-align: left; }
.mcp-profile-card--aura .mcp-aura-avatar {
	position: absolute;
	top: -50px;
	right: 20px;
	width: 82px;
	height: 82px;
	margin: 0;
	border-width: 3px;
	border-radius: 21px;
	box-shadow: 0 12px 24px rgba(0,0,0,.14);
}
.mcp-aura-main h2 { max-width: calc(100% - 104px); margin: 0; font-size: 1.62rem; }
.mcp-aura-role { max-width: calc(100% - 96px); }
.mcp-aura-bio { margin-top: 13px; }
.mcp-aura-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 13px; }
.mcp-aura-links { text-align: left; }

/* Frame: identity first, image second. */
.mcp-frame-head {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 12px;
	align-items: center;
	padding: 18px 20px 16px;
}
.mcp-frame-head .mcp-frame-avatar {
	width: 64px;
	height: 64px;
	margin: 0;
	border-width: 3px;
	border-radius: 18px;
	box-shadow: none;
}
.mcp-frame-copy { margin: 0; }
.mcp-frame-copy > span { margin-bottom: 4px; font-size: .58rem; }
.mcp-frame-copy h2 { margin: 0; font-size: 1.52rem; }
.mcp-frame-cover { height: 174px; margin: 0 20px; border-radius: 16px; }
.mcp-frame-main { padding: 15px 20px 20px; }
.mcp-frame-bio { margin-top: 0; }
.mcp-frame-actions { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 13px; }

/* Slate */
html .mcp-profile-card.mcp-profile-card--slate,
html[data-mcp-theme="dark"] .mcp-profile-card.mcp-profile-card--slate {
	background: linear-gradient(180deg, color-mix(in srgb, var(--mcp-card-bg) 86%, var(--mcp-card-surface)), var(--mcp-card-bg));
}
.mcp-profile-card--slate .mcp-template-brand-logo { display: none !important; }
.mcp-template-cover--slate { height: 116px; }
.mcp-slate-panel { padding: 0 20px 20px; }
.mcp-slate-head { grid-template-columns: 70px 1fr; gap: 12px; }
.mcp-profile-card--slate .mcp-slate-avatar { width: 70px; height: 70px; margin-top: -34px; border-width: 3px; border-radius: 18px; }
.mcp-slate-details { margin-top: 12px; }
.mcp-slate-details > div { grid-template-columns: 64px 1fr; padding: 7px 0; }
.mcp-slate-details dt { font-size: .56rem; }
.mcp-slate-details dd { font-size: .66rem; }

/* Horizon: scenic cover first, identity below it. */
.mcp-profile-card--horizon .mcp-template-brand-logo {
	top: 16px;
	left: 16px;
	right: auto;
	width: 86px;
	min-height: 32px;
	padding: 5px 7px;
	border-radius: 9px;
}
.mcp-profile-card--horizon .mcp-template-brand-logo img { max-height: 24px; }
.mcp-horizon-hero { height: 160px; }
.mcp-horizon-overlay { background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.18)) !important; }
.mcp-horizon-main { padding: 0 20px 20px; }
.mcp-horizon-head {
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	grid-template-columns: 74px 1fr;
	gap: 12px;
	align-items: end;
	margin-top: -32px;
	color: inherit;
}
.mcp-horizon-avatar { width: 74px; height: 74px; border-width: 3px; border-radius: 19px; }
.mcp-horizon-head > div > span { margin-bottom: 3px; font-size: .57rem; }
.mcp-horizon-head h2 { margin: 0; }
.mcp-horizon-actions { margin-top: 13px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.mcp-horizon-stats { margin-top: 11px; }

/* Signature */
.mcp-template-cover--signature { height: 128px; }
.mcp-signature-main { padding: 0 20px 20px; }
.mcp-signature-head { grid-template-columns: 76px 1fr; gap: 12px; }
.mcp-profile-card--signature .mcp-signature-avatar { width: 76px; height: 90px; margin-top: -35px; border-width: 3px; border-radius: 18px; }
.mcp-signature-details { margin-top: 12px; }

html .mcp-profile-card .mcp-studio-heading h2,
html .mcp-profile-card .mcp-horizon-head h2 { color: var(--mcp-card-heading) !important; }
html .mcp-profile-card .mcp-studio-heading p,
html .mcp-profile-card .mcp-horizon-head p { color: var(--mcp-card-text) !important; }
html .mcp-profile-card .mcp-studio-heading > span,
html .mcp-profile-card .mcp-horizon-head > div > span { color: var(--mcp-card-accent) !important; }

/* Reference-layout refinements ----------------------------------------- */
/* Dossier: portrait bridges the cover; identity starts below it. */
.mcp-dossier-head {
	display: block;
	height: 54px;
}
.mcp-dossier-identity {
	margin-top: 5px;
}
.mcp-dossier-identity h2 {
	margin: 0;
}
.mcp-dossier-identity p {
	margin-top: 5px;
}

/* Frame: small company chip followed by portrait/name row. */
.mcp-frame-head {
	display: block;
	padding: 18px 20px 16px;
}
.mcp-frame-kicker {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	margin-bottom: 10px;
	padding: 4px 9px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mcp-card-accent) 22%, var(--mcp-card-surface));
	color: var(--mcp-card-chip-text);
	font-size: .57rem;
	font-weight: 780;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.mcp-frame-identity {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 12px;
	align-items: center;
}
.mcp-frame-copy h2 { margin: 0; }

/* Slate: brand on the cover, details as compact cards, tags restored. */
.mcp-profile-card--slate .mcp-template-brand-logo {
	display: flex !important;
	top: 16px;
	right: 16px;
	left: auto;
	width: 88px;
	min-height: 30px;
	padding: 4px 6px;
	border: 0 !important;
	border-radius: 8px;
	background: rgba(255,255,255,.72) !important;
	box-shadow: none;
}
.mcp-profile-card--slate .mcp-template-brand-logo img { max-height: 22px; }
.mcp-slate-details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 8px;
}
.mcp-slate-details > div {
	display: block;
	padding: 9px 10px;
	border: 0 !important;
	border-radius: 11px;
}
.mcp-slate-details dt { margin-bottom: 3px; }
.mcp-slate-tags,
.mcp-signature-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
}
.mcp-slate-tags span,
.mcp-signature-tags span {
	padding: 4px 8px;
	border-radius: 999px;
	background: var(--mcp-card-chip);
	color: var(--mcp-card-chip-text);
	font-size: .59rem;
}

/* Horizon: avatar floats at the right edge of the photo, identity below. */
.mcp-horizon-head {
	display: block;
	margin-top: 0;
	padding-top: 18px;
}
.mcp-horizon-avatar {
	position: absolute;
	top: -39px;
	right: 0;
}
.mcp-horizon-head h2 {
	max-width: calc(100% - 92px);
}
.mcp-horizon-head p {
	max-width: calc(100% - 86px);
}

/* Signature: the cover already carries the brand, so the content begins
 * with the person and the profile specialties. */
.mcp-signature-tags span {
	background: color-mix(in srgb, var(--mcp-card-accent) 24%, var(--mcp-card-bg));
	color: color-mix(in srgb, var(--mcp-card-accent) 55%, var(--mcp-card-text));
}

/* Logos intentionally sit on top of photographic covers in these designs. */
.mcp-profile-card--skyline .mcp-template-brand-logo,
.mcp-profile-card--horizon .mcp-template-brand-logo {
	border: 0 !important;
	background: rgba(255,255,255,.74) !important;
	box-shadow: none;
}
.mcp-profile-card--studio .mcp-template-brand-logo {
	background: rgba(249,242,232,.96) !important;
	border-color: rgba(255,255,255,.7) !important;
	box-shadow: 0 8px 20px rgba(0,0,0,.09);
}