/* ============================================================
   Auditajus — Components CSS
   Migrated from functions.php inline CSS (Phase 1 refactor).
   Load order: style.css → ui-polish.css → components.css → responsive.css
   DO NOT add here unless truly necessary.
   For Phase 2: systematically remove existing.
   ============================================================ */

/* Hero content constraint removido para permitir cards centralizados full-width */
.hero__grid { max-width: none; }
.hero__content { max-width: 68ch; }

/* =======================================================
   NAVBAR — altura equilibrada com CTA centralizado
   ======================================================= */

/* box-shadow em vez de border-bottom: o border ocupa 1px de layout no bottom,
   deslocando o conteúdo 1px para cima. box-shadow é visual-only, zero impacto
   no layout → padding top e bottom ficam perfeitamente simétricos. */
.site-header {
	border-bottom: none;
	box-shadow: 0 1px 0 var(--rule);
}

.site-header__inner {
	padding: 0.35rem 0;
	gap: 1.5rem;
	align-items: center;
}
.site-logo svg, .site-logo img {
	height: 42px;
	width: auto;
	display: block;
}
.site-logo {
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: 1.3rem;
}
.site-nav {
	align-items: center;
	padding-top: 0;
}

/* =======================================================
   CTA NAVBAR — dourado metalico vivo (mant\u00e9m impacto)
   ======================================================= */
.site-header .btn-primary {
	background: #B8922E;
	color: #fff;
	border-color: #B8922E;
	font-weight: 600;
	box-shadow: none;
	outline: none;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
}

.site-header .btn-primary:hover {
	background: linear-gradient(135deg, #F9D56E 0%, #D4A84B 50%, #D4A84B 100%);
	box-shadow: none;
	transform: translateY(-1px);
}

.site-header .btn-primary::after {
	color: #fff;
}

/* =======================================================
   CTA PRIM\u00c1RIO DO HERO — dourado metalico + contorno branco
   Double border: borda branca externa + glow dourado
   ======================================================= */
.hero .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 0.95rem 1.8rem;
	background: #D4A84B;
	color: #0B0A08;
	border: none;
	border-radius: 2px;
	font-family: var(--sans);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	outline: none;
	box-shadow: none;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
	text-shadow: none;
}

.hero .btn-primary::after {
	color: #0B0A08;
	margin-left: 0.8rem;
	transition: transform 0.4s cubic-bezier(.2,.7,.2,1);
}

.hero .btn-primary:hover {
	background: linear-gradient(135deg, #F9D56E 0%, #D4A84B 50%, #D4A84B 100%);
	color: #0B0A08;
	outline: none;
	box-shadow: none;
	transform: translateY(-1px);
}

.hero .btn-primary:hover::after {
	color: #0B0A08;
	transform: translateX(4px);
}

/* H1 em — dourado vivo no "o diagn\u00f3stico" */
.hero h1 em {
	color: #D4A84B;
	text-shadow: 0 0 32px rgba(232, 185, 72, 0.25);
}

/* =======================================================
   EVIDENCE STRIP — posição e transparência dos cards
   ======================================================= */
.evidence-strip {
	margin-top: 3rem;
}
.theme-dark .evidence-strip__item {
	background: rgba(255, 255, 255, 0.75);
	box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}
.theme-dark .evidence-strip__number,
.theme-dark .evidence-strip__number sup,
.theme-dark .evidence-strip__number small {
	color: #B8922E;
}
.theme-dark .evidence-strip__label {
	color: var(--ink, #0B0A08);
}
.theme-dark .evidence-strip__desc {
	color: var(--ink-soft, rgba(11,10,8,0.6));
}

/* =======================================================
   EYEBROW — padrão único em todas as seções
   Base (style.css): 0.7rem · weight 500 · linha 32px×1px
   Padrão Auditajus: 0.72rem · weight 600 · linha 36px×1.5px
   ======================================================= */
.eyebrow {
	font-size: 0.72rem;
	font-weight: 600;
}
.eyebrow::before {
	width: 36px;
	height: 1.5px;
}
/* theme-dark remove a linha (style.css:1768) — restaura */
.theme-dark .eyebrow::before {
	display: inline-block;
	background: var(--brass, #D4A84B);
	width: 36px;
	height: 1.5px;
	content: "";
}
/* Normaliza seções com linha fora do padrão */
.detector .eyebrow::before,
.reframe .eyebrow::before,
.reframe__body .eyebrow::before {
	width: 36px;
	height: 1.5px;
}

/* Eyebrow em dourado, sublinhada, sem o '01' decorativo */
.hero__eyebrow {
	color: #D4A84B;
	text-decoration: underline;
	text-decoration-color: #D4A84B;
	text-decoration-thickness: 1px;
	text-underline-offset: 6px;
	padding-bottom: 0;
	gap: 0;
}
.hero__eyebrow::before {
	display: none;
	content: none;
}

/* =======================================================
   CTA SECUND\u00c1RIO DO HERO (Ver o m\u00e9todo) — caixa branca + contorno dourado
   Espelho invertido do prim\u00e1rio: fundo bone, contorno brass
   ======================================================= */
.hero .btn-ghost {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 0.95rem 1.8rem;
	border: none;
	border-radius: 2px;
	background: #D4A84B;
	color: #0B0A08;
	font-family: var(--sans);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
	position: relative;
	outline: none;
	box-shadow: none;
	text-shadow: none;
}

.hero .btn-ghost::after {
	content: "\2192";
	margin-left: 0.8rem;
	color: #0B0A08;
	font-size: 1rem;
	transition: transform 0.4s cubic-bezier(.2,.7,.2,1);
	display: inline-block;
}

.hero .btn-ghost:hover {
	background: linear-gradient(135deg, #F9D56E 0%, #D4A84B 50%, #D4A84B 100%);
	outline: none;
	box-shadow: none;
	transform: translateY(-1px);
	color: #0B0A08;
}

.hero .btn-ghost:hover::after {
	color: #0B0A08;
	transform: translateX(4px);
}

/* Iguala largura dos dois CTAs */
.hero .btn-primary,
.hero .btn-ghost {
	min-width: 220px;
}

/* =======================================================
   HERO META CARDS — agora fora do .hero__content, centralizados no container
   ======================================================= */
.hero__meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	padding-top: 0;
	border-top: none;
	max-width: 1100px;
	width: 100%;
	margin: 3.5rem auto 0;
	justify-items: stretch;
	text-align: center;
}

.hero__meta-item {
	position: relative;
	padding: 1.6rem 1.6rem 1.7rem;
	background: rgba(11, 10, 8, 0.55);
	backdrop-filter: blur(10px) saturate(140%);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
	border: 1px solid rgba(232, 185, 72, 0.22);
	border-radius: 2px;
	color: rgba(246, 242, 234, 0.78);
	font-size: 0.82rem;
	line-height: 1.55;
	transition: all 0.5s cubic-bezier(.2,.7,.2,1);
	overflow: hidden;
	text-align: center;
}

.hero__meta-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, #D4A84B 30%, #D4A84B 50%, #D4A84B 70%, transparent 100%);
	opacity: 0.7;
	transition: opacity 0.5s;
}

.hero__meta-item:hover {
	background: rgba(11, 10, 8, 0.72);
	border-color: rgba(232, 185, 72, 0.5);
	transform: translateY(-2px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(232, 185, 72, 0.15);
}

.hero__meta-item:hover::before {
	opacity: 1;
}

.hero__meta-item strong {
	display: block;
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 1.15rem;
	color: #D4A84B;
	margin-bottom: 0.65rem;
	font-variation-settings: "WONK" 1;
	letter-spacing: -0.01em;
}

@media (max-width: 900px) {
	.hero__meta {
		grid-template-columns: 1fr;
		gap: 0.9rem;
	}
	.hero__meta-item {
		padding: 1.2rem 1.3rem 1.3rem;
	}
}

/* =======================================================
   H1 / H2 globais — refinamento de escala
   ======================================================= */
.hero h1 {
	font-size: clamp(1.8rem, 3.3vw, 2.8rem);
	line-height: 1.08;
	letter-spacing: -0.025em;
	margin-top: 3rem;
}

.section h2 {
	font-size: clamp(1.85rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
}

/* =======================================================
   BLOCO A CAUSA RAIZ (.reframe) — background full-cover + dourados
   ======================================================= */
.reframe.reframe--fullbg {
	position: relative;
	overflow: hidden;
	background: #0B0A08;
	color: var(--bone);
	isolation: isolate;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(6rem, 10vw, 9rem) 0;
	border-top: none;
	border-bottom: none;
}

/* Override regra global '.section + .section { border-top: 1px }' para o reframe */
.section + .section.reframe.reframe--fullbg,
.problem + .reframe.reframe--fullbg {
	border-top: none;
}

.reframe__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.reframe__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: grayscale(100%) contrast(1.1) brightness(0.28);
}

.reframe.reframe--fullbg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg,
			rgba(11, 10, 8, 0.96) 0%,
			rgba(11, 10, 8, 0.88) 28%,
			rgba(11, 10, 8, 0.88) 72%,
			rgba(11, 10, 8, 0.98) 100%);
	pointer-events: none;
}

.reframe.reframe--fullbg .container {
	position: relative;
	z-index: 2;
}

.reframe.reframe--fullbg .reframe__body {
	max-width: 68ch;
	margin: 0 auto;
}

/* Eyebrow 'A causa raiz' dourado */
.reframe .eyebrow {
	color: #D4A84B;
	justify-content: center;
	text-align: center;
	display: inline-flex;
}

.reframe__body .eyebrow {
	color: #D4A84B;
	display: flex;
	justify-content: center;
	width: 100%;
}

.reframe .eyebrow::before {
	background: #D4A84B;
	width: 48px;
	height: 1.5px;
}

/* H2 em bone + 'estrutural' dourado vivo */
.reframe h2,
.reframe__body h2 {
	color: var(--bone);
	text-align: center;
	margin: 0 auto 2.8rem;
	max-width: 26ch;
}

.reframe h2 em {
	color: #D4A84B;
	font-style: italic;
}

/* Par\u00e1grafos em bone soft (exceto eyebrow que \u00e9 dourada) */
.reframe p:not(.eyebrow),
.reframe .dropcap,
.reframe__body > p:not(.dropcap):not(.eyebrow) {
	color: rgba(246, 242, 234, 0.88);
}

/* Reinfor\u00e7o: eyebrow sempre dourada (alta especificidade) */
.reframe.reframe--fullbg .reframe__body p.eyebrow,
.reframe.reframe--fullbg p.eyebrow {
	color: #D4A84B;
}

/* Dropcap S em dourado */
.reframe .dropcap::first-letter {
	color: #D4A84B;
	font-family: var(--serif);
	font-weight: 300;
	font-size: 5.5rem;
	float: left;
	line-height: 0.85;
	margin: 0.4rem 0.7rem -0.2rem 0;
	text-shadow: 0 0 40px rgba(232, 185, 72, 0.25);
}

/* Callout adaptado para fundo escuro — border dourado puro, sem efeito */
.reframe .callout {
	background: transparent;
	border: 1px solid #D4A84B;
	border-left: 1px solid #D4A84B;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	box-shadow: none;
	margin-top: 3rem;
	padding: 2.5rem 2.5rem 2.5rem 2.7rem;
	position: relative;
}

.reframe .callout::before {
	content: none;
	display: none;
}

.reframe .callout p {
	color: rgba(246, 242, 234, 0.88);
}

/* Remove o grid visual antigo (imagem lateral) se existir */
.reframe__grid,
.reframe__visual {
	display: none;
}

@media (max-width: 900px) {
	.reframe.reframe--fullbg {
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.reframe h2,
	.reframe__body h2 {
		max-width: none;
	}
}

/* =======================================================
   FOOTER — logo SVG + J vermelho + menu hamb\u00farguer + policies accordion
   ======================================================= */

/* Border-top dourada sutil no footer */
.site-footer {
	border-top: 1px solid rgba(232, 185, 72, 0.32);
	position: relative;
}

.site-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(232, 185, 72, 0.4) 25%,
		rgba(244, 200, 90, 0.55) 50%,
		rgba(232, 185, 72, 0.4) 75%,
		transparent 100%);
	pointer-events: none;
}

/* Reordenar grid: Brand (2fr) | Contato (1fr) | Site (1fr) */
.site-footer__grid {
	grid-template-columns: 2fr 1fr 1fr;
}

/* Logo SVG no footer \u2014 wordmark preto, J em vermelho (mesma cor do audience NO) */
.site-footer .site-footer__logo {
	display: inline-block;
	margin-bottom: 1.8rem;
	color: var(--ink);
	padding: 0;
	transition: opacity 0.3s;
}

.site-footer .site-footer__logo:hover {
	opacity: 0.85;
	color: var(--ink);
}

