/* ============================================================
   preco-cv.css — styles scoped to Prečo CV page only.
   All selectors prefixed with .page-preco-cv to avoid collisions
   with home.css (.hero, .stat), components.css (.cta .row), or
   country-landing.css.
   ============================================================ */

/* ============ HERO (simpler — no stats grid, big 82% headline) ============ */
.page-preco-cv .hero {
	padding: 48px 0 80px;
}
.page-preco-cv .hero h1 {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: 104px;
	line-height: 1.02;
	letter-spacing: -.02em;
	max-width: 1140px;
	color: var(--ink);
	text-wrap: balance;
}
.page-preco-cv .hero h1 .i {
	font-style: italic;
	color: var(--terra-text);
}
.page-preco-cv .hero h1 .big {
	font-style: italic;
	color: var(--forest);
	font-size: 1.1em;
}
.page-preco-cv .hero-lead {
	margin-top: 32px;
	font-size: 22px;
	line-height: 1.6;
	color: var(--ink2);
	max-width: 820px;
	text-wrap: pretty;
}
.page-preco-cv .hero-lead strong { color: var(--ink); font-weight: 600; }

/* ============ SECTION OVERRIDE (smaller padding) ============ */
.page-preco-cv .section {
	padding: 40px 0 80px;
}
.page-preco-cv .section.tight { padding-top: 10px; }
.page-preco-cv .sec-title {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: 56px;
	line-height: 1.08;
	letter-spacing: -.01em;
	color: var(--ink);
	text-wrap: balance;
}

/* ============ 3 STAT CARDS (8s / 82% / 3,7×) ============ */
.page-preco-cv .stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
.page-preco-cv .stat {
	background: var(--cream3);
	border-radius: 24px;
	padding: 44px 38px;
	border: 1px solid rgba(31,26,23,.05);
	box-shadow:
		0 1px 0 rgba(31,26,23,.04),
		0 12px 32px -18px rgba(31,26,23,.12);
	position: relative;
}
.page-preco-cv .stat .n {
	font-family: var(--font-serif);
	font-size: 120px;
	line-height: .95;
	color: var(--forest);
	letter-spacing: -.02em;
	font-weight: 400;
}
.page-preco-cv .stat .n .u {
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 56px;
	color: var(--terra-text);
	letter-spacing: -.01em;
}
.page-preco-cv .stat h3 {
	margin-top: 18px;
	font-family: var(--font-serif);
	font-size: 26px;
	line-height: 1.2;
	color: var(--ink);
	letter-spacing: -.005em;
}
.page-preco-cv .stat h3 .i { font-style: italic; color: var(--forest); }
.page-preco-cv .stat p {
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--ink3);
}
.page-preco-cv .stat .src {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px dashed var(--dash);
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 13px;
	color: var(--ink3);
}
.page-preco-cv .stat.hi { background: var(--forest); color: var(--cream); }
.page-preco-cv .stat.hi .n { color: var(--cream); }
.page-preco-cv .stat.hi .n .u { color: var(--terra-l); }
.page-preco-cv .stat.hi h3 { color: var(--cream); }
.page-preco-cv .stat.hi h3 .i { color: var(--terra-l); }
.page-preco-cv .stat.hi p { color: var(--cream2); }
.page-preco-cv .stat.hi .src {
	border-top-color: rgba(245,241,234,.22);
	color: var(--cream2);
}

/* ============ CONSEQUENCES LIST — 5 rows (scoped to avoid .cta .row collision) ============ */
.page-preco-cv .conseq {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
	max-width: 1080px;
}
.page-preco-cv .conseq .row {
	background: var(--cream3);
	border-radius: 20px;
	padding: 32px 36px;
	display: grid;
	grid-template-columns: 80px 1fr 1fr;
	gap: 36px;
	align-items: center;
	border: 1px solid rgba(31,26,23,.05);
	box-shadow: 0 1px 0 rgba(31,26,23,.04);
}
.page-preco-cv .conseq .num {
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 72px;
	line-height: 1;
	color: var(--terra-text);
	letter-spacing: -.02em;
}
.page-preco-cv .conseq .what {
	font-family: var(--font-serif);
	font-size: 24px;
	line-height: 1.25;
	color: var(--ink);
	letter-spacing: -.005em;
}
.page-preco-cv .conseq .what .i { font-style: italic; color: var(--forest); }
.page-preco-cv .conseq .then {
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--ink2);
	border-left: 2px dashed var(--dash);
	padding-left: 26px;
}
.page-preco-cv .conseq .then strong { color: var(--ink); font-weight: 600; }
.page-preco-cv .conseq .then .tag {
	display: inline-block;
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 13px;
	color: var(--terra-text);
	margin-bottom: 6px;
}