.site-footer .site-footer__logo .brand-mark {
	display: block;
	height: 54px;
	width: auto;
}

/* J do logo Auditajus no footer em vermelho #B0283D
   (mesma cor do chip 'N\u00c3O FAZ SENTIDO PARA' da se\u00e7\u00e3o A qualifica\u00e7\u00e3o)
   O J \u00e9 o segundo path do SVG brand-mark */
.site-footer .site-footer__logo .brand-mark path:nth-of-type(2) {
	fill: #B0283D;
}

/* Esconde logo textual antigo se ainda existir */
.site-footer__brand .site-logo:not(.site-footer__logo) {
	display: none;
}

/* Descri\u00e7\u00e3o do brand \u2014 mais curta */
.site-footer__brand p {
	font-size: 0.9rem;
	line-height: 1.7;
	max-width: 42ch;
}

/* Headings 'Contato' e 'Site' em DOURADO */
.site-footer .site-footer__heading {
	color: #D4A84B;
	font-weight: 600;
	font-size: 0.7rem;
	letter-spacing: 0.22em;
	margin: 0 0 1.6rem;
}

/* Hint inline (ex: '\u00b7 encarregado LGPD') */
.site-footer__link-hint {
	color: var(--ink-mute);
	font-size: 0.78rem;
	font-weight: 400;
}

/* Hover dos links do footer \u2014 dourado em vez de oxblood */
.site-footer a:hover {
	color: #D4A84B;
}

/* =======================================================
   MENU HAMB\u00daRGUER do footer \u2014 abre drawer com policies accordion
   ======================================================= */
.site-footer__menu {
	margin-top: 2.5rem;
	padding-top: 2rem;
	border-top: 1px solid rgba(232, 185, 72, 0.18);
}

.site-footer__menu[open] {
	padding-bottom: 0.5rem;
}

.site-footer__menu-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.9rem;
	cursor: pointer;
	list-style: none;
	padding: 0.7rem 1.2rem;
	background: transparent;
	border: 1px solid rgba(232, 185, 72, 0.42);
	border-radius: 2px;
	font-family: var(--sans);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #D4A84B;
	transition: all 0.35s cubic-bezier(.2,.7,.2,1);
	user-select: none;
}

.site-footer__menu-toggle::-webkit-details-marker { display: none; }
.site-footer__menu-toggle::marker { display: none; content: ""; }

.site-footer__menu-toggle:hover {
	background: rgba(232, 185, 72, 0.08);
	border-color: #D4A84B;
}

.site-footer__menu[open] .site-footer__menu-toggle {
	background: rgba(232, 185, 72, 0.12);
	border-color: #D4A84B;
}

/* \u00cdcone hamb\u00farguer \u2014 3 linhas horizontais dourado */
.site-footer__hamburger {
	display: inline-block;
	position: relative;
	width: 18px;
	height: 12px;
	flex-shrink: 0;
}

.site-footer__hamburger::before,
.site-footer__hamburger::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1.5px;
	background: currentColor;
	transition: all 0.35s cubic-bezier(.2,.7,.2,1);
}

.site-footer__hamburger::before {
	top: 0;
	box-shadow: 0 5px 0 currentColor;
}

.site-footer__hamburger::after {
	bottom: 0;
}

/* Quando aberto: hamb\u00farguer vira X */
.site-footer__menu[open] .site-footer__hamburger::before {
	top: 5px;
	transform: rotate(45deg);
	box-shadow: none;
}

.site-footer__menu[open] .site-footer__hamburger::after {
	bottom: 5px;
	transform: rotate(-45deg);
}

/* Drawer \u2014 aparece quando details aberto */
.site-footer__menu-drawer {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	margin-top: 1.8rem;
	animation: footer-menu-slide 0.45s cubic-bezier(.2,.7,.2,1);
}

@keyframes footer-menu-slide {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Policies como accordion nested */
.site-footer__policy {
	display: block;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid rgba(232, 185, 72, 0.32);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
}

.site-footer__policy::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(.2,.7,.2,1);
	z-index: 2;
}

.site-footer__policy:hover {
	border-color: rgba(232, 185, 72, 0.55);
}

.site-footer__policy[open] {
	border-color: #D4A84B;
}

.site-footer__policy[open]::before {
	opacity: 1;
}

/* Summary da policy \u2014 clic\u00e1vel com + \u2192 \u2212 */
.site-footer__policy-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
	padding: 1.1rem 1.4rem;
	cursor: pointer;
	list-style: none;
	font-family: var(--sans);
	font-weight: 500;
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ink);
	user-select: none;
	transition: color 0.3s;
}

.site-footer__policy-title::-webkit-details-marker { display: none; }
.site-footer__policy-title::marker { display: none; content: ""; }

.site-footer__policy:hover .site-footer__policy-title {
	color: #D4A84B;
}

.site-footer__policy[open] .site-footer__policy-title {
	color: #D4A84B;
}

.site-footer__policy-title::after {
	content: "+";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.18) 0%, rgba(232, 185, 72, 0.06) 100%);
	border: 1px solid rgba(232, 185, 72, 0.5);
	border-radius: 2px;
	font-family: var(--sans);
	font-weight: 300;
	font-size: 1.1rem;
	color: #D4A84B;
	line-height: 1;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
	font-style: normal;
}

.site-footer__policy[open] .site-footer__policy-title::after {
	content: "\2212";
	background: linear-gradient(135deg, #D4A84B 0%, #D4A84B 100%);
	border-color: #D4A84B;
	color: #FFFFFF;
	transform: rotate(180deg);
}

/* Body da policy */
.site-footer__policy > .site-footer__policy-body {
	display: none;
}

.site-footer__policy[open] > .site-footer__policy-body {
	display: block;
	padding: 0.8rem 1.4rem 1.3rem;
	border-top: 1px solid rgba(232, 185, 72, 0.22);
	animation: footer-policy-slide 0.4s cubic-bezier(.2,.7,.2,1);
}

.site-footer__policy-body p {
	margin: 0;
	font-family: var(--sans);
	font-size: 0.85rem;
	line-height: 1.7;
	color: var(--ink-soft);
}

.site-footer__policy-body a {
	display: inline;
	padding: 0;
	color: #D4A84B;
	text-decoration: underline;
	text-decoration-color: rgba(200, 149, 31, 0.4);
	text-underline-offset: 3px;
}

@keyframes footer-policy-slide {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 800px) {
	.site-footer__grid {
		grid-template-columns: 1fr;
	}
	.site-footer__menu-toggle {
		width: 100%;
		justify-content: center;
	}
}

/* Footer compliance block — LGPD + OAB + tempo de resposta sempre visíveis */
.site-footer__compliance {
	border-top: 1px solid rgba(255,255,255,0.08);
	padding: 1.2rem 0 0.5rem;
	margin-top: 1rem;
}
.site-footer__compliance p {
	font-size: 0.72rem;
	line-height: 1.6;
	color: rgba(255,255,255,0.38);
	margin-bottom: 0.5rem;
}
.site-footer__compliance p strong {
	color: rgba(255,255,255,0.55);
	font-weight: 600;
}
.site-footer__compliance a {
	color: rgba(200,161,90,0.7);
	text-decoration: none;
}
.site-footer__compliance a:hover { color: #C8A15A; }

/* =======================================================
   BLOCO CTA FINAL (.cta-final) — 100vh + dourado + form em card glass dark
   Background ink, form encapsulado como card escuro com accents dourados.
   ======================================================= */
.cta-final {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 9vw, 8rem) 0;
	background: var(--ink);
	position: relative;
	overflow: hidden;
}

.cta-final .container {
	width: 100%;
}

.cta-final .eyebrow {
	color: #D4A84B;
}

.cta-final .eyebrow::before {
	background: #D4A84B;
	width: 48px;
	height: 1.5px;
}

.cta-final h2 {
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
	max-width: 22ch;
	margin-bottom: 1.8rem;
	color: var(--bone);
}

.cta-final h2 em {
	color: #D4A84B;
	font-style: italic;
}

.cta-final .lead {
	font-size: clamp(0.95rem, 1.15vw, 1.08rem);
	line-height: 1.65;
	color: rgba(246, 242, 234, 0.82);
	margin-bottom: 3rem;
	max-width: 66ch;
}

/* Destaque verde bold sublinhado \u2014 'enquadramento \u2014 n\u00e3o uma venda' */
.cta-final__accent {
	color: #6BAE6B;
	font-weight: 600;
	font-style: italic;
	font-variation-settings: "WONK" 1;
	text-decoration: underline;
	text-decoration-color: #6BAE6B;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 4px;
}

/* FORM encapsulado como card glass dark */
.cta-form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.6rem 2rem;
	padding: 2.5rem 2.5rem 2.2rem;
	background: rgba(246, 242, 234, 0.04);
	border: 1px solid rgba(232, 185, 72, 0.28);
	border-radius: 2px;
	margin-top: 0;
	border-top: 1px solid rgba(232, 185, 72, 0.28);
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(8px) saturate(140%);
	-webkit-backdrop-filter: blur(8px) saturate(140%);
}

.cta-form::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0.7;
	pointer-events: none;
}

/* Labels em dourado uppercase editorial */
.cta-form__field label {
	font-family: var(--sans);
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #D4A84B;
	margin-bottom: 0.7rem;
}

/* Inputs com borda inferior dourada */
.cta-form__field input {
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(232, 185, 72, 0.35);
	padding: 0.5rem 0 0.85rem;
	color: #FFFFFF;
	font-family: var(--serif);
	font-size: 1.08rem;
	font-weight: 300;
	transition: border-color 0.35s cubic-bezier(.2,.7,.2,1);
}

.cta-form__field input::placeholder {
	color: rgba(255, 255, 255, 0.55);
	font-style: italic;
}

.cta-form__field input:focus {
	outline: none;
	border-bottom-color: #D4A84B;
}

/* Select custom \u2014 mesmo estilo dos inputs + chevron dourado */
.cta-form__select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%23E8B948' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5L6 6.5L11 1.5'/></svg>");
	background-repeat: no-repeat;
	background-position: right 0.1rem center;
	background-size: 12px 8px;
	border: none;
	border-bottom: 1px solid rgba(232, 185, 72, 0.35);
	padding: 0.5rem 1.8rem 0.85rem 0;
	color: #FFFFFF;
	font-family: var(--serif);
	font-size: 1.08rem;
	font-weight: 300;
	transition: border-color 0.35s cubic-bezier(.2,.7,.2,1);
	width: 100%;
	cursor: pointer;
	line-height: 1.4;
}

/* Placeholder state (option disabled selected) */
.cta-form__select:invalid {
	color: rgba(255, 255, 255, 0.4);
	font-style: italic;
}

.cta-form__select:focus {
	outline: none;
	border-bottom-color: #D4A84B;
}

/* Options dentro do dropdown nativo \u2014 estiliza\u00e7\u00e3o limitada pelo browser,
   mas funciona no Chrome/Firefox/Edge modern */
.cta-form__select option {
	background: #1A1814;
	color: #FFFFFF;
	font-family: var(--sans);
	font-size: 0.95rem;
	font-weight: 400;
	font-style: normal;
	padding: 0.5rem 1rem;
}

.cta-form__select option[disabled] {
	color: rgba(255, 255, 255, 0.4);
	font-style: italic;
}

/* Remove a seta nativa do IE/Edge legado */
.cta-form__select::-ms-expand {
	display: none;
}

/* Submit row: CTA + micro text lado a lado */
.cta-form__submit {
	grid-column: 1 / -1;
	padding-top: 1.8rem;
	margin-top: 0.8rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2.5rem;
	border-top: none;
}

/* Bot\u00e3o Enviar: gradient dourado + contorno branco (padr\u00e3o hero) */
.cta-final .btn-primary,
.cta-form__submit .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	min-width: 220px;
	padding: 0.95rem 1.8rem;
	background: #D4A84B;
	color: #0B0A08;
	border: none;
	border-radius: 2px;
	font-family: var(--sans);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	outline: none;
	box-shadow: none;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
	text-shadow: none;
	cursor: pointer;
}

.cta-final .btn-primary::after,
.cta-form__submit .btn-primary::after {
	color: #0B0A08;
	margin-left: 0.8rem;
}

.cta-final .btn-primary:hover,
.cta-form__submit .btn-primary:hover {
	background: linear-gradient(135deg, #F9D56E 0%, #D4A84B 50%, #D4A84B 100%);
	color: #0B0A08;
	transform: translateY(-1px);
}

.cta-form__submit .btn-primary:hover::after {
	transform: translateX(4px);
}

/* Micro text \u2014 direita, texto justificado menor */
.cta-form__micro {
	margin: 0;
	font-family: var(--sans);
	font-size: 0.72rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.7);
	max-width: 48ch;
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
}