/* ============ WHAT WE DO DIFFERENT — 4 cards ============ */
.page-preco-cv .diff {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.page-preco-cv .d-card {
	background: var(--cream3);
	border-radius: 22px;
	padding: 40px 38px;
	border: 1px solid rgba(31,26,23,.05);
	box-shadow:
		0 1px 0 rgba(31,26,23,.04),
		0 10px 28px -16px rgba(31,26,23,.1);
	position: relative;
}
.page-preco-cv .d-card .q {
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 30px;
	line-height: 1.2;
	color: var(--forest);
	letter-spacing: -.005em;
	margin-bottom: 18px;
	position: relative;
}
.page-preco-cv .d-card .q::before {
	content: "„";
	font-family: var(--font-serif);
	font-size: 58px;
	color: var(--terra-text);
	position: absolute;
	top: -14px;
	left: -28px;
	line-height: 1;
}
.page-preco-cv .d-card p {
	font-size: 16px;
	line-height: 1.65;
	color: var(--ink2);
}
.page-preco-cv .d-card p strong { color: var(--ink); font-weight: 600; }
.page-preco-cv .d-card .tag {
	display: inline-block;
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--terra-text);
	margin-bottom: 16px;
}
.page-preco-cv .d-card.accent { background: var(--terra-soft); }
.page-preco-cv .d-card.accent .q { color: var(--forest); }

/* ============ BIG STANDALONE POLAROID TESTIMONIAL ============ */
.page-preco-cv .polar-section {
	padding: 40px 0 100px;
	display: flex;
	justify-content: center;
}
.page-preco-cv .polar-section .polaroid {
	background: var(--cream3);
	padding: 34px 40px 110px;
	box-shadow:
		0 2px 0 rgba(31,26,23,.06),
		0 30px 70px -30px rgba(31,26,23,.3);
	transform: rotate(-1.2deg);
	max-width: 880px;
	position: relative;
	border: 1px solid rgba(31,26,23,.05);
}
.page-preco-cv .polar-section .polaroid::before {
	content: "";
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%) rotate(-2deg);
	width: 160px;
	height: 28px;
	background: rgba(201,122,91,.32);
	border: 1px dashed rgba(201,122,91,.5);
}
.page-preco-cv .polar-section .mark {
	position: absolute;
	top: 20px;
	right: 30px;
	font-family: var(--font-script);
	font-size: 22px;
	color: var(--terra-text);
	transform: rotate(6deg);
}
.page-preco-cv .polar-section .polaroid .q {
	font-family: var(--font-serif);
	font-size: 44px;
	line-height: 1.25;
	color: var(--ink);
	letter-spacing: -.01em;
	margin-top: 24px;
	text-wrap: balance;
}
.page-preco-cv .polar-section .polaroid .q .i { font-style: italic; color: var(--forest); }
.page-preco-cv .polar-section .polaroid .q .t { font-style: italic; color: var(--terra-text); }
.page-preco-cv .polar-section .polaroid .q .u {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'><path d='M0 6 Q 20 0, 40 6 T 80 6 T 120 6' stroke='%23C97A5B' stroke-width='2.5' fill='none' stroke-linecap='round'/></svg>");
	background-repeat: no-repeat;
	background-position: left 100%;
	background-size: 100% 10px;
	padding-bottom: 12px;
}
.page-preco-cv .polar-section .attr {
	margin-top: 30px;
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 18px;
	color: var(--ink2);
}
.page-preco-cv .polar-section .attr .name {
	color: var(--ink);
	font-style: normal;
	font-weight: 600;
	font-family: var(--font-sans);
}
.page-preco-cv .polar-section .caption {
	position: absolute;
	bottom: 30px;
	left: 40px;
	right: 40px;
	font-family: var(--font-script);
	font-size: 26px;
	color: var(--ink2);
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.page-preco-cv .polar-section .caption .mini {
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--terra-text);
}

/* ============ PROCESS MINI RECAP (3 steps) ============ */
.page-preco-cv .process-mini {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 32px;
}
.page-preco-cv .pm {
	background: var(--cream3);
	border-radius: 18px;
	padding: 28px 28px;
	border: 1px dashed rgba(31,26,23,.15);
}
.page-preco-cv .pm .rn {
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 14px;
	color: var(--terra-text);
	letter-spacing: .1em;
	text-transform: uppercase;
}
.page-preco-cv .pm h4 {
	margin-top: 8px;
	font-family: var(--font-serif);
	font-size: 26px;
	line-height: 1.2;
	color: var(--ink);
	letter-spacing: -.005em;
}
.page-preco-cv .pm h4 .i { font-style: italic; color: var(--forest); }
.page-preco-cv .pm p {
	margin-top: 10px;
	font-size: 15px;
	color: var(--ink2);
	line-height: 1.55;
}
.page-preco-cv .pm .arr {
	display: block;
	margin-top: 16px;
	font-family: var(--font-serif);
	font-style: italic;
	color: var(--terra-text);
	font-size: 14px;
}

/* ============ FINAL CTA CARD (distinct from components.css .cta) ============ */
.page-preco-cv .final {
	background: var(--forest);
	color: var(--cream);
	border-radius: 32px;
	padding: 88px 72px;
	position: relative;
	overflow: hidden;
}
.page-preco-cv .final::after {
	content: "";
	position: absolute;
	right: -120px;
	top: -120px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: rgba(201,122,91,.18);
}
.page-preco-cv .final::before {
	content: "";
	position: absolute;
	left: -80px;
	bottom: -80px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(245,241,234,.05);
}
.page-preco-cv .final > * { position: relative; z-index: 1; }
.page-preco-cv .final .kicker { color: var(--terra-l); }
.page-preco-cv .final .kicker .orn { color: var(--terra-l); }
.page-preco-cv .final h2 {
	font-family: var(--font-serif);
	font-size: 72px;
	line-height: 1.04;
	letter-spacing: -.015em;
	color: var(--cream);
	margin-top: 20px;
	max-width: 900px;
	text-wrap: balance;
}
.page-preco-cv .final h2 .i { font-style: italic; color: var(--terra-l); }
.page-preco-cv .final p {
	margin-top: 22px;
	font-size: 19px;
	line-height: 1.6;
	color: var(--cream2);
	max-width: 720px;
}
.page-preco-cv .final .cta-row {
	margin-top: 40px;
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
}
.page-preco-cv .final .pill.terra {
	box-shadow: 0 4px 0 var(--terra-shadow);
}
.page-preco-cv .final .link-u {
	color: var(--terra-l);
	text-decoration-color: var(--terra-l);
}
.page-preco-cv .final .link-u:hover {
	color: var(--cream);
	text-decoration-color: var(--cream);
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
	.page-preco-cv .hero h1 { font-size: 72px; }
	.page-preco-cv .stats { grid-template-columns: 1fr; }
	.page-preco-cv .stat .n { font-size: 96px; }
	.page-preco-cv .stat .n .u { font-size: 42px; }
	.page-preco-cv .conseq .row { grid-template-columns: 60px 1fr; gap: 20px; }
	.page-preco-cv .conseq .then { grid-column: 1 / -1; border-left: none; padding-left: 0; border-top: 1px dashed var(--dash); padding-top: 16px; }
	.page-preco-cv .diff { grid-template-columns: 1fr; }
	.page-preco-cv .process-mini { grid-template-columns: 1fr; }
	.page-preco-cv .polar-section .polaroid .q { font-size: 30px; }
	.page-preco-cv .final { padding: 56px 40px; }
	.page-preco-cv .final h2 { font-size: 48px; }
}
@media (max-width: 640px) {
	.page-preco-cv .hero h1 { font-size: 48px; }
	.page-preco-cv .sec-title { font-size: 36px; }
	.page-preco-cv .polar-section .polaroid { padding: 24px 24px 88px; }
	.page-preco-cv .polar-section .polaroid .q { font-size: 22px; }
}