@media (max-width: 900px) {
	.cta-final {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.cta-form {
		grid-template-columns: 1fr;
		gap: 1.4rem;
		padding: 1.8rem 1.6rem 1.8rem;
	}
	.cta-form__submit {
		flex-direction: column;
		align-items: stretch;
		gap: 1.2rem;
	}
	.cta-form__submit .btn-primary {
		width: 100%;
	}
	.cta-form__micro {
		text-align: justify;
	}
}

/* =======================================================
   BLOCO ANTES DO CONTATO (.objections) — 100vh + dourado + FAQ accordion
   Background bone-warm, cards brancos em modo details/summary.
   ======================================================= */
.objections {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 9vw, 8rem) 0;
	background: var(--bone-warm);
	position: relative;
	overflow: hidden;
}

.objections .container {
	width: 100%;
}

/* removed: dead .objections .eyebrow override (global catch-all exists) */

.objections h2 {
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
	max-width: 28ch;
	margin-bottom: 3rem;
}

.objections h2 em {
	color: #D4A84B;
	font-style: italic;
}

/* Lista de FAQ accordion */
.objections-list {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	border-top: none;
	max-width: 880px;
	margin: 0 auto;
	width: 100%;
}

/* Card accordion (details nativo) */
.objection {
	display: block;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid rgba(232, 185, 72, 0.32);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
	grid-template-columns: none;
	gap: 0;
}

.objection::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(.2,.7,.2,1);
	z-index: 2;
}

.objection:hover {
	border-color: rgba(232, 185, 72, 0.55);
	box-shadow: 0 4px 20px -6px rgba(11, 10, 8, 0.1);
}

.objection[open] {
	border-color: #D4A84B;
	box-shadow: 0 8px 28px -8px rgba(11, 10, 8, 0.15), 0 0 0 1px rgba(232, 185, 72, 0.25);
}

.objection[open]::before {
	opacity: 1;
}

/* Summary = row clic\u00e1vel com pergunta + bot\u00e3o \u201c+\u201d dourado */
.objection__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 0.9rem 1.4rem;
	cursor: pointer;
	list-style: none;
	font-family: var(--serif);
	font-weight: 500;
	font-style: italic;
	font-size: clamp(1.05rem, 1.3vw, 1.2rem);
	line-height: 1.35;
	letter-spacing: -0.01em;
	color: var(--ink);
	user-select: none;
	font-variation-settings: "WONK" 1;
	transition: color 0.3s;
}

/* Esconde triangle nativo (WebKit + Firefox) */
.objection__q::-webkit-details-marker { display: none; }
.objection__q::marker { display: none; content: ""; }

.objection:hover .objection__q {
	color: #D4A84B;
}

.objection[open] .objection__q {
	color: #D4A84B;
	padding-bottom: 0.75rem;
}

/* Bot\u00e3o "+" dourado \u00e0 direita */
.objection__q::after {
	content: "+";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.18) 0%, rgba(232, 185, 72, 0.06) 100%);
	border: 1px solid rgba(232, 185, 72, 0.5);
	border-radius: 2px;
	font-family: var(--sans);
	font-weight: 300;
	font-size: 1.4rem;
	color: #D4A84B;
	line-height: 1;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
	font-style: normal;
}

.objection[open] .objection__q::after {
	content: "\2212"; /* sinal de menos Unicode */
	background: linear-gradient(135deg, #D4A84B 0%, #D4A84B 100%);
	border-color: #D4A84B;
	color: #FFFFFF;
	transform: rotate(180deg);
}

/* Resposta \u2014 escondida por default, vis\u00edvel quando details est\u00e1 aberto */
.objection > .objection__a {
	display: none;
}

.objection[open] > .objection__a {
	display: block;
	padding: 0.75rem 1.4rem 1.1rem;
	border-top: 1px solid rgba(232, 185, 72, 0.22);
	margin-top: 0.2rem;
	animation: objection-slide-down 0.45s cubic-bezier(.2,.7,.2,1);
}

.objection__a p {
	margin: 0;
	font-family: var(--sans);
	font-size: 0.93rem;
	line-height: 1.7;
	color: var(--ink-soft);
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
}

@keyframes objection-slide-down {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 900px) {
	.objections {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.objection__q {
		padding: 1.2rem 1.3rem;
		font-size: 1rem;
	}
	.objection__a {
		padding: 1rem 1.3rem 1.3rem;
	}
}

/* removed: dead .proof--fullbg section (BLOCO A GARANTIA — ~235 lines of .proof.proof--fullbg, .proof__bg, .proof-cards, .proof-card, etc.) */

/* =======================================================
   BLOCO O GESTO (.process) — 100vh + dourado + 5 cards light mosaico
   Grid 3+2, background bone-warm, cards brancos com numerais romanos.
   ======================================================= */
.process {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 9vw, 8rem) 0;
	background: var(--bone-warm);
	position: relative;
	overflow: hidden;
}

.process .container {
	width: 100%;
}

/* removed: dead .process .eyebrow override (global catch-all exists) */

.process h2 {
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
	max-width: 22ch;
	margin-bottom: 3rem;
}

.process h2 em {
	color: #D4A84B;
	font-style: italic;
}

/* MOSAICO 3+2 dos 5 cards do processo */
.process-layers {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto auto;
	gap: 1.5rem;
	border-top: none;
	padding-top: 0;
	position: relative;
}

.process-layer:nth-child(1) {
	grid-column: 1 / span 4;
	grid-row: 1;
}
.process-layer:nth-child(2) {
	grid-column: 5 / span 4;
	grid-row: 1;
}
.process-layer:nth-child(3) {
	grid-column: 9 / span 4;
	grid-row: 1;
}
.process-layer:nth-child(4) {
	grid-column: 1 / span 6;
	grid-row: 2;
}
.process-layer:nth-child(5) {
	grid-column: 7 / span 6;
	grid-row: 2;
}

.process-layer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	padding: 2.2rem 2.2rem 2.4rem;
	background: #FFFFFF;
	border: 1px solid rgba(232, 185, 72, 0.32);
	border-bottom: 1px solid rgba(232, 185, 72, 0.32);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
	text-align: center;
	grid-template-columns: none;
}

.process-layer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0.6;
	transition: opacity 0.55s cubic-bezier(.2,.7,.2,1);
}

.process-layer:hover {
	background: #FFFFFF;
	border-color: #D4A84B;
	transform: translateY(-4px);
	box-shadow: 0 18px 48px -12px rgba(11, 10, 8, 0.18), 0 0 0 1px rgba(232, 185, 72, 0.35);
}

.process-layer:hover::before {
	opacity: 1;
}

/* Numeral romano maiusculo como badge editorial dourado */
.process-layer__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 38px;
	padding: 0 0.9rem;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.22) 0%, rgba(232, 185, 72, 0.08) 100%);
	border: 1px solid rgba(232, 185, 72, 0.5);
	border-radius: 2px;
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 1rem;
	color: #D4A84B;
	letter-spacing: 0.02em;
	line-height: 1;
	align-self: center;
	text-transform: uppercase;
}

.process-layer > div:nth-child(2) {
	width: 100%;
	text-align: center;
}

.process-layer__title {
	font-family: var(--serif);
	font-weight: 400;
	font-style: italic;
	font-size: clamp(1.2rem, 1.7vw, 1.45rem);
	line-height: 1.2;
	letter-spacing: -0.012em;
	color: var(--ink);
	margin-bottom: 0.45rem;
	text-align: center;
	font-variation-settings: "WONK" 1;
}

.process-layer__meta {
	font-family: var(--sans);
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #D4A84B;
	text-align: center;
}

.process-layer__desc {
	margin: 0;
	width: 100%;
	font-family: var(--sans);
	font-size: 0.9rem;
	line-height: 1.65;
	color: var(--ink-soft);
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
}

@media (max-width: 900px) {
	.process {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.process-layers {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 1rem;
	}
	.process-layer:nth-child(1),
	.process-layer:nth-child(2),
	.process-layer:nth-child(3),
	.process-layer:nth-child(4),
	.process-layer:nth-child(5) {
		grid-column: 1;
		grid-row: auto;
	}
	.process-layer {
		grid-template-columns: 1fr;
		padding: 1.8rem 1.6rem 2rem;
	}
}

/* =======================================================
   BLOCO A QUALIFICA\u00c7\u00c3O (.audience) — 100vh + dourado + 2 cards YES/NO
   Grid 2 colunas, background bone-warm, cards brancos com listas.
   ======================================================= */
.audience {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 9vw, 8rem) 0;
	background: var(--bone-warm);
	position: relative;
	overflow: hidden;
}

.audience .container {
	width: 100%;
}

/* removed: dead .audience .eyebrow override (global catch-all exists) */

.audience h2 {
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
	max-width: 24ch;
	margin-bottom: 3rem;
}

.audience h2 em {
	color: #D4A84B;
	font-style: italic;
}

.audience .lead {
	font-size: clamp(0.95rem, 1.15vw, 1.08rem);
	line-height: 1.65;
	margin-bottom: 3rem;
	max-width: 66ch;
}

/* GRID 2 colunas dos cards de qualifica\u00e7\u00e3o */
.audience-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	border-top: none;
	padding-top: 0;
}

.audience-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2.4rem 2.2rem 2.6rem;
	background: #FFFFFF;
	border: 1px solid rgba(232, 185, 72, 0.32);
	border-left: 1px solid rgba(232, 185, 72, 0.32);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
	text-align: center;
}

.audience-col + .audience-col {
	padding: 2.4rem 2.2rem 2.6rem;
	border-left: 1px solid rgba(232, 185, 72, 0.32);
}

.audience-col::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0.6;
	transition: opacity 0.55s cubic-bezier(.2,.7,.2,1);
}

/* Coluna YES com accent VERDE no top line */
.audience-col--yes::before {
	background: linear-gradient(90deg,
		transparent 0%,
		#4B8A4B 30%,
		#6BAE6B 50%,
		#4B8A4B 70%,
		transparent 100%);
}

/* Coluna NO com accent vermelho no top line */
.audience-col--no::before {
	background: linear-gradient(90deg,
		transparent 0%,
		#C6334C 30%,
		#D93E56 50%,
		#C6334C 70%,
		transparent 100%);
}

.audience-col:hover {
	background: #FFFFFF;
	transform: translateY(-4px);
}

.audience-col--yes:hover {
	border-color: #4B8A4B;
	box-shadow: 0 18px 48px -12px rgba(11, 10, 8, 0.18), 0 0 0 1px rgba(75, 138, 75, 0.35);
}

.audience-col--no:hover {
	border-color: #D93E56;
	box-shadow: 0 18px 48px -12px rgba(11, 10, 8, 0.18), 0 0 0 1px rgba(217, 62, 86, 0.35);
}

.audience-col:hover::before {
	opacity: 1;
}

/* Header (h3) como chip centralizado */
.audience-col h3 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	padding: 0.45rem 1.1rem;
	margin-bottom: 2rem;
	border-radius: 2px;
	font-family: var(--sans);
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	align-self: center;
}

/* YES chip = VERDE */
.audience-col--yes h3 {
	background: linear-gradient(135deg, rgba(75, 138, 75, 0.18) 0%, rgba(75, 138, 75, 0.05) 100%);
	border: 1px solid rgba(75, 138, 75, 0.5);
	color: #3B7A3F;
}

/* NO chip = VERMELHO */
.audience-col--no h3 {
	background: linear-gradient(135deg, rgba(217, 62, 86, 0.15) 0%, rgba(217, 62, 86, 0.05) 100%);
	border: 1px solid rgba(217, 62, 86, 0.45);
	color: #B0283D;
}

.audience-col--yes h3::before,
.audience-col--no h3::before {
	font-family: var(--serif);
	font-style: italic;
	font-size: 0.9rem;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1;
}

.audience-col--yes h3::before {
	content: "+";
	color: #3B7A3F;
}

.audience-col--no h3::before {
	content: "\2212";
	color: #B0283D;
}

/* Lista de items \u2014 grid com 4 rows iguais (1fr cada)
   Garante que yes[i] e no[i] tenham exatamente a mesma altura */
.audience-list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	flex: 1 1 auto;
	display: grid;
	grid-template-rows: repeat(4, 1fr);
	min-height: 0;
}

.audience-list li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.4rem 0;
	border-top: 1px solid rgba(232, 185, 72, 0.18);
	font-family: var(--sans);
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--ink-soft);
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
	min-height: 0;
	overflow: hidden;
}

.audience-list li:first-child {
	border-top: none;
	padding-top: 0.2rem;
}

.audience-list li:last-child {
	padding-bottom: 0.2rem;
}

.audience-list strong {
	display: block;
	font-weight: 700;
	font-family: var(--serif);
	font-style: italic;
	font-size: 1.02rem;
	margin-bottom: 0.35rem;
	font-variation-settings: "WONK" 1;
}

/* YES strong = VERDE bold */
.audience-col--yes .audience-list strong {
	color: #3B7A3F;
}

/* NO strong = VERMELHO bold */
.audience-col--no .audience-list strong {
	color: #B0283D;
}

/* Coluna YES: border-top dos items em verde translucido */
.audience-col--yes .audience-list li {
	border-top-color: rgba(75, 138, 75, 0.18);
}

/* Coluna NO: border-top dos items em vermelho translucido */
.audience-col--no .audience-list li {
	border-top-color: rgba(217, 62, 86, 0.15);
}

@media (max-width: 900px) {
	.audience {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.audience-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.audience-col,
	.audience-col + .audience-col {
		padding: 1.8rem 1.6rem 2rem;
		border-left: 1px solid rgba(232, 185, 72, 0.32);
	}
}

/* =======================================================
   BLOCO A CONTA SILENCIOSA (.cost) — 100vh + dourado + cards dark glass
   Grid 3 colunas, background ink (dark), cards glass com accents dourados.
   ======================================================= */
.cost {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 9vw, 8rem) 0;
	position: relative;
	overflow: hidden;
}

.cost .container {
	width: 100%;
}

.cost__head {
	margin-bottom: 3.5rem;
	max-width: 68ch;
}

/* removed: dead .cost .eyebrow override (global catch-all exists) */

.cost h2 {
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
	max-width: 22ch;
	margin-bottom: 1.8rem;
}

.cost h2 em {
	color: #D4A84B;
	font-style: italic;
}

.cost .lead {
	font-size: clamp(0.95rem, 1.15vw, 1.08rem);
	line-height: 1.65;
	color: rgba(246, 242, 234, 0.82);
	max-width: 66ch;
	margin-bottom: 0;
}

/* GRID 3 colunas dos cards de custo */
.cost-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	border-top: none;
	padding-top: 0;
}

.cost-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2.2rem 2.2rem 2.4rem;
	background: rgba(246, 242, 234, 0.03);
	border: 1px solid rgba(232, 185, 72, 0.22);
	border-right: 1px solid rgba(232, 185, 72, 0.22);
	border-bottom: 1px solid rgba(232, 185, 72, 0.22);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
	text-align: center;
}

/* Reset das regras antigas (first/last/not-first) */
.cost-item:first-child,
.cost-item:last-child,
.cost-item:not(:first-child) {
	padding: 2.2rem 2.2rem 2.4rem;
	border: 1px solid rgba(232, 185, 72, 0.22);
}

.cost-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0.55;
	transition: opacity 0.55s cubic-bezier(.2,.7,.2,1);
}

.cost-item:hover {
	background: rgba(246, 242, 234, 0.05);
	border-color: rgba(232, 185, 72, 0.5);
	transform: translateY(-3px);
	box-shadow: 0 18px 48px -12px rgba(0, 0, 0, 0.5);
}

.cost-item:hover::before {
	opacity: 1;
}

/* Numeral romano maiusculo como badge editorial dourado */
.cost-item__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 38px;
	padding: 0 0.9rem;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.22) 0%, rgba(232, 185, 72, 0.08) 100%);
	border: 1px solid rgba(232, 185, 72, 0.5);
	border-radius: 2px;
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 1rem;
	color: #D4A84B;
	letter-spacing: 0.02em;
	margin-bottom: 1.5rem;
	line-height: 1;
	align-self: center;
	text-transform: uppercase;
}

.cost-item h4,
.cost-item .block-subtitle {
	font-family: var(--serif);
	font-weight: 400;
	font-style: italic;
	font-size: clamp(1.2rem, 1.7vw, 1.5rem);
	line-height: 1.2;
	letter-spacing: -0.012em;
	color: #D4A84B;
	margin-bottom: 1rem;
	text-align: center;
	font-variation-settings: "WONK" 1;
}

.cost-item p {
	margin: 0;
	width: 100%;
	font-family: var(--sans);
	font-size: 0.9rem;
	line-height: 1.65;
	color: rgba(246, 242, 234, 0.82);
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
}

.cost__close {
	margin-top: 3rem;
	padding-top: 2.5rem;
	border-top: 1px solid rgba(232, 185, 72, 0.22);
	text-align: center;
	font-family: var(--serif);
	font-style: italic;
	font-size: 1.05rem;
	color: rgba(246, 242, 234, 0.75);
	max-width: 60ch;
	margin-left: auto;
	margin-right: auto;
}

/* removed: dead .cost__close-accent selector */

@media (max-width: 900px) {
	.cost {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.cost-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.cost-item,
	.cost-item:first-child,
	.cost-item:last-child,
	.cost-item:not(:first-child) {
		padding: 1.8rem 1.6rem 2rem;
	}
}

/* =======================================================
   BLOCO O QUE SEPARA (.differentials) — 100vh + dourado + cards em fundo claro
   Grid 2x2, background bone-warm, cards brancos com accents dourados.
   ======================================================= */
.differentials {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 9vw, 8rem) 0;
	position: relative;
	overflow: hidden;
}

.differentials .container {
	width: 100%;
}

/* removed: dead .differentials .eyebrow override (global catch-all exists) */

.differentials h2 {
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
	max-width: 22ch;
	margin-bottom: 3rem;
}

.differentials h2 em {
	color: #D4A84B;
	font-style: italic;
}

/* GRID 2x2 dos cards de diferenciais */
.differentials-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	border: none;
	padding-top: 0;
}

.differential {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2.2rem 2.2rem 2.4rem;
	background: #FFFFFF;
	border: 1px solid rgba(232, 185, 72, 0.32);
	border-right: 1px solid rgba(232, 185, 72, 0.32);
	border-bottom: 1px solid rgba(232, 185, 72, 0.32);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
	text-align: center;
	grid-template-columns: none;
	gap: 0;
}

/* Reset do padding antigo (odd/even) */
.differential:nth-child(odd),
.differential:nth-child(even) {
	padding: 2.2rem 2.2rem 2.4rem;
	border-right: 1px solid rgba(232, 185, 72, 0.32);
}

.differential::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0.6;
	transition: opacity 0.55s cubic-bezier(.2,.7,.2,1);
}

.differential:hover {
	background: #FFFFFF;
	border-color: #D4A84B;
	transform: translateY(-4px);
	box-shadow: 0 18px 48px -12px rgba(11, 10, 8, 0.18), 0 0 0 1px rgba(232, 185, 72, 0.35);
}

.differential:hover::before {
	opacity: 1;
}

/* Numeral romano maiusculo como badge editorial dourado */
.differential__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 38px;
	padding: 0 0.9rem;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.22) 0%, rgba(232, 185, 72, 0.08) 100%);
	border: 1px solid rgba(232, 185, 72, 0.5);
	border-radius: 2px;
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 1rem;
	color: #D4A84B;
	letter-spacing: 0.02em;
	margin-bottom: 1.5rem;
	line-height: 1;
	align-self: center;
	grid-row: auto;
	text-transform: uppercase;
}

.differential h3 {
	font-family: var(--serif);
	font-weight: 400;
	font-style: italic;
	font-size: clamp(1.25rem, 1.8vw, 1.55rem);
	line-height: 1.2;
	letter-spacing: -0.012em;
	color: var(--ink);
	margin-bottom: 1rem;
	text-align: center;
	font-variation-settings: "WONK" 1;
}

.differential p {
	margin: 0;
	width: 100%;
	font-family: var(--sans);
	font-size: 0.92rem;
	line-height: 1.68;
	color: var(--ink-soft);
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
}

.differential p em {
	color: #D4A84B;
	font-style: italic;
	font-weight: 500;
}

@media (max-width: 900px) {
	.differentials {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.differentials-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.differential,
	.differential:nth-child(odd),
	.differential:nth-child(even) {
		padding: 1.8rem 1.6rem 2rem;
	}
}

/* =======================================================
   BLOCO O ENTREG\u00c1VEL (.evidence) — 100vh + dourado + cards em fundo claro
   Grid 2x2, background bone, cards brancos com accents dourados.
   ======================================================= */
.evidence {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 9vw, 8rem) 0;
	position: relative;
	overflow: hidden;
	background: var(--bone-warm);
}

.evidence .container {
	width: 100%;
}

/* removed: dead .evidence .eyebrow override (global catch-all exists) */

.evidence h2 {
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
	max-width: 20ch;
	margin-bottom: 1.8rem;
}

.evidence h2 em {
	color: #D4A84B;
	font-style: italic;
}

.evidence .lead {
	font-size: clamp(0.95rem, 1.15vw, 1.08rem);
	line-height: 1.65;
	margin-bottom: 3.5rem;
	max-width: 66ch;
}

/* GRID 2x2 dos cards do entreg\u00e1vel */
.evidence-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	border: none;
	padding-top: 0;
}

.evidence-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2.2rem 2.2rem 2.4rem;
	background: #FFFFFF;
	border: 1px solid rgba(232, 185, 72, 0.32);
	border-right: 1px solid rgba(232, 185, 72, 0.32);
	border-bottom: 1px solid rgba(232, 185, 72, 0.32);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
	text-align: center;
}

.evidence-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0.6;
	transition: opacity 0.55s cubic-bezier(.2,.7,.2,1);
}

.evidence-item:hover {
	background: #FFFFFF;
	border-color: #D4A84B;
	transform: translateY(-4px);
	box-shadow: 0 18px 48px -12px rgba(11, 10, 8, 0.18), 0 0 0 1px rgba(232, 185, 72, 0.35);
}

.evidence-item:hover::before {
	opacity: 1;
}

/* Numeral romano maiusculo como badge editorial dourado */
.evidence-item__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 38px;
	padding: 0 0.9rem;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.22) 0%, rgba(232, 185, 72, 0.08) 100%);
	border: 1px solid rgba(232, 185, 72, 0.5);
	border-radius: 2px;
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 1rem;
	color: #D4A84B;
	letter-spacing: 0.02em;
	margin-bottom: 1.5rem;
	line-height: 1;
	align-self: center;
	text-transform: uppercase;
}

.evidence-item h4,
.evidence-item .block-subtitle {
	font-family: var(--serif);
	font-weight: 400;
	font-style: italic;
	font-size: clamp(1.25rem, 1.8vw, 1.55rem);
	line-height: 1.2;
	letter-spacing: -0.012em;
	color: var(--ink);
	margin-bottom: 1rem;
	text-align: center;
	font-variation-settings: "WONK" 1;
}

.evidence-item p {
	margin: 0;
	width: 100%;
	font-family: var(--sans);
	font-size: 0.92rem;
	line-height: 1.68;
	color: var(--ink-soft);
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
}

@media (max-width: 900px) {
	.evidence {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.evidence-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.evidence-item {
		padding: 1.8rem 1.6rem 2rem;
	}
}

/* =======================================================
   BLOCO O M\u00c9TODO (.method) — 100vh + dourado + 5 cards interativos
   Mesmo padr\u00e3o dos contrast-item, preservando o layout vertical de 5 linhas.
   ======================================================= */
.method {
	height: 100vh;
	min-height: unset;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1rem 0;
	position: relative;
	overflow: hidden;
}
.theme-dark .method {
	background: rgba(11, 10, 8, 0.72);
}
.method .container {
	transform: scale(0.88);
	transform-origin: center center;
}

.method .container {
	width: 100%;
}

/* removed: dead .method .eyebrow override (global catch-all exists) */

.method h2 {
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	line-height: 1.15;
	letter-spacing: -0.018em;
	max-width: 22ch;
	margin-bottom: 1.8rem;
}

.method h2 em {
	color: #D4A84B;
	font-style: italic;
}

.method-intro {
	font-size: clamp(0.95rem, 1.15vw, 1.08rem);
	line-height: 1.65;
	color: rgba(246, 242, 234, 0.78);
	margin-bottom: 3.5rem;
	max-width: 62ch;
}

/* MOSAICO BENTO — layout equilibrado 3+2 em 12 colunas
   Row 1:  [ I 4 cols ][ II 4 cols ][ III 4 cols ]   altura uniforme
   Row 2:  [   IV 6 cols   ][   V 6 cols   ]         altura ligeiramente maior
*/
.method-layers {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto auto;
	gap: 1.5rem;
	border-top: none;
	position: relative;
}

.method-layer:nth-child(1) {
	grid-column: 1 / span 4;
	grid-row: 1;
}
.method-layer:nth-child(2) {
	grid-column: 5 / span 4;
	grid-row: 1;
}
.method-layer:nth-child(3) {
	grid-column: 9 / span 4;
	grid-row: 1;
}
.method-layer:nth-child(4) {
	grid-column: 1 / span 6;
	grid-row: 2;
}
.method-layer:nth-child(5) {
	grid-column: 7 / span 6;
	grid-row: 2;
}

.method-layer {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	padding: 1.8rem 1.9rem 2rem;
	background: rgba(246, 242, 234, 0.03);
	border: 1px solid rgba(232, 185, 72, 0.22);
	border-bottom: 1px solid rgba(232, 185, 72, 0.22);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
	grid-template-columns: none;
	text-align: center;
}

.method-layer .method-layer__num {
	align-self: center;
}

.method-layer .method-layer__title {
	font-size: clamp(1.15rem, 1.5vw, 1.4rem);
	line-height: 1.2;
	margin-bottom: 0.4rem;
	text-align: center;
}

.method-layer .method-layer__title-meta {
	text-align: center;
}

.method-layer .method-layer__desc {
	width: 100%;
	font-size: 0.88rem;
	line-height: 1.65;
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
}

.method-layer > div:nth-child(2) {
	width: 100%;
	text-align: center;
}

.method-layer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0.55;
	transition: opacity 0.55s cubic-bezier(.2,.7,.2,1);
	z-index: 2;
}

.method-layer:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 48px -12px rgba(0, 0, 0, 0.5);
}

.method-layer:hover::before {
	opacity: 1;
}

/* Cards IV e V (row inferior) podem respirar um pouco mais com texto maior */
.method-layer:nth-child(4) .method-layer__desc,
.method-layer:nth-child(5) .method-layer__desc {
	font-size: 0.96rem;
	line-height: 1.62;
}

/* =======================================================
   5 cards \u2014 4 cores novas (distintas da paleta principal)
   I   Deep Teal      #2F6168  (frio, leitura)
   II  Burnt Copper   #A85A35  (quente, experi\u00eancia)
   III Deep Forest    #2D4A3E  (frio, decis\u00e3o)
   IV  Dusty Plum     #6B3E5E  (quente, descoberta)
   V   Burnt Copper   #A85A35  (repete II, ritmo de alternancia)
   ======================================================= */

/* I \u2014 Deep Teal #2F6168 */
.method-layer:nth-child(1) {
	background: rgba(47, 97, 104, 0.13);
	border-color: rgba(80, 140, 150, 0.45);
}
.method-layer:nth-child(1)::before {
	background: linear-gradient(90deg, transparent 0%, #2F6168 30%, #5C98A0 50%, #2F6168 70%, transparent 100%);
}
.method-layer:nth-child(1) .method-layer__num {
	background: linear-gradient(135deg, rgba(92, 152, 160, 0.22) 0%, rgba(47, 97, 104, 0.08) 100%);
	border-color: rgba(92, 152, 160, 0.55);
	color: #8FC0C8;
}
.method-layer:nth-child(1) .method-layer__title { color: #8FC0C8; }
.method-layer:nth-child(1) .method-layer__title-meta { color: rgba(143, 192, 200, 0.7); }
.method-layer:nth-child(1):hover {
	background: rgba(47, 97, 104, 0.22);
	border-color: rgba(92, 152, 160, 0.7);
}

/* II \u2014 Burnt Copper #A85A35 */
.method-layer:nth-child(2) {
	background: rgba(168, 90, 53, 0.13);
	border-color: rgba(195, 110, 70, 0.45);
}
.method-layer:nth-child(2)::before {
	background: linear-gradient(90deg, transparent 0%, #A85A35 30%, #D68252 50%, #A85A35 70%, transparent 100%);
}
.method-layer:nth-child(2) .method-layer__num {
	background: linear-gradient(135deg, rgba(214, 130, 82, 0.22) 0%, rgba(168, 90, 53, 0.08) 100%);
	border-color: rgba(214, 130, 82, 0.55);
	color: #E9A478;
}
.method-layer:nth-child(2) .method-layer__title { color: #E9A478; }
.method-layer:nth-child(2) .method-layer__title-meta { color: rgba(233, 164, 120, 0.7); }
.method-layer:nth-child(2):hover {
	background: rgba(168, 90, 53, 0.22);
	border-color: rgba(214, 130, 82, 0.7);
}

/* III \u2014 Deep Forest #2D4A3E */
.method-layer:nth-child(3) {
	background: rgba(45, 74, 62, 0.15);
	border-color: rgba(85, 130, 110, 0.45);
}
.method-layer:nth-child(3)::before {
	background: linear-gradient(90deg, transparent 0%, #2D4A3E 30%, #5B8875 50%, #2D4A3E 70%, transparent 100%);
}
.method-layer:nth-child(3) .method-layer__num {
	background: linear-gradient(135deg, rgba(91, 136, 117, 0.22) 0%, rgba(45, 74, 62, 0.08) 100%);
	border-color: rgba(91, 136, 117, 0.55);
	color: #8FBEA8;
}
.method-layer:nth-child(3) .method-layer__title { color: #8FBEA8; }
.method-layer:nth-child(3) .method-layer__title-meta { color: rgba(143, 190, 168, 0.7); }
.method-layer:nth-child(3):hover {
	background: rgba(45, 74, 62, 0.22);
	border-color: rgba(91, 136, 117, 0.7);
}

/* IV \u2014 Dusty Plum #6B3E5E */
.method-layer:nth-child(4) {
	background: rgba(107, 62, 94, 0.14);
	border-color: rgba(150, 95, 135, 0.45);
}
.method-layer:nth-child(4)::before {
	background: linear-gradient(90deg, transparent 0%, #6B3E5E 30%, #A57093 50%, #6B3E5E 70%, transparent 100%);
}
.method-layer:nth-child(4) .method-layer__num {
	background: linear-gradient(135deg, rgba(165, 112, 147, 0.22) 0%, rgba(107, 62, 94, 0.08) 100%);
	border-color: rgba(165, 112, 147, 0.55);
	color: #C9A1BC;
}
.method-layer:nth-child(4) .method-layer__title { color: #C9A1BC; }
.method-layer:nth-child(4) .method-layer__title-meta { color: rgba(201, 161, 188, 0.7); }
.method-layer:nth-child(4):hover {
	background: rgba(107, 62, 94, 0.22);
	border-color: rgba(165, 112, 147, 0.7);
}

/* V \u2014 Midnight Navy #2A3F5F (nova cor: autoridade fria) */
.method-layer:nth-child(5) {
	background: rgba(42, 63, 95, 0.14);
	border-color: rgba(85, 115, 155, 0.45);
}
.method-layer:nth-child(5)::before {
	background: linear-gradient(90deg, transparent 0%, #2A3F5F 30%, #6B85B0 50%, #2A3F5F 70%, transparent 100%);
}
.method-layer:nth-child(5) .method-layer__num {
	background: linear-gradient(135deg, rgba(107, 133, 176, 0.22) 0%, rgba(42, 63, 95, 0.08) 100%);
	border-color: rgba(107, 133, 176, 0.55);
	color: #9CB5D8;
}
.method-layer:nth-child(5) .method-layer__title { color: #9CB5D8; }
.method-layer:nth-child(5) .method-layer__title-meta { color: rgba(156, 181, 216, 0.7); }
.method-layer:nth-child(5):hover {
	background: rgba(42, 63, 95, 0.22);
	border-color: rgba(107, 133, 176, 0.7);
}

/* Numeral como badge editorial dourado (padr\u00e3o problem-item) */
.method-layer__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 56px;
	height: 38px;
	padding: 0 0.9rem;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.18) 0%, rgba(232, 185, 72, 0.08) 100%);
	border: 1px solid rgba(232, 185, 72, 0.4);
	border-radius: 2px;
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 1rem;
	color: #D4A84B;
	letter-spacing: 0.02em;
	line-height: 1;
	align-self: flex-start;
	text-transform: uppercase;
}

/* T\u00edtulo em dourado Fraunces italic */
.method-layer__title {
	font-family: var(--serif);
	font-weight: 400;
	font-style: italic;
	font-size: clamp(1.25rem, 1.8vw, 1.58rem);
	line-height: 1.18;
	letter-spacing: -0.012em;
	color: #D4A84B;
	margin-bottom: 0.55rem;
	font-variation-settings: "WONK" 1;
}

.method-layer__title-meta {
	font-family: var(--sans);
	font-size: 0.62rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(232, 185, 72, 0.7);
}

.method-layer__desc {
	margin: 0;
	font-family: var(--sans);
	font-size: 0.92rem;
	line-height: 1.62;
	color: rgba(246, 242, 234, 0.82);
}

.method__foot {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.8rem;
	text-align: center;
}

.method__foot-note {
	text-align: center;
	max-width: 62ch;
	margin: 0 auto;
	color: rgba(246, 242, 234, 0.82);
}

.method__foot-accent {
	color: #D93E56;
	font-style: italic;
	font-weight: 600;
	font-variation-settings: "WONK" 1;
	text-decoration: underline;
	text-decoration-color: #D93E56;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 4px;
}

/* removed: dead .mid-cta__btn / .floating-cta__btn selectors */

/* CTA do method footer \u2014 padroniza igual ao hero btn-primary (dourado + contorno branco) */
.method .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	min-width: 220px;
	padding: 0.95rem 1.8rem;
	background: #D4A84B;
	color: #0B0A08;
	border: none;
	border-radius: 2px;
	font-family: var(--sans);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	outline: none;
	box-shadow: none;
	transition: all 0.4s cubic-bezier(.2,.7,.2,1);
	text-shadow: none;
	text-decoration: none;
}

.method .btn-primary::after {
	color: #0B0A08;
	margin-left: 0.8rem;
	transition: transform 0.4s cubic-bezier(.2,.7,.2,1);
}

.method .btn-primary:hover {
	background: linear-gradient(135deg, #F9D56E 0%, #D4A84B 50%, #D4A84B 100%);
	color: #0B0A08;
	transform: translateY(-1px);
}

.method .btn-primary:hover::after {
	color: #FFFFFF;
	transform: translateX(4px);
}

@media (max-width: 900px) {
	.method {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	/* Mosaico vira stack vertical no mobile */
	.method-layers {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 1rem;
	}
	.method-layer:nth-child(1),
	.method-layer:nth-child(2),
	.method-layer:nth-child(3),
	.method-layer:nth-child(4),
	.method-layer:nth-child(5) {
		grid-column: 1;
		grid-row: auto;
	}
	.method-layer {
		padding: 1.6rem 1.4rem 1.7rem;
	}
}

/* =======================================================
   BLOCO A CATEGORIA (.whatwedo) — 100vh + dourado + cards interativos
   ======================================================= */
.whatwedo {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 9vw, 8rem) 0;
	position: relative;
	overflow: hidden;
}

.whatwedo .container {
	width: 100%;
}

/* removed: dead .whatwedo .eyebrow override (global catch-all exists) */

.whatwedo h2 {
	font-size: clamp(1.75rem, 2.8vw, 2.45rem);
	line-height: 1.18;
	letter-spacing: -0.017em;
	max-width: 28ch;
	margin-bottom: 1.8rem;
}

.whatwedo h2 em {
	color: #D4A84B;
	font-style: italic;
}

.whatwedo .lead {
	font-size: clamp(0.95rem, 1.15vw, 1.08rem);
	line-height: 1.6;
	margin-bottom: 3.5rem;
	max-width: 62ch;
}

.whatwedo .lead strong {
	font-weight: 500;
	color: #000000;
}

/* CONTRAST GRID — cards interativos com setas conectoras de processo */
.contrast-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3.5rem;
	border: none;
	padding-top: 0;
	position: relative;
}

.contrast-item {
	position: relative;
	padding: 2.4rem 2rem 2.6rem;
	background: #FFFFFF;
	border: 1px solid rgba(232, 185, 72, 0.32);
	border-radius: 2px;
	overflow: visible;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
	display: flex;
	flex-direction: column;
	cursor: default;
	height: 100%;
}

.contrast-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 30%,
		#D4A84B 50%,
		#D4A84B 70%,
		transparent 100%);
	opacity: 0.6;
	transition: opacity 0.55s cubic-bezier(.2,.7,.2,1);
	z-index: 2;
}

/* Seta conectora entre os cards (exceto depois do \u00faltimo) */
.contrast-item:not(:last-child)::after {
	content: "\2192";
	position: absolute;
	top: 50%;
	right: -3.5rem;
	width: 3.5rem;
	transform: translateY(-50%);
	font-family: var(--sans);
	font-weight: 300;
	font-size: 1.6rem;
	color: #D4A84B;
	text-align: center;
	line-height: 1;
	z-index: 3;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
	pointer-events: none;
}

/* Linha da seta (trilho) */
.contrast-item:not(:last-child) {
	background-image:
		linear-gradient(to right, #FFFFFF, #FFFFFF);
}

.contrast-grid::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(232, 185, 72, 0.35) 15%,
		rgba(232, 185, 72, 0.35) 85%,
		transparent 100%);
	transform: translateY(-50%);
	z-index: 0;
	pointer-events: none;
}

.contrast-item:hover {
	border-color: #D4A84B;
	transform: translateY(-6px);
	box-shadow: 0 18px 48px -12px rgba(11, 10, 8, 0.25), 0 0 0 1px rgba(232, 185, 72, 0.4);
}

.contrast-item:hover::before {
	opacity: 1;
}

.contrast-item:not(:last-child):hover::after {
	color: #D4A84B;
	transform: translateY(-50%) translateX(4px);
}

/* Label superior: chip dourado com letter-spacing */
.contrast-item__label {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.35rem 0.85rem;
	margin-bottom: 1.8rem;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.18) 0%, rgba(232, 185, 72, 0.06) 100%);
	border: 1px solid rgba(232, 185, 72, 0.4);
	border-radius: 2px;
	font-family: var(--sans);
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #D4A84B;
	align-self: flex-start;
	padding-bottom: 0.35rem;
}

.contrast-item__label::before {
	content: "01";
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 0.72rem;
	color: #D4A84B;
	letter-spacing: 0;
	text-transform: none;
	margin-right: 0.15rem;
}

.contrast-item:nth-child(2) .contrast-item__label::before { content: "02"; }
.contrast-item:nth-child(3) .contrast-item__label::before { content: "03"; }

/* Them: texto apagado, italic, fade — altura fixa para alinhamento */
.contrast-item__them {
	font-family: var(--serif);
	font-weight: 300;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--ink-mute);
	letter-spacing: -0.005em;
	margin-bottom: 1.2rem;
	position: relative;
	padding-bottom: 1.2rem;
	opacity: 0.7;
	transition: opacity 0.55s cubic-bezier(.2,.7,.2,1);
	min-height: 2.8em;
}

.contrast-item__them::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 1px;
	background: #D4A84B;
	opacity: 0.4;
	transition: all 0.55s cubic-bezier(.2,.7,.2,1);
}

.contrast-item:hover .contrast-item__them::after {
	width: 64px;
	opacity: 1;
}

.contrast-item:hover .contrast-item__them {
	opacity: 0.85;
}

/* Us: texto impactante Fraunces, flex-grow para empurrar pro final do card */
.contrast-item__us {
	margin: 0;
	margin-top: auto;
	font-family: var(--serif);
	font-weight: 400;
	font-size: 1.08rem;
	line-height: 1.35;
	color: #000000;
	letter-spacing: -0.01em;
}

.contrast-item__us strong {
	font-weight: 400;
	color: #D4A84B;
	font-style: italic;
	font-variation-settings: "WONK" 1;
	display: inline-block;
}

/* Brand mark — logo centralizado como block acima do texto
   Respiro de 1.4rem antes do texto do card */
.contrast-item__us .brand-mark {
	display: block;
	height: 40px;
	width: auto;
	margin: 0 auto 1.4rem;
	color: #000000;
}

@media (max-width: 900px) {
	.whatwedo {
		min-height: auto;
		padding: clamp(4rem, 8vw, 6rem) 0;
	}
	.contrast-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.contrast-grid::before {
		display: none;
	}
	.contrast-item:not(:last-child)::after {
		content: "\2193";
		top: auto;
		bottom: -1.8rem;
		right: 50%;
		left: auto;
		width: auto;
		transform: translateX(50%);
		font-size: 1.4rem;
	}
	.contrast-item:not(:last-child):hover::after {
		transform: translateX(50%) translateY(3px);
	}
}

/* =======================================================
   BLOCO ESPELHO (.problem) — eyebrow dourado + cards redesenhados
   ======================================================= */
/* removed: dead .problem .eyebrow override (global catch-all exists) */

.problem h2 {
	max-width: 26ch;
	margin-bottom: 1.8rem;
}

.problem h2 em {
	color: #D4A84B;
}

.problem .lead {
	margin-bottom: 4rem;
	font-size: clamp(1.05rem, 1.2vw, 1.15rem);
	max-width: 68ch;
}

/* GRID dos 4 cards — 2x2, sem bordas antigas */
.problem-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	border-top: none;
	padding-top: 0;
}

.problem-item {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	padding: 2.2rem 2.2rem 2.4rem;
	background: rgba(246, 242, 234, 0.03);
	border: 1px solid rgba(232, 185, 72, 0.22);
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(.2,.7,.2,1);
}

.problem-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,
		transparent 0%,
		#D4A84B 25%,
		#D4A84B 50%,
		#D4A84B 75%,
		transparent 100%);
	opacity: 0.55;
	transition: opacity 0.5s cubic-bezier(.2,.7,.2,1);
}

.problem-item:hover {
	background: rgba(246, 242, 234, 0.05);
	border-color: rgba(232, 185, 72, 0.5);
	transform: translateY(-3px);
}

.problem-item:hover::before {
	opacity: 1;
}

/* Reset do border antigo (odd/even) */
.problem-item:nth-child(odd),
.problem-item:nth-child(even) {
	border: 1px solid rgba(232, 185, 72, 0.22);
	padding: 2.2rem 2.2rem 2.4rem;
}

/* Numeral dourado como badge editorial */
.problem-item__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 48px;
	height: 36px;
	padding: 0 0.8rem;
	background: linear-gradient(135deg, rgba(232, 185, 72, 0.18) 0%, rgba(232, 185, 72, 0.08) 100%);
	border: 1px solid rgba(232, 185, 72, 0.4);
	border-radius: 2px;
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 0.95rem;
	color: #D4A84B;
	letter-spacing: 0.02em;
	line-height: 1;
	padding-top: 0;
	flex-shrink: 0;
	align-self: flex-start;
}

.problem-item p {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.65;
	color: rgba(246, 242, 234, 0.82);
}

.problem-item strong {
	display: block;
	margin-bottom: 0.4rem;
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: 1.1rem;
	color: #D4A84B;
	letter-spacing: -0.005em;
	line-height: 1.3;
	font-variation-settings: "WONK" 1;
}

@media (max-width: 800px) {
	.problem-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.problem-item,
	.problem-item:nth-child(odd),
	.problem-item:nth-child(even) {
		padding: 1.8rem 1.6rem 1.9rem;
	}
}

/* =======================================================
   BLOCO DETECTOR — Radar p\u00fablico (layout 2 colunas + dourado)
   ======================================================= */
.detector {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.detector__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(3rem, 6vw, 5rem);
	align-items: center;
}

.detector__intro {
	padding-right: 1rem;
}

.detector .eyebrow {
	color: var(--brass, #D4A84B);
	margin-bottom: 2rem;
}

.detector .eyebrow::before {
	background: var(--brass, #D4A84B);
	width: 48px;
	height: 1.5px;
}

.detector h2 {
	font-size: clamp(1.7rem, 2.6vw, 2.4rem);
	line-height: 1.15;
	letter-spacing: -0.015em;
	max-width: none;
	margin-bottom: 1.6rem;
}

.detector h2 em {
	color: var(--brass, #D4A84B);
	font-style: italic;
}

.detector .lead {
	font-size: clamp(0.95rem, 1.1vw, 1.05rem);
	line-height: 1.6;
	margin-bottom: 0;
	max-width: none;
}

.detector__action {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: auto;
	padding: 7rem 2.5rem 2.5rem;
	background: transparent;
	border: none;
	border-radius: 4px;
	position: relative;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.detector__action::before {
	display: none;
}

.detector__action .detector-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 0;
	border-top: none;
	gap: 0;
	margin-bottom: 1rem;
	text-align: center;
	/* Override .theme-dark .detector-form: mesmo bg dos cards da timeline */
	background: rgba(255, 255, 255, 0.75);
	box-shadow: 0 8px 32px rgba(0,0,0,0.2);
	border-right: none;
	border-left: 3px solid var(--brass, #D4A84B);
	border-radius: 6px;
	padding: 2.5rem 2.2rem;
}

.detector__action .detector-form__field {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-bottom: 1.5rem;
	text-align: center;
}

.detector__action .detector-form__field .detector-form__input,
.detector__action .detector-form__field input {
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(11, 10, 8, 0.15);
	border-bottom: 1px solid rgba(11, 10, 8, 0.15);
	border-radius: 4px;
	padding: 1rem 1.2rem;
	color: var(--ink, #0B0A08);
	font-size: 1rem;
	text-align: center;
	width: 100%;
}

.detector__action .detector-form__field .detector-form__input::placeholder,
.detector__action .detector-form__field input::placeholder {
	color: rgba(11, 10, 8, 0.45);
	text-align: center;
}

.detector__action .detector-form__field .detector-form__label,
.detector__action .detector-form__field label {
	color: var(--ink, #0B0A08);
	text-align: center;
	display: block;
	width: 100%;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	white-space: nowrap;
}

.detector__action .detector-form__submit {
	width: 100%;
	justify-content: center;
	text-align: center;
	background: var(--brass, #D4A84B);
	color: var(--ink, #0B0A08);
	border: none;
	font-weight: 600;
	box-shadow: none;
	text-shadow: none;
	border-radius: 4px;
	padding: 1rem;
}

.detector__action .detector-form__submit::after {
	color: var(--ink, #0B0A08);
}

.detector__action .detector-form__submit:hover {
	background: #C49A3F;
	color: var(--ink, #0B0A08);
	transform: translateY(-1px);
}

.detector__action .detector-form__note {
	margin-top: 0.5rem;
	margin-bottom: 0;
	font-size: 0.72rem;
	line-height: 1.55;
	color: #ffffff;
	text-align: center;
	width: 100%;
}

@media (max-width: 900px) {
	.detector__grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
	.detector__intro {
		padding-right: 0;
	}
	.detector h2 {
		max-width: none;
	}
	.detector__action {
		padding: 1.6rem 1.4rem 1.6rem;
	}
}

.btn-label-full { display: inline-block; }
.btn-label-short { display: none; }
@media (max-width: 1100px) {
	.site-header .btn-label-full { display: none; }
	.site-header .btn-label-short { display: inline-block; }
	.site-header .btn-primary {
		padding: 0.55rem 1rem;
		font-size: 0.7rem;
		letter-spacing: 0.12em;
	}
	.site-header .btn-arrow::after { display: none; }
}
@media (max-width: 960px) {
	.site-header .site-nav { gap: 1.4rem; }
	.site-header .site-nav a { font-size: 0.9rem; letter-spacing: 0; }
	.site-header__inner { gap: 1rem; }
}
@media (max-width: 780px) {
	.site-header .btn-primary { display: none; }
	.site-nav { display: none; }
}
.page-hero {
    background: var(--bone-warm);
    border-bottom: 1px solid var(--rule);
    padding: clamp(4rem, 8vw, 7rem) 0 clamp(2.5rem, 5vw, 4rem);
}
.page-hero .eyebrow { margin-bottom: 1rem; }
.page-hero h1 {
    font-family: var(--serif);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 300;
    line-height: 1.2;
    max-width: 22ch;
    margin: 0 0 1.5rem;
}
.page-hero .lead { max-width: 52ch; }

/* removed: dead teaser section styles (.definition-teaser, .method-teaser, .process-teaser, .faq-teaser, .radar-teaser) */

/* =======================================================
   CTA FINAL — foto de fundo com overlay escuro
   ======================================================= */
.cta-final {
	background:
		linear-gradient(
			rgba(11, 10, 8, 0.82) 0%,
			rgba(11, 10, 8, 0.72) 40%,
			rgba(11, 10, 8, 0.82) 100%
		),
		url('https://www.auditajus.com/wp-content/themes/auditajus/assets/desk-writing.jpg') center / cover fixed;
}

/* =======================================================
   LAYERS TIMELINE — diagrama horizontal 5 camadas
   ======================================================= */
.layers-timeline {
	margin: 5rem 0 4rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.layers-timeline__track {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	min-width: 700px;
	padding: 0;
}

/* Linha horizontal central */
.layers-timeline__track::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1.5px;
	background: var(--ink, #0B0A08);
	opacity: 0.5;
	transform: translateY(-50%);
	z-index: 0;
}

.layers-timeline__node {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	position: relative;
	z-index: 1;
}

.layers-timeline__dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--ink, #0B0A08);
	flex-shrink: 0;
	z-index: 2;
	box-shadow: 0 0 0 4px rgba(11,10,8,0.1);
}

.layers-timeline__stem {
	width: 1px;
	height: 3.5rem;
	background: var(--ink, #0B0A08);
	opacity: 0.3;
	flex-shrink: 0;
}

.layers-timeline__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 0.85rem 1.1rem 1rem;
	gap: 0.35rem;
	background: #fff;
	border-top: 3px solid var(--brass, #D4A84B);
	border-radius: 4px;
	box-shadow: 0 4px 18px rgba(11,10,8,0.10);
	min-width: 130px;
}

.layers-timeline__num {
	font-family: var(--serif);
	font-size: 2rem;
	font-weight: 300;
	color: var(--brass, #D4A84B);
	line-height: 1;
	font-style: italic;
	margin: 0;
}

.layers-timeline__title {
	font-family: var(--sans);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--ink, #0B0A08);
	line-height: 1.3;
}

.layers-timeline__sub {
	font-family: var(--sans);
	font-size: 0.67rem;
	color: var(--oxblood, #6B0F1A);
	opacity: 0.85;
	line-height: 1.4;
	max-width: 14ch;
	font-style: italic;
}

.layers-timeline__node--above { flex-direction: column; }
.layers-timeline__node--below { flex-direction: column; }

.layers-timeline__half {
	height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.layers-timeline__half--top {
	justify-content: flex-end;
	padding-bottom: 0.75rem;
}
.layers-timeline__half--bottom {
	justify-content: flex-start;
	padding-top: 0.75rem;
}

@media (max-width: 720px) {
	.layers-timeline {
		margin: 3rem -1rem 2.5rem;
		padding: 0 1rem;
	}
}

/* =======================================================
   METHOD — fundo off-white
   ======================================================= */
.section.method {
	background: var(--bone);
}
.method { color: var(--ink); }
.method h2, .method h3 { color: var(--ink); }
.method em { color: var(--brass); }
/* removed: dead .method .eyebrow override (global catch-all exists) */
.method-layer { border-bottom-color: var(--rule); }
.method-layer:hover { background: rgba(11,10,8,0.03); }
.method-layer__num { color: #D4A84B; font-weight: 400; }
.method-layer__title { color: var(--ink); }
.method-layer__title-meta { color: var(--ink-soft); }
.method-layer__desc { color: var(--ink); }
.method__foot-note { color: var(--ink-mute); }
.method__foot-accent { color: #B91C1C; text-decoration: none; }

/* =======================================================
   METODOLOGIA — seções com ritmo visual da home
   Alternância: bone-warm → ink → bone-warm → library.jpg → bone → ink → desk-writing
   ======================================================= */

/* O QUE É — bone-warm, 2 colunas */
.metod-definition {
	background: var(--bone-warm);
	padding: clamp(4rem, 8vw, 7rem) 0;
}
.metod-definition__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 4rem 5rem;
	align-items: start;
}
.metod-definition .eyebrow { margin-bottom: 1rem; }
.metod-definition h2 {
	font-size: clamp(1.7rem, 3vw, 2.4rem);
	max-width: 22ch;
	margin-bottom: 1.5rem;
}
.metod-definition h2 em { color: var(--brass); font-style: italic; }
.metod-definition p { color: var(--ink-mute); line-height: 1.7; margin-bottom: 1rem; }
.metod-definition__when {
	padding: 2.5rem;
	background: var(--bone);
	border-left: 3px solid var(--brass);
	border-radius: 1px;
}
.metod-definition__when h3 {
	font-family: var(--sans);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	color: var(--ink);
}
.metod-when-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}
.metod-when-list li {
	font-size: 0.9rem;
	line-height: 1.55;
	padding-left: 1.2rem;
	position: relative;
	color: var(--ink-mute);
}
.metod-when-list li::before {
	content: '—';
	position: absolute;
	left: 0;
	color: var(--brass);
	font-weight: 600;
	background: none;
	width: auto;
	height: auto;
	top: auto;
}
@media (max-width: 820px) {
	.metod-definition__grid { grid-template-columns: 1fr; gap: 2.5rem; }
}

/* PARA QUEM É — bone-warm claro */
.metod-audience {
	background: var(--bone-warm);
	color: var(--ink);
	padding: clamp(4rem, 8vw, 7rem) 0;
}
.metod-audience .eyebrow { color: var(--brass); opacity: 1; }
.metod-audience .eyebrow::before { background: var(--brass); }
.metod-audience h2 {
	color: var(--ink);
	max-width: 28ch;
	margin-bottom: 3rem;
}
.metod-audience h2 em { color: var(--brass); font-style: italic; }
.metod-audience__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	background: transparent;
	border: none;
}
.metod-audience__card {
	padding: 2.5rem 2rem;
	background: var(--ink);
	border-bottom: 3px solid transparent;
	transition: background 0.3s ease, border-color 0.3s ease;
}
.metod-audience__card:hover {
	background: #0F0E0C;
	border-bottom-color: #D4A84B;
}
.metod-audience__num {
	display: block;
	font-family: var(--serif);
	font-size: 2.2rem;
	font-weight: 300;
	color: #D4A84B;
	opacity: 1;
	margin-bottom: 1rem;
	line-height: 1;
	text-align: center;
}
.metod-audience__card h3 {
	font-family: var(--sans);
	font-size: 0.92rem;
	font-weight: 700;
	color: #D4A84B;
	margin-bottom: 0.75rem;
	line-height: 1.4;
	text-align: center;
}
.metod-audience__card p {
	font-size: 0.87rem;
	line-height: 1.65;
	color: rgba(246,242,234,0.88);
	margin: 0;
}
@media (max-width: 900px) {
	.metod-audience__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.metod-audience__grid { grid-template-columns: 1fr; }
}

/* O QUE NÃO É — ink escuro, cards */
.metod-contrast {
	background: var(--ink);
	color: var(--bone);
	padding: clamp(4rem, 8vw, 7rem) 0;
}
.metod-contrast h2 { max-width: 32ch; margin-bottom: 1.25rem; color: var(--bone); }
.metod-contrast h2 em { color: var(--brass); font-style: italic; }
.metod-contrast .eyebrow { color: rgba(246,242,234,0.55); }
.metod-contrast .eyebrow::before { background: rgba(246,242,234,0.55); }
.metod-contrast .lead { max-width: 52ch; margin-bottom: 3rem; color: rgba(246,242,234,0.72); }
.metod-contrast__cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
}
.metod-contrast__card {
	background: #FFFFFF;
	border: none;
	border-top: 4px solid #B91C1C;
	border-radius: 0 0 4px 4px;
	padding: 2.25rem 2rem 2.5rem;
	display: flex;
	flex-direction: column;
	gap: 0;
	box-shadow: 0 4px 24px rgba(11,10,8,0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.metod-contrast__card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 32px rgba(11,10,8,0.22);
}
.metod-contrast__card--yes {
	border-top-color: #16A34A;
	background: #FFFFFF;
}
.metod-contrast__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: rgba(185,28,28,0.08);
	font-size: 1rem;
	color: #B91C1C;
	font-weight: 700;
	line-height: 1;
	margin: 0 auto 1.25rem;
}
.metod-contrast__icon--yes {
	background: rgba(22,163,74,0.08);
	color: #16A34A;
}
.metod-contrast__card-label {
	font-family: var(--sans);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #B91C1C;
	margin: 0 0 0.65rem;
	line-height: 1.3;
	text-align: center;
}
.metod-contrast__card--yes .metod-contrast__card-label {
	color: #16A34A;
}
.metod-contrast__card-text {
	font-size: 0.875rem;
	line-height: 1.7;
	color: #4A4540;
	margin: 0;
	text-align: center;
}
@media (max-width: 900px) {
	.metod-contrast__cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.metod-contrast__cards { grid-template-columns: 1fr; }
}

/* O QUE VOCÊ RECEBE — bone */
.metod-deliverable {
	background: var(--bone);
	padding: clamp(4rem, 8vw, 7rem) 0;
}
.metod-deliverable h2 { max-width: 30ch; margin-bottom: 3rem; }
.metod-deliverable h2 em { color: var(--brass); font-style: italic; }
.metod-deliverable__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}
.metod-deliverable__item {
	padding: 2.5rem 2rem;
	background: var(--bone-warm);
	border-top: 3px solid var(--rule);
	transition: border-color 0.3s ease;
}
.metod-deliverable__item:hover { border-top-color: var(--brass); }
.metod-deliverable__item:hover .metod-deliverable__num { color: var(--brass); }
.metod-deliverable__num {
	font-family: var(--serif);
	font-size: 3rem;
	font-weight: 300;
	color: var(--rule);
	display: block;
	margin-bottom: 1rem;
	line-height: 1;
	transition: color 0.3s ease;
}
.metod-deliverable__item h3 {
	font-family: var(--sans);
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 0.75rem;
	line-height: 1.4;
}
.metod-deliverable__item p {
	font-size: 0.87rem;
	line-height: 1.65;
	color: var(--ink-mute);
	margin: 0;
}
@media (max-width: 900px) {
	.metod-deliverable__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.metod-deliverable__grid { grid-template-columns: 1fr; }
}

/* QUEM ASSINA — ink escuro */
.metod-authority {
	background: var(--ink);
	color: var(--bone);
	padding: clamp(4rem, 8vw, 7rem) 0;
}
.metod-authority .eyebrow { color: #D4A84B; opacity: 1; }
.metod-authority .eyebrow::before { background: #D4A84B; }
.metod-authority h2 { color: var(--bone); max-width: 30ch; margin-bottom: 1.5rem; }
.metod-authority h2 em { color: #D4A84B; font-style: italic; }
.metod-authority .lead {
	color: rgba(246,242,234,0.72);
	border-left-color: rgba(232,185,72,0.45);
	max-width: 52ch;
	margin-bottom: 3.5rem;
}
.metod-authority__cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	background: rgba(246,242,234,0.10);
	border: 1px solid rgba(246,242,234,0.10);
}
.metod-authority__card {
	padding: 3rem 2.5rem;
	background: var(--ink);
	transition: background 0.3s ease;
}
.metod-authority__card:hover { background: rgba(246,242,234,0.04); }
.metod-authority__card-num {
	font-family: var(--serif);
	font-size: 2.5rem;
	font-weight: 300;
	color: #D4A84B;
	opacity: 0.45;
	margin-bottom: 1.25rem;
	line-height: 1;
	display: block;
}
.metod-authority__card h3 {
	font-family: var(--sans);
	font-size: 1rem;
	font-weight: 600;
	color: var(--bone);
	margin-bottom: 0.75rem;
}
.metod-authority__card p {
	font-size: 0.9rem;
	line-height: 1.65;
	color: rgba(246,242,234,0.58);
	margin: 0;
}
@media (max-width: 640px) {
	.metod-authority__cards { grid-template-columns: 1fr; }
}

/* =======================================================
   METODOLOGIA — seção "não somos" (ink escuro, grade simples)
   ======================================================= */
.metod-notus {
	background: var(--ink);
	color: var(--bone);
	padding: clamp(4rem, 8vw, 7rem) 0;
}
.metod-notus .eyebrow { color: #D4A84B; opacity: 1; }
.metod-notus .eyebrow::before { background: #D4A84B; }
.metod-notus h2 { color: var(--bone); max-width: 32ch; margin-bottom: 1.25rem; }
.metod-notus h2 em { color: #D4A84B; font-style: italic; }
.metod-notus .lead {
	color: rgba(246,242,234,0.72);
	max-width: 52ch;
	margin-bottom: 3rem;
}
.metod-notus__grid {
	display: flex;
	flex-direction: column;
	border-top: 1px solid rgba(246,242,234,0.12);
}
.metod-notus__item {
	display: grid;
	grid-template-columns: 12rem 1rem 1fr;
	gap: 1.5rem;
	padding: 1.75rem 0;
	border-bottom: 1px solid rgba(246,242,234,0.12);
	align-items: start;
}
.metod-notus__label {
	font-family: var(--sans);
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(246,242,234,0.45);
	padding-top: 0.1rem;
}
.metod-notus__separator {
	color: #D4A84B;
	font-size: 0.9rem;
	opacity: 0.6;
	padding-top: 0.1rem;
}
.metod-notus__us {
	font-size: 0.95rem;
	line-height: 1.65;
	color: var(--bone);
	font-weight: 400;
}
@media (max-width: 640px) {
	.metod-notus__item { grid-template-columns: 1fr; gap: 0.4rem; }
	.metod-notus__separator { display: none; }
}

/* =======================================================
   BLOG — página de listagem de artigos
   ======================================================= */
.blog-listing {
	background: var(--bone-warm);
	padding: clamp(4rem, 8vw, 7rem) 0;
}
.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}
.blog-card {
	background: var(--bone);
	display: flex;
	flex-direction: column;
	border-top: 3px solid var(--rule);
	transition: border-top-color 0.3s ease;
}
.blog-card:hover { border-top-color: var(--brass); }
.blog-card__thumb {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}
.blog-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.blog-card:hover .blog-card__thumb img { transform: scale(1.03); }
.blog-card__body {
	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.blog-card__date {
	font-family: var(--sans);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ink-mute);
	display: block;
	margin-bottom: 0.75rem;
}
.blog-card__title {
	font-family: var(--serif);
	font-size: 1.15rem;
	font-weight: 300;
	line-height: 1.35;
	margin-bottom: 0.75rem;
}
.blog-card__title a {
	color: var(--ink);
	text-decoration: none;
	transition: color 0.2s ease;
}
.blog-card__title a:hover { color: var(--brass); }
.blog-card__excerpt {
	font-size: 0.88rem;
	line-height: 1.65;
	color: var(--ink-mute);
	margin-bottom: 1.25rem;
	flex: 1;
}
.blog-card__link {
	font-family: var(--sans);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--brass);
	text-decoration: none;
	transition: letter-spacing 0.3s ease;
	margin-top: auto;
}
.blog-card__link:hover { letter-spacing: 0.14em; }

/* Blog pagination */
.blog-pagination {
	margin-top: 3rem;
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	flex-wrap: wrap;
}
.blog-pagination .page-numbers {
	font-family: var(--sans);
	font-size: 0.82rem;
	font-weight: 600;
	padding: 0.55rem 1rem;
	border: 1px solid var(--rule);
	color: var(--ink);
	text-decoration: none;
	transition: all 0.2s ease;
}
.blog-pagination .page-numbers:hover,
.blog-pagination .page-numbers.current {
	background: var(--ink);
	color: var(--bone);
	border-color: var(--ink);
}

/* Blog empty state */
.blog-empty {
	max-width: 52ch;
	padding: clamp(2rem, 5vw, 4rem) 0;
}
.blog-empty h2 {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	margin-bottom: 1.25rem;
	max-width: 26ch;
}
.blog-empty h2 em { color: var(--brass); font-style: italic; }
.blog-empty .lead { margin-bottom: 2.5rem; }
.blog-empty .btn-primary {
	background: #D4A84B;
	color: #0B0A08;
	border: none;
	display: inline-flex;
	align-items: center;
	min-height: 54px;
	padding: 0.95rem 1.8rem;
	font-family: var(--sans);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-shadow: none;
}

@media (max-width: 900px) {
	.blog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.blog-grid { grid-template-columns: 1fr; }
}

/* Nav com 5 itens — ajuste de espaçamento */
@media (max-width: 1100px) {
	.site-nav { gap: 1rem; }
	.site-nav a { font-size: 1.15rem; letter-spacing: -0.01em; }
}

/* ── Radar: steps — vermelho → verde ─────────────── */
.detector-step {
	color: #B91C1C;
	transition: color 0.4s ease;
}
.detector-step .detector-step__num {
	color: #B91C1C;
	font-style: normal;
	animation: none;
}
.detector-step.is-active {
	color: #B91C1C;
}
.detector-step.is-active .detector-step__num {
	color: #B91C1C;
	animation: detector-pulse 1.4s ease infinite;
}
.detector-step.is-complete {
	color: #16A34A;
}
.detector-step.is-complete .detector-step__num {
	color: #16A34A;
}

/* ── Radar: barra individual por step ────────────── */
@keyframes step-bar-fill {
	from { width: 0%; }
	to   { width: 100%; }
}

.detector-step {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.detector-step__bar-wrap {
	flex: 1;
	height: 2px;
	background: rgba(11,10,8,0.12);
	border-radius: 2px;
	overflow: hidden;
	min-width: 60px;
}
.detector-step__bar {
	display: block;
	height: 100%;
	width: 0%;
	background: var(--oxblood, #6B0F1A);
	border-radius: 2px;
}
.detector-step.is-active .detector-step__bar {
	animation: step-bar-fill 7s linear forwards;
}
.detector-step.is-complete .detector-step__bar {
	animation: none;
	width: 100%;
	background: #16A34A;
}

/* ── Radar: barra preenchendo continuamente ──────── */
@keyframes radar-fill {
	0%   { width: 0% }
	100% { width: 100% }
}
.radar-progress-fill--running {
	animation: radar-fill 45s cubic-bezier(0.1, 0.35, 0.7, 1) forwards;
	transition: none;
}

/* ── Radar: timer ─────────────────────────────────── */
.radar-timer {
	font-family: 'Courier New', Courier, monospace;
	font-size: 1.75rem;
	color: var(--brass, #D4A84B);
	letter-spacing: 0.08em;
	text-align: center;
	margin: 1.25rem 0 0.25rem;
	line-height: 1;
	opacity: 0.85;
}

/* ============================================================
   CTA Founder attribution — front-page.php
   ============================================================ */

.cta-founder {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 1.25rem;
	padding: 1.5rem 1.75rem;
	margin: 2rem 0;
	background: var(--bone-warm, #EFE9DC);
	border: 1px solid var(--rule, #D8D0BF);
	border-radius: 3px;
}
.cta-founder__avatar {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	background: var(--oxblood, #6B0F1A);
	color: var(--bone, #F6F2EA);
	font-family: var(--serif, 'EB Garamond', Georgia, serif);
	font-size: 1.15rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	user-select: none;
}
.cta-founder__body {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}
.cta-founder__name {
	font-size: 1rem;
	font-family: var(--serif, 'EB Garamond', Georgia, serif);
	font-weight: 600;
	color: var(--ink, #0B0A08);
	line-height: 1.2;
}
.cta-founder__title {
	font-size: 0.75rem;
	color: var(--brass, #D4A84B);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: var(--sans, sans-serif);
}
.cta-founder__statement {
	font-size: 0.88rem;
	color: var(--ink-soft, #2A2622);
	line-height: 1.55;
	margin: 0.35rem 0 0.4rem;
	font-style: italic;
}
.cta-founder__linkedin {
	font-size: 0.78rem;
	color: var(--brass, #D4A84B);
	text-decoration: none;
	font-family: var(--sans, sans-serif);
	letter-spacing: 0.05em;
}
.cta-founder__linkedin:hover {
	text-decoration: underline;
}

/* ============================================================
   Prova Social / Testimonials — front-page.php
   ============================================================ */

.social-proof {
	padding: 4rem 0;
	background:
		linear-gradient(
			rgba(11, 10, 8, 0.82) 0%,
			rgba(11, 10, 8, 0.72) 40%,
			rgba(11, 10, 8, 0.82) 100%
		),
		url('https://www.auditajus.com/wp-content/themes/auditajus/assets/desk-writing.jpg') center / cover fixed;
}
.social-proof .eyebrow {
	color: var(--brass, #D4A84B);
}
.social-proof .eyebrow::before {
	background: var(--brass, #D4A84B);
}
.social-proof h2 {
	color: var(--bone, #F6F2EA);
}
.social-proof h2 em {
	color: var(--brass, #D4A84B);
}
.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.5rem;
	max-width: 900px;
	margin: 2.5rem auto 0;
}
.testimonial {
	background: var(--bone-warm, #EFE9DC);
	border: 1px solid var(--rule, #D8D0BF);
	border-radius: 4px;
	padding: 1.75rem;
	margin: 0;
}
.testimonial__text {
	font-family: var(--serif, 'EB Garamond', Georgia, serif);
	font-size: 1rem;
	line-height: 1.7;
	color: var(--ink-soft, #2A2622);
	font-style: italic;
	margin: 0 0 1.25rem;
}
.testimonial__footer {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}
.testimonial__author {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--ink, #0B0A08);
}
.testimonial__context {
	font-size: 0.8rem;
	color: var(--ink-soft, #2A2622);
}

/* ============================================================
   Founder section — page-o-que-somos.php
   ============================================================ */

.founder-section {
	padding: 5rem 0;
	background: var(--bone-warm, #EFE9DC);
	border-top: 1px solid var(--rule, #D8D0BF);
	border-bottom: 1px solid var(--rule, #D8D0BF);
}
.founder-section__grid {
	display: flex;
	gap: 3rem;
	align-items: flex-start;
	max-width: 860px;
	margin: 0 auto;
}
.founder-section__bio {
	flex: 1;
}
.founder-section__bio h2 {
	font-family: var(--serif, 'EB Garamond', Georgia, serif);
	font-size: 1.75rem;
	color: var(--ink, #0B0A08);
	margin-bottom: 0.5rem;
}
.founder-section__credentials {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}
.founder-cred {
	font-size: 0.8rem;
	color: var(--ink-soft, #2A2622);
	border: 1px solid var(--rule, #D8D0BF);
	padding: 0.25rem 0.6rem;
	border-radius: 2px;
	background: var(--bone, #F6F2EA);
}
.founder-section__linkedin {
	display: inline-block;
	margin-top: 1rem;
	font-size: 0.875rem;
	color: var(--brass, #D4A84B);
	text-decoration: none;
}
.founder-section__linkedin:hover {
	text-decoration: underline;
}
.founder-section__manifesto {
	flex: 0 0 320px;
}
.founder-manifesto {
	border-left: 3px solid var(--brass, #D4A84B);
	padding-left: 1.25rem;
	margin: 0;
	font-family: var(--serif, 'EB Garamond', Georgia, serif);
	font-size: 1.05rem;
	font-style: italic;
	color: var(--ink-soft, #2A2622);
}
.founder-manifesto p {
	margin: 0 0 0.75rem;
	line-height: 1.7;
}
.founder-manifesto footer {
	font-size: 0.85rem;
	font-style: normal;
	color: var(--brass, #D4A84B);
	margin-top: 0.5rem;
}

/* ============================================================
   O Processo — page-como-funciona.php
   ============================================================ */

.audit-process {
	padding: 5rem 0;
}
.process-steps {
	display: flex;
	flex-direction: column;
	gap: 0;
	max-width: 760px;
	margin: 2.5rem auto 0;
}
.process-step {
	display: flex;
	gap: 2rem;
	padding: 1.75rem 0;
	border-bottom: 1px solid var(--rule, #D8D0BF);
	align-items: flex-start;
}
.process-step:last-child {
	border-bottom: none;
}
.process-step__num {
	font-size: 2.5rem;
	font-family: var(--serif, 'EB Garamond', Georgia, serif);
	color: var(--brass, #D4A84B);
	opacity: 0.6;
	flex-shrink: 0;
	width: 3rem;
	line-height: 1;
}
.process-step__content {
	flex: 1;
}
.process-step__title {
	font-family: var(--serif, 'EB Garamond', Georgia, serif);
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--ink, #0B0A08);
	margin-bottom: 0.4rem;
}
.process-step__desc {
	font-size: 0.95rem;
	color: var(--ink-soft, #2A2622);
	line-height: 1.65;
	margin: 0 0 0.4rem;
}
.process-step__meta {
	font-size: 0.8rem;
	color: var(--brass, #D4A84B);
	margin-top: 0.5rem;
	font-style: italic;
	display: block;
}
.process-footer {
	max-width: 760px;
	margin: 2rem auto 0;
	text-align: center;
}
.process-footer__note {
	font-size: 0.875rem;
	color: var(--ink-soft, #2A2622);
	margin-top: 0.75rem;
}

/* ============================================================
   Responsive — new components
   ============================================================ */

@media (max-width: 768px) {
	.founder-section__grid {
		flex-direction: column;
	}
	.founder-section__manifesto {
		flex: none;
		width: 100%;
	}
	.process-step {
		gap: 1rem;
	}
	.testimonials-grid {
		grid-template-columns: 1fr;
	}
}

/* ── Global: todos os eyebrows dourados — seletor com especificidade alta ── */
.eyebrow, .section .eyebrow, .page-hero .eyebrow, .cta-final .eyebrow,
.metod-notus .eyebrow, .metod-definition .eyebrow, .founder-section .eyebrow,
.problem .eyebrow, .method .eyebrow, .cost .eyebrow, .proof .eyebrow,
.page-hero--img .eyebrow, .reframe__body .eyebrow { color: #D4A84B; }
.eyebrow::before, .section .eyebrow::before, .page-hero .eyebrow::before,
.cta-final .eyebrow::before, .metod-notus .eyebrow::before,
.problem .eyebrow::before, .method .eyebrow::before,
.cost .eyebrow::before, .proof .eyebrow::before { background: #D4A84B; }

/* ── Founder section: alinha credentials com a altura do manifesto ── */
.founder-section__grid { align-items: center; }

/* ── Metod-notus: fundo branco, texto ink ── */
.metod-notus__card { background: #fff; }
.metod-notus__card-text { color: var(--ink, #0B0A08); }
.metod-notus__card-icon { color: var(--oxblood, #6B0F1A); border-color: rgba(107,15,26,0.35); background: rgba(107,15,26,0.07); }
.metod-notus__card-icon--yes { color: var(--moss, #4A6B3F); border-color: rgba(74,107,63,0.35); background: rgba(74,107,63,0.08); }

/* OQS page-specific CSS removed — now lives in page-o-que-somos.php body <style> block */