/*
Theme Name: SCALERA GeneratePress Child
Theme URI: https://scalera.ro/
Description: Child theme pentru SCALERA, construit peste GeneratePress.
Author: SCALERA
Template: generatepress
Version: 1.5.0
Text Domain: scalera-child
*/

/* =========================================================
   SCALERA HOME v1.5
   HERO + SECȚIUNEA 2 — DE LA PROBLEMĂ LA SOLUȚIE
   ========================================================= */

:root {
	--sc-ink: #17151C;
	--sc-aubergine: #4A315D;
	--sc-copper: #C8754A;
	--sc-ivory: #F5F2EC;
	--sc-mist: #DCD8D3;
	--sc-white: #FFFFFF;

	--sc-container: 1280px;
	--sc-header-height: 88px;
	--sc-radius: 4px;
	--sc-ease: cubic-bezier(.22,.61,.36,1);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--sc-ivory);
	color: var(--sc-ink);
	font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

img,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

/* =========================================================
   GENERATEPRESS — CLEAN HOME
   ========================================================= */

.home .site-header,
.home .main-navigation,
.home .site-footer {
	display: none !important;
}

.home .site-content,
.home .content-area,
.home .site-main,
.home .inside-article {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.home .widget-area,
.home .sidebar {
	display: none !important;
}

.home .site-content {
	display: block;
}

.home .scalera-front-page {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: var(--sc-ivory);
}

/* =========================================================
   GLOBAL CONTAINER
   ========================================================= */

.sc-container {
	width: min(var(--sc-container), calc(100% - 80px));
	margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.sc-header {
	position: relative;
	z-index: 100;
	height: var(--sc-header-height);
	background: var(--sc-ivory);
	border-bottom: 1px solid var(--sc-mist);
}

.sc-header__inner {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
}

.sc-logo {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 auto;
	width: 248px;
	height: 64px;
	text-decoration: none;
}

.sc-logo__image {
	width: 248px;
	max-height: 64px;
	object-fit: contain;
	object-position: left center;
}

.sc-nav {
	display: flex;
	align-items: center;
	gap: 38px;
	margin-left: auto;
}

.sc-nav__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0;
	color: var(--sc-ink);
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	white-space: nowrap;
}

.sc-nav__link::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	height: 1px;
	background: var(--sc-copper);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 180ms ease;
}

.sc-nav__link:hover::after,
.sc-nav__link:focus-visible::after {
	transform: scaleX(1);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.sc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: var(--sc-radius);
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	white-space: nowrap;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease;
}

.sc-button span {
	display: inline-block;
	transition: transform 180ms ease;
}

.sc-button:hover span,
.sc-button:focus-visible span {
	transform: translateX(3px);
}

.sc-button--primary {
	background: var(--sc-copper);
	border-color: var(--sc-copper);
	color: var(--sc-white);
}

.sc-button--primary:hover,
.sc-button--primary:focus-visible {
	background: #B8663F;
	border-color: #B8663F;
	color: var(--sc-white);
}

.sc-button--secondary {
	background: transparent;
	border-color: var(--sc-ink);
	color: var(--sc-ink);
}

.sc-button--secondary:hover,
.sc-button--secondary:focus-visible {
	background: var(--sc-ink);
	color: var(--sc-white);
}

.sc-header__cta {
	min-width: 184px;
}

.sc-menu-toggle,
.sc-mobile-menu {
	display: none;
}

/* =========================================================
   HERO
   ========================================================= */

.sc-hero {
	min-height: 720px;
	background: var(--sc-ivory);
}

.sc-hero__grid {
	min-height: 720px;
	display: grid;
	grid-template-columns: 5fr 1fr 6fr;
	align-items: center;
}

.sc-hero__content {
	grid-column: 1 / 3;
	align-self: center;
	padding-block: 68px 72px;
	padding-right: 42px;
}

.sc-hero__eyebrow {
	margin: 0 0 52px;
	color: var(--sc-copper);
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .02em;
}

.sc-hero__title {
	width: 720px;
	max-width: 100%;
	margin: 0;
	color: var(--sc-ink);
	font-size: 62px;
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -0.04em;
}

.sc-hero__title-dot {
	color: var(--sc-copper);
}

.sc-hero__description {
	width: 560px;
	max-width: 100%;
	margin: 34px 0 0;
	color: var(--sc-ink);
	font-size: 18px;
	line-height: 1.65;
	font-weight: 400;
}

.sc-hero__actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 40px;
}

.sc-hero__actions .sc-button--primary {
	min-width: 218px;
}

.sc-hero__actions .sc-button--secondary {
	min-width: 168px;
}

.sc-hero__flow {
	grid-column: 3;
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	padding-left: 22px;
	transform: translateY(-4px);
}

.sc-flow--desktop {
	display: block;
	width: 510px;
	max-width: 100%;
}

.sc-flow--mobile {
	display: none;
}

/* =========================================================
   SECȚIUNEA 2 — DE LA PROBLEMĂ LA SOLUȚIE
   ========================================================= */

.sc-process {
	position: relative;
	background: var(--sc-white);
	padding: 150px 0 160px;
	border-top: 1px solid rgba(220, 216, 211, 0.5);
}

.sc-process::before {
	content: "";
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 120px;
	background: linear-gradient(to bottom, rgba(245,242,236,0.42), rgba(255,255,255,0));
	pointer-events: none;
}

.sc-process .sc-container {
	position: relative;
	z-index: 1;
}

.sc-process__intro {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
	column-gap: 96px;
	align-items: end;
}

.sc-process__eyebrow {
	grid-column: 1 / -1;
	margin: 0 0 34px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .04em;
}

.sc-process__title {
	margin: 0;
	max-width: 760px;
	color: var(--sc-ink);
	font-size: clamp(56px, 5vw, 64px);
	line-height: 1.03;
	font-weight: 800;
	letter-spacing: -0.045em;
}

.sc-process__copy {
	max-width: 520px;
	padding-bottom: 4px;
}

.sc-process__copy p {
	margin: 0;
	color: var(--sc-ink);
	font-size: 17px;
	line-height: 1.75;
}

.sc-process__copy p + p {
	margin-top: 18px;
}

.sc-process__visual {
	margin-top: 110px;
	padding: 26px 0 20px;
	position: relative;
}

.sc-process__visual::before,
.sc-process__visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(220,216,211,.55);
}

.sc-process__visual::before {
	top: 0;
}

.sc-process__visual::after {
	bottom: 0;
}

.sc-process-flow {
	width: 100%;
	overflow: visible;
}

.sc-process-flow--desktop {
	display: block;
}

.sc-process-flow--mobile {
	display: none;
}

.sc-process-flow__path {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	opacity: 0;
	transform-origin: center;
	transition: opacity 700ms var(--sc-ease);
}

.sc-process-flow__path--past {
	stroke: var(--sc-mist);
}

.sc-process-flow__path--progress {
	stroke: var(--sc-copper);
}

.sc-process-flow__path--next {
	stroke: var(--sc-ink);
	opacity: .78;
}

.sc-process-flow__node {
	fill: var(--sc-white);
	stroke: var(--sc-ink);
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	opacity: 0;
	transform-box: fill-box;
	transform-origin: center;
	transform: scale(.75);
	transition:
		opacity 450ms var(--sc-ease),
		transform 500ms var(--sc-ease);
}

.sc-process-flow__node--active,
.sc-process-flow__node--result {
	fill: var(--sc-copper);
	stroke: var(--sc-copper);
}

.sc-process-flow__node--strong {
	stroke-width: 2.4;
}

.sc-process-flow__labels text {
	opacity: 0;
	transform-box: fill-box;
	transform-origin: center;
	transform: translateY(4px);
	transition:
		opacity 500ms var(--sc-ease),
		transform 500ms var(--sc-ease);
}

.sc-process-flow__index {
	fill: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .04em;
}

.sc-process-flow__name {
	fill: var(--sc-ink);
	font-family: "Inter", system-ui, sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .015em;
}

.sc-process-flow__micro {
	fill: rgba(23,21,28,.66);
	font-family: "Inter", system-ui, sans-serif;
	font-size: 11px;
	font-weight: 400;
}

/* Micro-interaction la intrarea în viewport */

.sc-process.is-visible .sc-process-flow__path,
.sc-process.is-visible .sc-process-flow__node,
.sc-process.is-visible .sc-process-flow__labels text {
	opacity: 1;
	transform: none;
}

.sc-process.is-visible .sc-process-flow__path--past {
	transition-delay: 100ms;
}

.sc-process.is-visible .sc-process-flow__path--progress {
	transition-delay: 300ms;
}

.sc-process.is-visible .sc-process-flow__path--next {
	transition-delay: 520ms;
}

.sc-process.is-visible .sc-process-flow__nodes circle:nth-child(1) {
	transition-delay: 120ms;
}
.sc-process.is-visible .sc-process-flow__nodes circle:nth-child(2) {
	transition-delay: 240ms;
}
.sc-process.is-visible .sc-process-flow__nodes circle:nth-child(3) {
	transition-delay: 360ms;
}
.sc-process.is-visible .sc-process-flow__nodes circle:nth-child(4) {
	transition-delay: 480ms;
}
.sc-process.is-visible .sc-process-flow__nodes circle:nth-child(5) {
	transition-delay: 600ms;
}
.sc-process.is-visible .sc-process-flow__nodes circle:nth-child(6) {
	transition-delay: 720ms;
}
.sc-process.is-visible .sc-process-flow__nodes circle:nth-child(7) {
	transition-delay: 840ms;
}

.sc-process.is-visible .sc-process-flow__labels text:nth-child(1) {
	transition-delay: 170ms;
}
.sc-process.is-visible .sc-process-flow__labels text:nth-child(2) {
	transition-delay: 290ms;
}
.sc-process.is-visible .sc-process-flow__labels text:nth-child(3) {
	transition-delay: 410ms;
}
.sc-process.is-visible .sc-process-flow__labels text:nth-child(4) {
	transition-delay: 530ms;
}
.sc-process.is-visible .sc-process-flow__labels text:nth-child(5) {
	transition-delay: 650ms;
}
.sc-process.is-visible .sc-process-flow__labels text:nth-child(6) {
	transition-delay: 770ms;
}
.sc-process.is-visible .sc-process-flow__labels text:nth-child(7) {
	transition-delay: 890ms;
}

.sc-process__closing {
	max-width: 850px;
	margin: 72px auto 0;
	padding: 28px 0 0;
	border-top: 1px solid rgba(220,216,211,.72);
	color: var(--sc-ink);
	font-size: 20px;
	line-height: 1.6;
	font-weight: 500;
	text-align: center;
}

/* =========================================================
   ANCHORS
   ========================================================= */

.sc-home-anchor {
	width: 100%;
	height: 0;
	scroll-margin-top: var(--sc-header-height);
}

/* =========================================================
   1280–1439
   ========================================================= */

@media (max-width: 1439px) {

	.sc-logo,
	.sc-logo__image {
		width: 232px;
	}

	.sc-nav {
		gap: 30px;
	}

	.sc-hero__title {
		width: 680px;
		font-size: 58px;
	}

	.sc-hero__description {
		width: 530px;
		font-size: 18px;
	}

	.sc-flow--desktop {
		width: 485px;
	}

	.sc-process {
		padding: 136px 0 148px;
	}

	.sc-process__intro {
		column-gap: 72px;
	}

	.sc-process__visual {
		margin-top: 96px;
	}
}

/* =========================================================
   1024–1279
   ========================================================= */

@media (max-width: 1279px) {

	.sc-container {
		width: min(960px, calc(100% - 64px));
	}

	.sc-logo,
	.sc-logo__image {
		width: 205px;
	}

	.sc-nav {
		gap: 22px;
	}

	.sc-nav__link {
		font-size: 13px;
	}

	.sc-header__cta {
		min-width: auto;
		padding-inline: 18px;
	}

	.sc-hero,
	.sc-hero__grid {
		min-height: 650px;
	}

	.sc-hero__content {
		padding-right: 24px;
	}

	.sc-hero__title {
		width: 610px;
		font-size: 52px;
	}

	.sc-hero__description {
		width: 500px;
		font-size: 17px;
	}

	.sc-flow--desktop {
		width: 420px;
	}

	.sc-process__intro {
		grid-template-columns: 1fr;
		row-gap: 38px;
	}

	.sc-process__copy {
		max-width: 720px;
	}

	.sc-process__title {
		max-width: 760px;
	}
}

/* =========================================================
   TABLET 768–1023
   ========================================================= */

@media (max-width: 1023px) {

	:root {
		--sc-header-height: 80px;
	}

	.sc-container {
		width: calc(100% - 64px);
	}

	.sc-logo,
	.sc-logo__image {
		width: 205px;
		max-height: 56px;
	}

	.sc-nav {
		display: none;
	}

	.sc-menu-toggle {
		display: inline-flex;
		width: 44px;
		height: 44px;
		padding: 0;
		margin: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		gap: 6px;
	}

	.sc-menu-toggle span {
		display: block;
		width: 30px;
		height: 2px;
		background: var(--sc-ink);
	}

	.sc-mobile-menu {
		position: absolute;
		top: var(--sc-header-height);
		left: 0;
		right: 0;
		z-index: 120;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 24px 32px 28px;
		background: var(--sc-ivory);
		border-bottom: 1px solid var(--sc-mist);
	}

	.sc-mobile-menu[hidden] {
		display: none;
	}

	.sc-mobile-menu .sc-nav__link {
		min-height: 48px;
	}

	.sc-mobile-menu .sc-button {
		width: 100%;
		margin-top: 8px;
	}

	.sc-hero,
	.sc-hero__grid {
		min-height: 0;
	}

	.sc-hero__grid {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding-block: 72px 80px;
	}

	.sc-hero__content {
		padding: 0;
	}

	.sc-hero__eyebrow {
		margin-bottom: 28px;
	}

	.sc-hero__title {
		width: 100%;
		max-width: 680px;
		font-size: 48px;
	}

	.sc-hero__description {
		width: 100%;
		max-width: 620px;
		font-size: 17px;
	}

	.sc-hero__flow {
		width: 100%;
		margin-top: 52px;
		padding-left: 0;
		justify-content: center;
		transform: none;
	}

	.sc-flow--desktop {
		display: none;
	}

	.sc-flow--mobile {
		display: block;
		width: 340px;
		max-width: 100%;
	}

	.sc-process {
		padding: 110px 0 120px;
	}

	.sc-process__title {
		font-size: 52px;
	}

	.sc-process__visual {
		margin-top: 76px;
		overflow-x: auto;
		padding-bottom: 26px;
	}

	.sc-process-flow--desktop {
		min-width: 980px;
	}

	.sc-process__closing {
		margin-top: 56px;
		font-size: 18px;
	}
}

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

@media (max-width: 767px) {

	:root {
		--sc-header-height: 72px;
	}

	.sc-container {
		width: calc(100% - 48px);
	}

	.sc-logo,
	.sc-logo__image {
		width: 178px;
		max-height: 52px;
	}

	.sc-mobile-menu {
		padding-inline: 24px;
	}

	.sc-hero__grid {
		padding-block: 40px 54px;
	}

	.sc-hero__eyebrow {
		margin-bottom: 24px;
		font-size: 12px;
	}

	.sc-hero__title {
		font-size: 40px;
		line-height: 1.02;
		letter-spacing: -0.035em;
	}

	.sc-hero__description {
		margin-top: 24px;
		font-size: 16px;
		line-height: 1.55;
	}

	.sc-hero__actions {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		margin-top: 28px;
	}

	.sc-hero__actions .sc-button {
		width: 100%;
		min-height: 46px;
	}

	.sc-hero__flow {
		margin-top: 34px;
	}

	.sc-flow--mobile {
		width: 285px;
	}

	.sc-process {
		padding: 92px 0 104px;
	}

	.sc-process::before {
		height: 72px;
	}

	.sc-process__eyebrow {
		margin-bottom: 24px;
		font-size: 11px;
	}

	.sc-process__title {
		font-size: 40px;
		line-height: 1.05;
		letter-spacing: -0.04em;
	}

	.sc-process__copy {
		margin-top: 30px;
	}

	.sc-process__copy p {
		font-size: 16px;
		line-height: 1.7;
	}

	.sc-process__visual {
		margin-top: 56px;
		padding: 0;
		overflow: visible;
	}

	.sc-process__visual::before,
	.sc-process__visual::after {
		display: none;
	}

	.sc-process-flow--desktop {
		display: none;
	}

	.sc-process-flow--mobile {
		display: block;
		width: 100%;
		max-width: 360px;
		margin-inline: auto;
	}

	.sc-process-flow__path {
		stroke-width: 1.5;
	}

	.sc-process-flow__index {
		font-size: 9px;
	}

	.sc-process-flow__name {
		font-size: 12px;
	}

	.sc-process-flow__micro {
		font-size: 10px;
	}

	.sc-process__closing {
		margin-top: 48px;
		padding-top: 24px;
		font-size: 17px;
		line-height: 1.6;
		text-align: left;
	}
}

/* =========================================================
   SMALL MOBILE <480
   ========================================================= */

@media (max-width: 479px) {

	.sc-container {
		width: calc(100% - 48px);
	}

	.sc-hero__title {
		font-size: 38px;
	}

	.sc-logo,
	.sc-logo__image {
		width: 170px;
	}

	.sc-flow--mobile {
		width: 270px;
	}

	.sc-process__title {
		font-size: 38px;
	}
}

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

.sc-header a:focus-visible,
.sc-header button:focus-visible,
.sc-hero a:focus-visible {
	outline: 2px solid var(--sc-copper);
	outline-offset: 3px;
}

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

	html {
		scroll-behavior: auto;
	}

	.sc-button,
	.sc-button span,
	.sc-nav__link::after,
	.sc-process-flow__path,
	.sc-process-flow__node,
	.sc-process-flow__labels text {
		transition: none;
	}

	.sc-process-flow__path,
	.sc-process-flow__node,
	.sc-process-flow__labels text {
		opacity: 1;
		transform: none;
	}
}


/* =========================================================
   SECTION 2 — FLOW LABEL ALIGNMENT v1.6
   ========================================================= */

.sc-process__visual {
	margin-top: 82px;
}

.sc-process-flow--desktop {
	width: 100%;
	max-width: 1160px;
	margin-inline: auto;
}

.sc-process-flow__labels text {
	overflow: visible;
}

.sc-process-flow__micro {
	font-size: 10.5px;
}

@media (max-width: 1279px) {
	.sc-process__visual {
		margin-top: 72px;
	}
}

@media (max-width: 767px) {
	.sc-process__visual {
		margin-top: 50px;
	}
}


/* =========================================================
   SECTION 2 — PRECISE LABEL SYSTEM v1.7
   ========================================================= */

.sc-process__visual {
	margin-top: 78px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.sc-process-flow--desktop {
	width: 100%;
	max-width: 1160px;
	margin-inline: auto;
	overflow: visible;
}

.sc-process-flow__labels {
	pointer-events: none;
}

.sc-process-flow__labels text {
	dominant-baseline: auto;
}

.sc-process-flow__index {
	font-size: 9.5px;
	font-weight: 700;
}

.sc-process-flow__name {
	font-size: 12.5px;
	font-weight: 800;
}

.sc-process-flow__micro {
	font-size: 9.8px;
	font-weight: 400;
}

/* keep all label text visually lighter than the node names */
.sc-process-flow__micro {
	fill: rgba(23, 21, 28, 0.60);
}

/* Result group needs a little more breathing room from the right edge */
.sc-process-flow__labels text:last-child .sc-process-flow__micro {
	font-size: 9.5px;
}

@media (max-width: 1279px) {
	.sc-process__visual {
		margin-top: 68px;
	}

	.sc-process-flow--desktop {
		min-width: 1040px;
	}
}

@media (max-width: 1023px) {
	.sc-process-flow--desktop {
		min-width: 980px;
	}
}



/* =========================================================
   SECTION 2 — EQUAL LABEL DISTANCE v1.8
   ========================================================= */

.sc-process-flow--desktop {
	width: 100%;
	max-width: 1160px;
	margin-inline: auto;
	overflow: visible;
}

.sc-process-flow__label text {
	overflow: visible;
}

.sc-process-flow__label .sc-process-flow__index {
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: .04em;
}

.sc-process-flow__label .sc-process-flow__name {
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: .01em;
}

.sc-process-flow__label .sc-process-flow__micro {
	font-size: 9.6px;
	font-weight: 400;
	fill: rgba(23,21,28,.60);
}

/* prevent inherited SVG transforms from disturbing the new grouped labels */
.sc-process-flow__labels .sc-process-flow__label {
	opacity: 0;
	transition: opacity 500ms var(--sc-ease);
}

.sc-process.is-visible .sc-process-flow__labels .sc-process-flow__label {
	opacity: 1;
}

.sc-process.is-visible .sc-process-flow__labels .sc-process-flow__label:nth-child(1) { transition-delay: 170ms; }
.sc-process.is-visible .sc-process-flow__labels .sc-process-flow__label:nth-child(2) { transition-delay: 290ms; }
.sc-process.is-visible .sc-process-flow__labels .sc-process-flow__label:nth-child(3) { transition-delay: 410ms; }
.sc-process.is-visible .sc-process-flow__labels .sc-process-flow__label:nth-child(4) { transition-delay: 530ms; }
.sc-process.is-visible .sc-process-flow__labels .sc-process-flow__label:nth-child(5) { transition-delay: 650ms; }
.sc-process.is-visible .sc-process-flow__labels .sc-process-flow__label:nth-child(6) { transition-delay: 770ms; }
.sc-process.is-visible .sc-process-flow__labels .sc-process-flow__label:nth-child(7) { transition-delay: 890ms; }

/* Disable old text-level animation rules for desktop grouped labels */
.sc-process-flow--desktop .sc-process-flow__labels text {
	opacity: 1;
	transform: none;
	transition: none;
}


/* =========================================================
   SECȚIUNEA 3 — PRINCIPIUL SCALERA
   Conform documentului aprobat:
   - Aubergine #4A315D
   - Ivory / White
   - Copper #C8754A
   - mult spațiu negativ
   - compoziție ușor asimetrică
   - micro-FLOW derivat
   ========================================================= */

.sc-principle {
	position: relative;
	min-height: 740px;
	background: var(--sc-aubergine);
	color: var(--sc-ivory);
	overflow: hidden;
}

.sc-principle__inner {
	position: relative;
	min-height: 740px;
	padding-top: 100px;
	padding-bottom: 96px;
}

.sc-principle__eyebrow {
	margin: 0;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;

	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 500ms var(--sc-ease),
		transform 500ms var(--sc-ease);
}

.sc-principle__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
	column-gap: 88px;
	align-items: center;
	margin-top: 58px;
}

.sc-principle__content {
	padding-left: 15%;
	max-width: 760px;
}

.sc-principle__title {
	margin: 0;
	color: var(--sc-ivory);
	font-size: clamp(56px, 5vw, 64px);
	line-height: 1.01;
	font-weight: 800;
	letter-spacing: -0.045em;

	opacity: 0;
	transform: translateY(16px);
	transition:
		opacity 650ms var(--sc-ease),
		transform 650ms var(--sc-ease);
	transition-delay: 90ms;
}

.sc-principle__title-main,
.sc-principle__title-accent {
	display: block;
}

.sc-principle__title-accent {
	position: relative;
	width: fit-content;
	margin-top: 22px;
	padding-bottom: 14px;
	color: var(--sc-ivory);
}

.sc-principle__title-accent::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--sc-copper);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 650ms var(--sc-ease);
	transition-delay: 460ms;
}

.sc-principle__text {
	max-width: 560px;
	margin: 42px 0 0;
	color: rgba(245, 242, 236, .92);
	font-size: 19px;
	line-height: 1.6;
	font-weight: 400;

	opacity: 0;
	transform: translateY(12px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
	transition-delay: 620ms;
}

.sc-principle__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 300px;
	transform: translate(2%, 16px);
}

.sc-principle-flow {
	width: 420px;
	max-width: 100%;
	overflow: visible;
}

.sc-principle-flow__path {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	pathLength: 1;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
}

.sc-principle-flow__path--mist {
	stroke: rgba(220, 216, 211, .88);
	transition: stroke-dashoffset 750ms var(--sc-ease);
	transition-delay: 260ms;
}

.sc-principle-flow__path--copper {
	stroke: var(--sc-copper);
	transition: stroke-dashoffset 650ms var(--sc-ease);
	transition-delay: 470ms;
}

.sc-principle-flow__path--ink {
	stroke: var(--sc-ivory);
	opacity: .88;
	transition: stroke-dashoffset 700ms var(--sc-ease);
	transition-delay: 650ms;
}

.sc-principle-flow__node {
	fill: var(--sc-copper);
	stroke: var(--sc-copper);
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	opacity: 0;
	transform-box: fill-box;
	transform-origin: center;
	transform: scale(.55);
	transition:
		opacity 400ms var(--sc-ease),
		transform 450ms var(--sc-ease);
	transition-delay: 930ms;
}

.sc-principle__closing {
	max-width: 760px;
	margin: 54px 0 0 15%;
	color: rgba(245, 242, 236, .92);
	font-size: 18px;
	line-height: 1.6;
	font-weight: 400;

	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
	transition-delay: 820ms;
}

/* Reveal sequence */
.sc-principle.is-visible .sc-principle__eyebrow,
.sc-principle.is-visible .sc-principle__title,
.sc-principle.is-visible .sc-principle__text,
.sc-principle.is-visible .sc-principle__closing {
	opacity: 1;
	transform: none;
}

.sc-principle.is-visible .sc-principle__title-accent::after {
	transform: scaleX(1);
}

.sc-principle.is-visible .sc-principle-flow__path {
	stroke-dashoffset: 0;
}

.sc-principle.is-visible .sc-principle-flow__node {
	opacity: 1;
	transform: scale(1);
}

/* =========================================================
   SECȚIUNEA 3 — 1280–1439
   ========================================================= */

@media (max-width: 1439px) {

	.sc-principle {
		min-height: 720px;
	}

	.sc-principle__inner {
		min-height: 720px;
		padding-top: 94px;
		padding-bottom: 90px;
	}

	.sc-principle__grid {
		column-gap: 64px;
	}

	.sc-principle__content {
		padding-left: 12%;
	}

	.sc-principle__closing {
		margin-left: 12%;
	}

	.sc-principle-flow {
		width: 390px;
	}
}

/* =========================================================
   SECȚIUNEA 3 — 1024–1279
   ========================================================= */

@media (max-width: 1279px) {

	.sc-principle__grid {
		grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr);
		column-gap: 48px;
	}

	.sc-principle__content {
		padding-left: 6%;
	}

	.sc-principle__closing {
		margin-left: 6%;
	}

	.sc-principle__title {
		font-size: 52px;
	}

	.sc-principle__text {
		font-size: 18px;
	}

	.sc-principle-flow {
		width: 350px;
	}
}

/* =========================================================
   SECȚIUNEA 3 — TABLET
   ========================================================= */

@media (max-width: 1023px) {

	.sc-principle {
		min-height: 0;
	}

	.sc-principle__inner {
		min-height: 0;
		padding-top: 88px;
		padding-bottom: 92px;
	}

	.sc-principle__grid {
		grid-template-columns: 1fr;
		margin-top: 44px;
		row-gap: 34px;
	}

	.sc-principle__content {
		padding-left: 0;
		max-width: 720px;
	}

	.sc-principle__title {
		font-size: 48px;
	}

	.sc-principle__visual {
		justify-content: flex-start;
		min-height: 250px;
		transform: translate(14%, 0);
	}

	.sc-principle-flow {
		width: 380px;
	}

	.sc-principle__closing {
		margin-left: 0;
		margin-top: 42px;
		max-width: 680px;
	}
}

/* =========================================================
   SECȚIUNEA 3 — MOBILE 390
   ========================================================= */

@media (max-width: 767px) {

	.sc-principle__inner {
		padding-top: 72px;
		padding-bottom: 78px;
	}

	.sc-principle__eyebrow {
		font-size: 11px;
		letter-spacing: .12em;
	}

	.sc-principle__grid {
		margin-top: 34px;
		row-gap: 28px;
	}

	.sc-principle__title {
		font-size: 40px;
		line-height: 1.04;
		letter-spacing: -0.04em;
	}

	.sc-principle__title-accent {
		margin-top: 18px;
		padding-bottom: 12px;
	}

	.sc-principle__text {
		margin-top: 30px;
		font-size: 16px;
		line-height: 1.65;
	}

	.sc-principle__visual {
		justify-content: center;
		min-height: 210px;
		transform: none;
	}

	.sc-principle-flow {
		width: 310px;
		max-width: 100%;
	}

	.sc-principle__closing {
		margin-top: 30px;
		font-size: 16px;
		line-height: 1.65;
	}
}

/* =========================================================
   SECȚIUNEA 3 — SMALL MOBILE
   ========================================================= */

@media (max-width: 479px) {

	.sc-principle__title {
		font-size: 38px;
	}

	.sc-principle-flow {
		width: 300px;
	}
}

/* =========================================================
   SECȚIUNEA 3 — REDUCED MOTION
   ========================================================= */

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

	.sc-principle__eyebrow,
	.sc-principle__title,
	.sc-principle__text,
	.sc-principle__closing,
	.sc-principle-flow__node {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.sc-principle__title-accent::after {
		transform: scaleX(1);
		transition: none;
	}

	.sc-principle-flow__path {
		stroke-dashoffset: 0;
		transition: none;
	}
}


/* =========================================================
   SCALERA HOME v1.9.1 — SECȚIUNEA 3 CALIBRATION
   Ajustări exclusiv pentru PRINCIPIUL SCALERA:
   - headline mai coerent pe 3 rânduri
   - micro-FLOW mai prezent
   - accent Copper mai scurt
   - text final readus pe axa compoziției
   ========================================================= */

@media (min-width: 1280px) {

	.sc-principle__grid {
		grid-template-columns: minmax(0, 1.28fr) minmax(360px, .72fr);
		column-gap: 58px;
		margin-top: 54px;
	}

	.sc-principle__content {
		padding-left: 6%;
		max-width: 820px;
	}

	.sc-principle__title {
		max-width: 790px;
		font-size: 60px;
		line-height: 1.01;
		letter-spacing: -0.045em;
	}

	.sc-principle__title-main {
		max-width: 790px;
	}

	.sc-principle__title-accent {
		margin-top: 20px;
		padding-bottom: 13px;
	}

	.sc-principle__title-accent::after {
		width: 72%;
	}

	.sc-principle__text {
		max-width: 590px;
		margin-top: 38px;
	}

	.sc-principle__visual {
		min-height: 320px;
		justify-content: flex-start;
		transform: translate(-5%, 22px);
	}

	.sc-principle-flow {
		width: 475px;
		max-width: none;
	}

	.sc-principle__closing {
		max-width: 860px;
		margin-top: 48px;
		margin-left: 6%;
	}
}

@media (min-width: 1440px) {

	.sc-principle__inner {
		padding-top: 96px;
		padding-bottom: 94px;
	}

	.sc-principle__grid {
		column-gap: 66px;
	}

	.sc-principle__title {
		font-size: 62px;
	}

	.sc-principle-flow {
		width: 500px;
	}

	.sc-principle__visual {
		transform: translate(-7%, 18px);
	}
}

/* 1024–1279: păstrăm aceeași logică, fără ruperea excesivă a titlului */
@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-principle__grid {
		grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
		column-gap: 42px;
	}

	.sc-principle__content {
		padding-left: 2%;
	}

	.sc-principle__title {
		max-width: 660px;
		font-size: 50px;
	}

	.sc-principle__title-accent::after {
		width: 74%;
	}

	.sc-principle__visual {
		transform: translate(-3%, 14px);
	}

	.sc-principle-flow {
		width: 390px;
	}

	.sc-principle__closing {
		margin-left: 2%;
		max-width: 760px;
	}
}

/* Tablet: păstrăm flow-ul în dialog cu textul, nu izolat */
@media (min-width: 768px) and (max-width: 1023px) {

	.sc-principle__title {
		max-width: 680px;
	}

	.sc-principle__title-accent::after {
		width: 72%;
	}

	.sc-principle__visual {
		justify-content: flex-start;
		transform: translate(8%, 0);
	}

	.sc-principle-flow {
		width: 410px;
	}

	.sc-principle__closing {
		max-width: 720px;
	}
}

/* Mobile: underline rămâne semnătură, nu separator */
@media (max-width: 767px) {

	.sc-principle__title-accent::after {
		width: 70%;
	}

	.sc-principle__visual {
		margin-top: 2px;
	}

	.sc-principle-flow {
		width: min(320px, 100%);
	}

	.sc-principle__closing {
		margin-top: 28px;
	}
}


/* =========================================================
   SECTION 2 — COMPACT CALIBRATION v1.9.2
   DOAR Secțiunea 2.
   Hero și Secțiunea 3 rămân neschimbate.
   ========================================================= */

.sc-process {
	padding: 112px 0 118px;
}

.sc-process::before {
	height: 88px;
}

.sc-process__intro {
	column-gap: 72px;
}

.sc-process__eyebrow {
	margin-bottom: 28px;
}

.sc-process__title {
	font-size: clamp(52px, 4.5vw, 60px);
	line-height: 1.02;
}

.sc-process__copy {
	max-width: 500px;
}

.sc-process__copy p {
	font-size: 16.5px;
	line-height: 1.68;
}

.sc-process__visual {
	margin-top: 58px;
	padding-top: 24px;
	padding-bottom: 24px;
}

.sc-process-flow--desktop {
	max-width: 1120px;
}

.sc-process__closing {
	max-width: 820px;
	margin-top: 48px;
	padding-top: 22px;
	font-size: 18px;
	line-height: 1.55;
}

/* 1280–1439 */
@media (max-width: 1439px) {
	.sc-process {
		padding: 104px 0 110px;
	}

	.sc-process__visual {
		margin-top: 54px;
	}
}

/* 1024–1279 */
@media (max-width: 1279px) {
	.sc-process {
		padding: 96px 0 104px;
	}

	.sc-process__intro {
		row-gap: 30px;
	}

	.sc-process__visual {
		margin-top: 50px;
	}

	.sc-process__closing {
		margin-top: 44px;
	}
}

/* Tablet */
@media (max-width: 1023px) {
	.sc-process {
		padding: 88px 0 94px;
	}

	.sc-process__title {
		font-size: 48px;
	}

	.sc-process__visual {
		margin-top: 46px;
	}

	.sc-process__closing {
		margin-top: 40px;
		font-size: 17px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.sc-process {
		padding: 76px 0 82px;
	}

	.sc-process::before {
		height: 56px;
	}

	.sc-process__eyebrow {
		margin-bottom: 20px;
	}

	.sc-process__title {
		font-size: 38px;
	}

	.sc-process__copy {
		margin-top: 24px;
	}

	.sc-process__copy p {
		font-size: 15.5px;
		line-height: 1.62;
	}

	.sc-process__visual {
		margin-top: 40px;
	}

	.sc-process__closing {
		margin-top: 36px;
		padding-top: 20px;
		font-size: 16.5px;
		line-height: 1.55;
	}
}


/* =========================================================
   SCALERA HOME v1.9.3 — SECTION 2 HEIGHT MATCH
   DOAR SECȚIUNEA 2.
   Hero și Secțiunea 3 rămân neschimbate.
   Obiectiv:
   - aceeași înălțime vizuală ca Secțiunea 3 pe desktop
   - toate elementele vizibile confortabil într-un ecran
   - păstrarea proporțiilor interne ale Secțiunii 2
   ========================================================= */

@media (min-width: 1280px) {

	.sc-process {
		min-height: 740px;
		padding: 72px 0 70px;
		display: flex;
		align-items: center;
	}

	.sc-process .sc-container {
		width: min(var(--sc-container), calc(100% - 80px));
	}

	.sc-process__intro {
		grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
		column-gap: 70px;
		align-items: end;
	}

	.sc-process__eyebrow {
		margin-bottom: 22px;
	}

	.sc-process__title {
		font-size: 54px;
		line-height: 1.02;
		max-width: 700px;
	}

	.sc-process__copy {
		max-width: 500px;
	}

	.sc-process__copy p {
		font-size: 15.5px;
		line-height: 1.62;
	}

	.sc-process__copy p + p {
		margin-top: 14px;
	}

	.sc-process__visual {
		margin-top: 34px;
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.sc-process-flow--desktop {
		width: 100%;
		max-width: 1080px;
		margin-inline: auto;
	}

	.sc-process__closing {
		max-width: 760px;
		margin-top: 28px;
		padding-top: 16px;
		font-size: 16.5px;
		line-height: 1.5;
	}
}

/* 1440+ — menținem aceeași înălțime și doar aerisim foarte ușor */
@media (min-width: 1440px) {

	.sc-process {
		min-height: 740px;
		padding-top: 76px;
		padding-bottom: 74px;
	}

	.sc-process__title {
		font-size: 56px;
	}

	.sc-process__visual {
		margin-top: 36px;
	}

	.sc-process-flow--desktop {
		max-width: 1100px;
	}

	.sc-process__closing {
		margin-top: 30px;
	}
}

/* 1024–1279 — păstrăm raportul, fără a forța exact 740px */
@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-process {
		min-height: 700px;
		padding: 66px 0 68px;
		display: flex;
		align-items: center;
	}

	.sc-process__intro {
		row-gap: 26px;
	}

	.sc-process__title {
		font-size: 48px;
	}

	.sc-process__copy p {
		font-size: 15.5px;
		line-height: 1.6;
	}

	.sc-process__visual {
		margin-top: 34px;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.sc-process__closing {
		margin-top: 26px;
		padding-top: 16px;
		font-size: 16px;
	}
}

/* Tablet — secțiunea rămâne proporțională, fără comprimare agresivă */
@media (min-width: 768px) and (max-width: 1023px) {

	.sc-process {
		min-height: 0;
		padding: 72px 0 76px;
	}

	.sc-process__visual {
		margin-top: 38px;
	}

	.sc-process__closing {
		margin-top: 32px;
	}
}

/* Mobile — păstrăm lizibilitatea și ritmul vertical */
@media (max-width: 767px) {

	.sc-process {
		min-height: 0;
		padding: 68px 0 72px;
	}

	.sc-process__title {
		font-size: 38px;
	}

	.sc-process__visual {
		margin-top: 36px;
	}

	.sc-process__closing {
		margin-top: 30px;
	}
}


/* =========================================================
   SECȚIUNEA 4 — EXPERTIZĂ
   Editorial, nu carduri comerciale.
   Ivory / Ink / Mist / Copper.
   ========================================================= */

.sc-expertise {
	position: relative;
	background: var(--sc-ivory);
	color: var(--sc-ink);
	padding: 112px 0 104px;
	scroll-margin-top: var(--sc-header-height);
}

.sc-expertise__top {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr);
	column-gap: 86px;
	align-items: center;
}

.sc-expertise__content {
	max-width: 620px;
}

.sc-expertise__eyebrow {
	margin: 0 0 30px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;

	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 500ms var(--sc-ease),
		transform 500ms var(--sc-ease);
}

.sc-expertise__title {
	margin: 0;
	color: var(--sc-ink);
	font-size: clamp(52px, 4.6vw, 62px);
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -0.045em;

	opacity: 0;
	transform: translateY(14px);
	transition:
		opacity 650ms var(--sc-ease),
		transform 650ms var(--sc-ease);
	transition-delay: 80ms;
}

.sc-expertise__title-dot {
	color: var(--sc-copper);
}

.sc-expertise__intro {
	max-width: 560px;
	margin: 34px 0 0;
	color: rgba(23, 21, 28, .86);
	font-size: 18px;
	line-height: 1.65;
	font-weight: 400;

	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
	transition-delay: 180ms;
}

.sc-expertise__media {
	opacity: 0;
	transform: translateY(16px);
	transition:
		opacity 700ms var(--sc-ease),
		transform 700ms var(--sc-ease);
	transition-delay: 150ms;
}

.sc-expertise__photo,
.sc-expertise__photo-placeholder {
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 12px;
}

.sc-expertise__photo {
	object-fit: cover;
	object-position: center;
}

.sc-expertise__photo-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		linear-gradient(135deg, rgba(220,216,211,.75), rgba(255,255,255,.75));
	border: 1px solid rgba(220,216,211,.95);
	color: rgba(23,21,28,.44);
}

.sc-expertise__photo-placeholder span {
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 11px;
	letter-spacing: .12em;
}

.sc-expertise__areas {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 42px;
	margin-top: 86px;
	border-top: 1px solid var(--sc-mist);
}

.sc-expertise-area {
	position: relative;
	padding: 34px 0 8px;
	min-width: 0;

	opacity: 0;
	transform: translateY(14px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
}

.sc-expertise-area + .sc-expertise-area {
	border-left: 1px solid rgba(220,216,211,.85);
	padding-left: 34px;
}

.sc-expertise-area__index {
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
}

.sc-expertise-area__title {
	margin: 16px 0 0;
	color: var(--sc-ink);
	font-size: 24px;
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: -0.025em;
}

.sc-expertise-area__text {
	min-height: 132px;
	margin: 20px 0 0;
	color: rgba(23,21,28,.76);
	font-size: 15.5px;
	line-height: 1.65;
}

.sc-expertise-area__flow {
	display: grid;
	grid-template-columns: auto minmax(18px, 1fr) 8px minmax(18px, 1fr) auto auto auto;
	align-items: center;
	gap: 8px;
	margin-top: 28px;
	color: rgba(23,21,28,.72);
}

.sc-expertise-area__flow-label,
.sc-expertise-area__flow-arrow {
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .04em;
	white-space: nowrap;
}

.sc-expertise-area__flow-line {
	height: 1px;
	background: var(--sc-mist);
	transition: background-color 220ms ease;
}

.sc-expertise-area__flow-node {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--sc-ink);
	transition:
		background-color 220ms ease,
		transform 220ms ease;
}

.sc-expertise-area__flow-arrow {
	color: var(--sc-copper);
}

.sc-expertise-area:hover .sc-expertise-area__flow-line,
.sc-expertise-area:focus-within .sc-expertise-area__flow-line {
	background: var(--sc-ink);
}

.sc-expertise-area:hover .sc-expertise-area__flow-node,
.sc-expertise-area:focus-within .sc-expertise-area__flow-node {
	background: var(--sc-copper);
	transform: scale(1.12);
}

.sc-expertise__closing {
	max-width: 820px;
	margin: 62px auto 0;
	padding-top: 24px;
	border-top: 1px solid rgba(220,216,211,.85);
	color: var(--sc-ink);
	font-size: 18px;
	line-height: 1.55;
	font-weight: 500;
	text-align: center;

	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
	transition-delay: 580ms;
}

/* Reveal */
.sc-expertise.is-visible .sc-expertise__eyebrow,
.sc-expertise.is-visible .sc-expertise__title,
.sc-expertise.is-visible .sc-expertise__intro,
.sc-expertise.is-visible .sc-expertise__media,
.sc-expertise.is-visible .sc-expertise-area,
.sc-expertise.is-visible .sc-expertise__closing {
	opacity: 1;
	transform: none;
}

.sc-expertise.is-visible .sc-expertise-area:nth-child(1) { transition-delay: 260ms; }
.sc-expertise.is-visible .sc-expertise-area:nth-child(2) { transition-delay: 360ms; }
.sc-expertise.is-visible .sc-expertise-area:nth-child(3) { transition-delay: 460ms; }

/* =========================================================
   SECȚIUNEA 4 — 1280–1439
   ========================================================= */

@media (max-width: 1439px) {

	.sc-expertise {
		padding: 104px 0 98px;
	}

	.sc-expertise__top {
		column-gap: 68px;
	}

	.sc-expertise__areas {
		margin-top: 76px;
		column-gap: 34px;
	}

	.sc-expertise-area + .sc-expertise-area {
		padding-left: 28px;
	}
}

/* =========================================================
   SECȚIUNEA 4 — 1024–1279
   ========================================================= */

@media (max-width: 1279px) {

	.sc-expertise {
		padding: 94px 0 92px;
	}

	.sc-expertise__top {
		grid-template-columns: minmax(0, .95fr) minmax(400px, 1.05fr);
		column-gap: 46px;
	}

	.sc-expertise__title {
		font-size: 50px;
	}

	.sc-expertise__intro {
		font-size: 17px;
	}

	.sc-expertise__areas {
		column-gap: 26px;
	}

	.sc-expertise-area + .sc-expertise-area {
		padding-left: 24px;
	}

	.sc-expertise-area__title {
		font-size: 22px;
	}

	.sc-expertise-area__text {
		min-height: 150px;
		font-size: 15px;
	}
}

/* =========================================================
   SECȚIUNEA 4 — TABLET
   ========================================================= */

@media (max-width: 1023px) {

	.sc-expertise {
		padding: 84px 0 88px;
	}

	.sc-expertise__top {
		grid-template-columns: 1fr;
		row-gap: 42px;
	}

	.sc-expertise__content {
		max-width: 720px;
	}

	.sc-expertise__title {
		max-width: 700px;
		font-size: 48px;
	}

	.sc-expertise__media {
		max-width: 720px;
	}

	.sc-expertise__areas {
		grid-template-columns: 1fr;
		margin-top: 64px;
		border-top: 1px solid var(--sc-mist);
	}

	.sc-expertise-area {
		padding: 30px 0 34px;
		border-bottom: 1px solid rgba(220,216,211,.85);
	}

	.sc-expertise-area + .sc-expertise-area {
		border-left: 0;
		padding-left: 0;
	}

	.sc-expertise-area__text {
		min-height: 0;
		max-width: 680px;
	}

	.sc-expertise-area__flow {
		max-width: 620px;
	}

	.sc-expertise__closing {
		margin-top: 48px;
	}
}

/* =========================================================
   SECȚIUNEA 4 — MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.sc-expertise {
		padding: 72px 0 76px;
	}

	.sc-expertise__eyebrow {
		margin-bottom: 22px;
		font-size: 11px;
	}

	.sc-expertise__title {
		font-size: 40px;
		line-height: 1.04;
	}

	.sc-expertise__intro {
		margin-top: 26px;
		font-size: 16px;
		line-height: 1.62;
	}

	.sc-expertise__top {
		row-gap: 32px;
	}

	.sc-expertise__media {
		order: 2;
	}

	.sc-expertise__areas {
		margin-top: 48px;
	}

	.sc-expertise-area {
		padding: 26px 0 30px;
	}

	.sc-expertise-area__title {
		margin-top: 12px;
		font-size: 22px;
	}

	.sc-expertise-area__text {
		margin-top: 16px;
		font-size: 15px;
		line-height: 1.62;
	}

	.sc-expertise-area__flow {
		grid-template-columns: auto minmax(12px,1fr) 7px minmax(12px,1fr) auto auto auto;
		gap: 6px;
		margin-top: 22px;
	}

	.sc-expertise-area__flow-label,
	.sc-expertise-area__flow-arrow {
		font-size: 8px;
	}

	.sc-expertise__closing {
		margin-top: 38px;
		padding-top: 20px;
		font-size: 16.5px;
		line-height: 1.55;
		text-align: left;
	}
}

/* =========================================================
   SECȚIUNEA 4 — REDUCED MOTION
   ========================================================= */

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

	.sc-expertise__eyebrow,
	.sc-expertise__title,
	.sc-expertise__intro,
	.sc-expertise__media,
	.sc-expertise-area,
	.sc-expertise__closing {
		opacity: 1;
		transform: none;
		transition: none;
	}
}


/* =========================================================
   SCALERA HOME v2.0.1
   SECȚIUNEA 4 — EXPERTIZĂ / CALIBRARE DESKTOP
   Ajustează exclusiv Secțiunea 4.
   ========================================================= */

@media (min-width: 1280px) {

	/* Mai compactă pe verticală, în ritmul Secțiunilor 2–3 */
	.sc-expertise {
		padding-top: 82px;
		padding-bottom: 82px;
	}

	/* Raport mai editorial: text controlat + fotografie mai puțin dominantă */
	.sc-expertise__top {
		grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
		column-gap: 76px;
		align-items: center;
	}

	.sc-expertise__content {
		max-width: 610px;
	}

	.sc-expertise__eyebrow {
		margin-bottom: 28px;
	}

	/* Evităm ruptura nefericită „acolo / unde” */
	.sc-expertise__title {
		max-width: 610px;
		font-size: clamp(50px, 3.65vw, 58px);
		line-height: 1.01;
		letter-spacing: -0.047em;
	}

	.sc-expertise__intro {
		max-width: 590px;
		margin-top: 30px;
		font-size: 17px;
		line-height: 1.58;
	}

	.sc-expertise__media {
		width: 100%;
		max-width: 650px;
		justify-self: end;
	}

	.sc-expertise__photo,
	.sc-expertise__photo-placeholder {
		aspect-ratio: 4 / 3;
		border-radius: 11px;
	}

	/* Ridicăm cele trei domenii în viewport și păstrăm aceeași structură */
	.sc-expertise__areas {
		margin-top: 64px;
		column-gap: 0;
	}

	.sc-expertise-area {
		padding-top: 30px;
		padding-right: 32px;
	}

	.sc-expertise-area + .sc-expertise-area {
		padding-left: 32px;
	}

	.sc-expertise-area__title {
		margin-top: 14px;
		font-size: 22px;
		line-height: 1.16;
	}

	.sc-expertise-area__text {
		min-height: 118px;
		margin-top: 17px;
		font-size: 15px;
		line-height: 1.58;
	}

	.sc-expertise-area__flow {
		margin-top: 22px;
	}

	.sc-expertise__closing {
		margin-top: 48px;
	}
}

@media (min-width: 1440px) {

	.sc-expertise__top {
		column-gap: 84px;
	}

	.sc-expertise__title {
		max-width: 630px;
		font-size: 58px;
	}

	.sc-expertise__media {
		max-width: 660px;
	}
}


/* =========================================================
   SCALERA HOME v2.0.2
   SECȚIUNEA 4 — COMPACT HEIGHT CALIBRATION
   DOAR SECȚIUNEA 4.
   Obiectiv:
   - reducere înălțime totală
   - păstrarea raportului editorial
   - mai puțin spațiu între nivelul foto/text și ariile de expertiză
   - closing mai aproape de cele 3 direcții
   ========================================================= */

@media (min-width: 1280px) {

	.sc-expertise {
		padding-top: 66px;
		padding-bottom: 62px;
	}

	.sc-expertise__top {
		column-gap: 70px;
		align-items: center;
	}

	.sc-expertise__eyebrow {
		margin-bottom: 22px;
	}

	.sc-expertise__title {
		font-size: clamp(48px, 3.4vw, 54px);
		line-height: 1.01;
		max-width: 590px;
	}

	.sc-expertise__intro {
		margin-top: 24px;
		font-size: 16.5px;
		line-height: 1.55;
		max-width: 560px;
	}

	.sc-expertise__media {
		max-width: 620px;
	}

	.sc-expertise__photo,
	.sc-expertise__photo-placeholder {
		aspect-ratio: 4 / 3;
	}

	.sc-expertise__areas {
		margin-top: 46px;
	}

	.sc-expertise-area {
		padding-top: 24px;
		padding-right: 28px;
		padding-bottom: 0;
	}

	.sc-expertise-area + .sc-expertise-area {
		padding-left: 28px;
	}

	.sc-expertise-area__index {
		font-size: 10px;
	}

	.sc-expertise-area__title {
		margin-top: 10px;
		font-size: 21px;
		line-height: 1.14;
	}

	.sc-expertise-area__text {
		min-height: 104px;
		margin-top: 14px;
		font-size: 14.5px;
		line-height: 1.55;
	}

	.sc-expertise-area__flow {
		margin-top: 16px;
	}

	.sc-expertise__closing {
		margin-top: 34px;
		padding-top: 18px;
		font-size: 17px;
		line-height: 1.5;
		max-width: 760px;
	}
}

@media (min-width: 1440px) {

	.sc-expertise {
		padding-top: 68px;
		padding-bottom: 64px;
	}

	.sc-expertise__top {
		column-gap: 74px;
	}

	.sc-expertise__title {
		font-size: 54px;
	}

	.sc-expertise__media {
		max-width: 630px;
	}

	.sc-expertise__areas {
		margin-top: 48px;
	}
}

/* 1024–1279: compactare moderată */
@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-expertise {
		padding-top: 72px;
		padding-bottom: 70px;
	}

	.sc-expertise__eyebrow {
		margin-bottom: 22px;
	}

	.sc-expertise__title {
		font-size: 46px;
	}

	.sc-expertise__intro {
		margin-top: 22px;
		font-size: 16px;
		line-height: 1.55;
	}

	.sc-expertise__areas {
		margin-top: 44px;
	}

	.sc-expertise-area {
		padding-top: 24px;
	}

	.sc-expertise-area__text {
		min-height: 118px;
	}

	.sc-expertise__closing {
		margin-top: 32px;
		padding-top: 18px;
	}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {

	.sc-expertise {
		padding-top: 70px;
		padding-bottom: 72px;
	}

	.sc-expertise__top {
		row-gap: 34px;
	}

	.sc-expertise__areas {
		margin-top: 48px;
	}

	.sc-expertise-area {
		padding-top: 24px;
		padding-bottom: 26px;
	}

	.sc-expertise__closing {
		margin-top: 34px;
	}
}

/* Mobile */
@media (max-width: 767px) {

	.sc-expertise {
		padding-top: 64px;
		padding-bottom: 66px;
	}

	.sc-expertise__top {
		row-gap: 28px;
	}

	.sc-expertise__areas {
		margin-top: 40px;
	}

	.sc-expertise-area {
		padding-top: 22px;
		padding-bottom: 24px;
	}

	.sc-expertise__closing {
		margin-top: 30px;
	}
}


/* =========================================================
   SCALERA HOME v2.0.3
   SECȚIUNEA 4 — FINAL FREEZE CALIBRATION
   DOAR SECȚIUNEA 4.
   Reducere totală țintă: aprox. 60–80px.
   După această versiune, structura Secțiunii 4 se consideră înghețată.
   ========================================================= */

@media (min-width: 1280px) {

	.sc-expertise {
		padding-top: 56px;
		padding-bottom: 50px;
	}

	.sc-expertise__top {
		column-gap: 66px;
	}

	.sc-expertise__media {
		max-width: 575px;
	}

	.sc-expertise__areas {
		margin-top: 28px;
	}

	.sc-expertise-area {
		padding-top: 22px;
	}

	.sc-expertise__closing {
		margin-top: 26px;
		padding-top: 16px;
	}
}

@media (min-width: 1440px) {

	.sc-expertise {
		padding-top: 58px;
		padding-bottom: 52px;
	}

	.sc-expertise__media {
		max-width: 585px;
	}

	.sc-expertise__areas {
		margin-top: 30px;
	}

	.sc-expertise__closing {
		margin-top: 28px;
	}
}

/* 1024–1279 — reducere moderată, fără pierderea proporțiilor */
@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-expertise {
		padding-top: 62px;
		padding-bottom: 58px;
	}

	.sc-expertise__media {
		max-width: 560px;
	}

	.sc-expertise__areas {
		margin-top: 34px;
	}

	.sc-expertise__closing {
		margin-top: 26px;
	}
}

/* Tablet — doar o ușoară compactare */
@media (min-width: 768px) and (max-width: 1023px) {

	.sc-expertise {
		padding-top: 64px;
		padding-bottom: 66px;
	}

	.sc-expertise__areas {
		margin-top: 42px;
	}

	.sc-expertise__closing {
		margin-top: 30px;
	}
}

/* Mobile — păstrăm aerul și lizibilitatea */
@media (max-width: 767px) {

	.sc-expertise {
		padding-top: 60px;
		padding-bottom: 62px;
	}

	.sc-expertise__areas {
		margin-top: 36px;
	}

	.sc-expertise__closing {
		margin-top: 28px;
	}
}


/* =========================================================
   SECȚIUNEA 5 — CE FACEM
   Editorial 2x2, fără look de card SaaS.
   White / Ink / Mist / Copper.
   ========================================================= */

.sc-services {
	position: relative;
	background: var(--sc-white);
	color: var(--sc-ink);
	padding: 96px 0 92px;
	scroll-margin-top: var(--sc-header-height);
}

.sc-services__intro {
	max-width: 860px;
}

.sc-services__eyebrow {
	margin: 0 0 26px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;

	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 500ms var(--sc-ease),
		transform 500ms var(--sc-ease);
}

.sc-services__title {
	margin: 0;
	max-width: 780px;
	color: var(--sc-ink);
	font-size: clamp(52px, 4.6vw, 62px);
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -0.045em;

	opacity: 0;
	transform: translateY(14px);
	transition:
		opacity 650ms var(--sc-ease),
		transform 650ms var(--sc-ease);
	transition-delay: 80ms;
}

.sc-services__title-dot {
	color: var(--sc-copper);
}

.sc-services__lead {
	max-width: 760px;
	margin: 30px 0 0;
	color: rgba(23,21,28,.80);
	font-size: 17px;
	line-height: 1.62;

	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
	transition-delay: 160ms;
}

/* 2x2 editorial system */
.sc-services__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 64px;
	border-top: 1px solid var(--sc-mist);
	border-left: 1px solid var(--sc-mist);
}

.sc-service {
	position: relative;
	min-height: 300px;
	padding: 34px 34px 30px;
	background: var(--sc-white);
	border-right: 1px solid var(--sc-mist);
	border-bottom: 1px solid var(--sc-mist);
	overflow: hidden;

	opacity: 0;
	transform: translateY(14px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease),
		background-color 220ms ease;
}

.sc-service::after {
	content: "";
	position: absolute;
	left: 34px;
	right: 34px;
	bottom: 0;
	height: 2px;
	background: var(--sc-copper);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 260ms var(--sc-ease);
}

.sc-service:hover::after,
.sc-service:focus-within::after {
	transform: scaleX(1);
}

.sc-service__index {
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
}

.sc-service__title {
	max-width: 520px;
	margin: 18px 0 0;
	color: var(--sc-ink);
	font-size: 26px;
	line-height: 1.14;
	font-weight: 700;
	letter-spacing: -0.028em;
}

.sc-service__text {
	max-width: 540px;
	margin: 20px 0 0;
	color: rgba(23,21,28,.76);
	font-size: 15.5px;
	line-height: 1.65;
}

.sc-service__subtext {
	max-width: 540px;
	margin: 15px 0 0;
	color: rgba(23,21,28,.56);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 10px;
	line-height: 1.55;
	letter-spacing: .025em;
}

/* Micro FLOW editorial */
.sc-service__microflow {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin-top: 34px;
	color: rgba(23,21,28,.68);
}

.sc-service__microflow-label {
	flex: 0 0 auto;
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .04em;
	white-space: nowrap;
}

.sc-service__microflow-line {
	flex: 1 1 24px;
	min-width: 16px;
	height: 1px;
	background: var(--sc-mist);
	position: relative;
	overflow: hidden;
}

.sc-service__microflow-line::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--sc-copper);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 240ms var(--sc-ease);
}

.sc-service__microflow-node {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: var(--sc-ink);
	transition:
		background-color 220ms ease,
		transform 220ms ease;
}

.sc-service:hover .sc-service__microflow-line::after,
.sc-service:focus-within .sc-service__microflow-line::after {
	transform: scaleX(1);
}

.sc-service:hover .sc-service__microflow-node,
.sc-service:focus-within .sc-service__microflow-node {
	background: var(--sc-copper);
	transform: scale(1.12);
}

/* Reveal */
.sc-services.is-visible .sc-services__eyebrow,
.sc-services.is-visible .sc-services__title,
.sc-services.is-visible .sc-services__lead,
.sc-services.is-visible .sc-service {
	opacity: 1;
	transform: none;
}

.sc-services.is-visible .sc-service:nth-child(1) { transition-delay: 240ms; }
.sc-services.is-visible .sc-service:nth-child(2) { transition-delay: 330ms; }
.sc-services.is-visible .sc-service:nth-child(3) { transition-delay: 420ms; }
.sc-services.is-visible .sc-service:nth-child(4) { transition-delay: 510ms; }

/* =========================================================
   SECȚIUNEA 5 — 1280–1439
   ========================================================= */

@media (max-width: 1439px) {

	.sc-services {
		padding: 88px 0 86px;
	}

	.sc-services__grid {
		margin-top: 56px;
	}

	.sc-service {
		min-height: 286px;
		padding: 30px 30px 28px;
	}

	.sc-service::after {
		left: 30px;
		right: 30px;
	}

	.sc-service__title {
		font-size: 24px;
	}

	.sc-service__microflow {
		margin-top: 30px;
	}
}

/* =========================================================
   SECȚIUNEA 5 — 1024–1279
   ========================================================= */

@media (max-width: 1279px) {

	.sc-services {
		padding: 82px 0 80px;
	}

	.sc-services__title {
		font-size: 50px;
	}

	.sc-services__lead {
		font-size: 16.5px;
	}

	.sc-services__grid {
		margin-top: 50px;
	}

	.sc-service {
		min-height: 280px;
		padding: 28px 26px 26px;
	}

	.sc-service::after {
		left: 26px;
		right: 26px;
	}

	.sc-service__title {
		font-size: 23px;
	}

	.sc-service__text {
		font-size: 15px;
	}

	.sc-service__microflow-label {
		font-size: 8px;
	}
}

/* =========================================================
   SECȚIUNEA 5 — TABLET
   ========================================================= */

@media (max-width: 1023px) {

	.sc-services {
		padding: 76px 0 78px;
	}

	.sc-services__intro {
		max-width: 720px;
	}

	.sc-services__title {
		font-size: 48px;
	}

	.sc-services__grid {
		grid-template-columns: 1fr;
		margin-top: 46px;
		border-left: 0;
	}

	.sc-service {
		min-height: 0;
		padding: 30px 0 34px;
		border-right: 0;
	}

	.sc-service::after {
		left: 0;
		right: 0;
	}

	.sc-service__text,
	.sc-service__subtext {
		max-width: 680px;
	}

	.sc-service__microflow {
		max-width: 650px;
	}
}

/* =========================================================
   SECȚIUNEA 5 — MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.sc-services {
		padding: 66px 0 70px;
	}

	.sc-services__eyebrow {
		margin-bottom: 22px;
		font-size: 11px;
	}

	.sc-services__title {
		font-size: 40px;
		line-height: 1.04;
	}

	.sc-services__lead {
		margin-top: 24px;
		font-size: 16px;
		line-height: 1.62;
	}

	.sc-services__grid {
		margin-top: 38px;
	}

	.sc-service {
		padding: 26px 0 30px;
	}

	.sc-service__index {
		font-size: 10px;
	}

	.sc-service__title {
		margin-top: 12px;
		font-size: 22px;
		line-height: 1.16;
	}

	.sc-service__text {
		margin-top: 16px;
		font-size: 15px;
		line-height: 1.62;
	}

	.sc-service__subtext {
		margin-top: 12px;
		font-size: 9px;
	}

	.sc-service__microflow {
		gap: 6px;
		margin-top: 22px;
	}

	.sc-service__microflow-label {
		font-size: 7.8px;
	}

	.sc-service__microflow-line {
		min-width: 10px;
	}
}

/* =========================================================
   SECȚIUNEA 5 — SMALL MOBILE
   ========================================================= */

@media (max-width: 479px) {

	.sc-services__title {
		font-size: 38px;
	}

	.sc-service__microflow {
		gap: 5px;
	}

	.sc-service__microflow-label {
		font-size: 7.4px;
	}
}

/* =========================================================
   SECȚIUNEA 5 — REDUCED MOTION
   ========================================================= */

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

	.sc-services__eyebrow,
	.sc-services__title,
	.sc-services__lead,
	.sc-service {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.sc-service::after,
	.sc-service__microflow-line::after {
		transition: none;
	}
}


/* =========================================================
   SCALERA HOME v2.1.1
   SECȚIUNEA 5 — CALIBRARE FINALĂ ÎN RITMUL SECȚIUNILOR 2–4
   DOAR SECȚIUNEA 5.
   Obiectiv desktop:
   - înălțime vizuală apropiată de Secțiunile 2–4
   - toate cele 4 direcții vizibile confortabil în același ecran
   - păstrarea structurii editoriale 2x2
   - fără modificări la Secțiunile 1–4
   ========================================================= */

@media (min-width: 1280px) {

	.sc-services {
		min-height: 740px;
		padding: 58px 0 56px;
		display: flex;
		align-items: center;
	}

	.sc-services .sc-container {
		width: min(var(--sc-container), calc(100% - 80px));
	}

	.sc-services__intro {
		max-width: 820px;
	}

	.sc-services__eyebrow {
		margin-bottom: 20px;
	}

	.sc-services__title {
		max-width: 760px;
		font-size: 54px;
		line-height: 1.01;
	}

	.sc-services__lead {
		max-width: 720px;
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.55;
	}

	.sc-services__grid {
		margin-top: 34px;
	}

	.sc-service {
		min-height: 206px;
		padding: 22px 28px 20px;
	}

	.sc-service::after {
		left: 28px;
		right: 28px;
	}

	.sc-service__index {
		font-size: 10px;
	}

	.sc-service__title {
		margin-top: 10px;
		max-width: 540px;
		font-size: 21px;
		line-height: 1.13;
	}

	.sc-service__text {
		max-width: 560px;
		margin-top: 12px;
		font-size: 14px;
		line-height: 1.5;
	}

	.sc-service__subtext {
		margin-top: 10px;
		font-size: 8.8px;
		line-height: 1.45;
	}

	.sc-service__microflow {
		margin-top: 14px;
		gap: 6px;
	}

	.sc-service__microflow-label {
		font-size: 7.8px;
	}

	.sc-service__microflow-node {
		width: 6px;
		height: 6px;
		flex-basis: 6px;
	}
}

@media (min-width: 1440px) {

	.sc-services {
		min-height: 740px;
		padding-top: 60px;
		padding-bottom: 58px;
	}

	.sc-services__title {
		font-size: 56px;
	}

	.sc-service {
		min-height: 210px;
		padding-top: 23px;
		padding-bottom: 21px;
	}
}

/* 1024–1279 — compact, dar fără comprimare agresivă */
@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-services {
		min-height: 700px;
		padding: 58px 0 60px;
	}

	.sc-services__title {
		font-size: 48px;
	}

	.sc-services__lead {
		margin-top: 20px;
		font-size: 15.5px;
	}

	.sc-services__grid {
		margin-top: 32px;
	}

	.sc-service {
		min-height: 214px;
		padding: 22px 24px 20px;
	}

	.sc-service__title {
		font-size: 20px;
	}

	.sc-service__text {
		font-size: 13.8px;
		line-height: 1.5;
	}

	.sc-service__microflow {
		margin-top: 14px;
	}
}

/* Tablet — trecere pe o coloană, ritm apropiat de restul Home-ului */
@media (min-width: 768px) and (max-width: 1023px) {

	.sc-services {
		min-height: 0;
		padding: 66px 0 70px;
	}

	.sc-services__grid {
		margin-top: 38px;
	}

	.sc-service {
		padding: 24px 0 26px;
	}

	.sc-service__microflow {
		margin-top: 18px;
	}
}

/* Mobile — păstrăm lizibilitatea, nu forțăm înălțimea desktop */
@media (max-width: 767px) {

	.sc-services {
		min-height: 0;
		padding: 60px 0 64px;
	}

	.sc-services__eyebrow {
		margin-bottom: 18px;
	}

	.sc-services__title {
		font-size: 38px;
	}

	.sc-services__lead {
		margin-top: 20px;
	}

	.sc-services__grid {
		margin-top: 32px;
	}

	.sc-service {
		padding: 22px 0 24px;
	}

	.sc-service__microflow {
		margin-top: 18px;
	}
}


/* =========================================================
   SCALERA HOME v2.2
   SECȚIUNEA 6 — DESPRE SCALERA
   Ink / Ivory / White / Copper
   Calibrare în același ritm cu Secțiunile 2–5
   ========================================================= */

.sc-about {
	position: relative;
	background: var(--sc-ink);
	color: var(--sc-ivory);
	padding: 70px 0 66px;
	scroll-margin-top: var(--sc-header-height);
	overflow: hidden;
}

.sc-about__intro {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
	column-gap: 82px;
	align-items: end;
}

.sc-about__eyebrow {
	grid-column: 1 / -1;
	margin: 0 0 22px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;

	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 500ms var(--sc-ease),
		transform 500ms var(--sc-ease);
}

.sc-about__title {
	margin: 0;
	max-width: 720px;
	color: var(--sc-ivory);
	font-size: clamp(50px, 4.3vw, 58px);
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -0.045em;

	opacity: 0;
	transform: translateY(14px);
	transition:
		opacity 650ms var(--sc-ease),
		transform 650ms var(--sc-ease);
	transition-delay: 80ms;
}

.sc-about__title-dot {
	color: var(--sc-copper);
}

.sc-about__lead {
	max-width: 520px;
	margin: 0 0 4px;
	color: rgba(245,242,236,.88);
	font-size: 16.5px;
	line-height: 1.62;

	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
	transition-delay: 160ms;
}

/* =========================================================
   MODELUL OAMENI → PROCESE → TEHNOLOGIE → REZULTATE
   ========================================================= */

.sc-about__model {
	position: relative;
	margin-top: 42px;
	padding-top: 18px;
	border-top: 1px solid rgba(245,242,236,.15);
}

.sc-about__model-line {
	position: relative;
	height: 94px;
}

.sc-about-flow {
	width: 100%;
	height: 94px;
	overflow: visible;
}

.sc-about-flow--desktop {
	display: block;
}

.sc-about-flow--mobile {
	display: none;
}

.sc-about-flow__path {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	pathLength: 1;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
}

.sc-about-flow__path--mist {
	stroke: rgba(220,216,211,.60);
	transition: stroke-dashoffset 900ms var(--sc-ease);
	transition-delay: 260ms;
}

.sc-about-flow__path--copper {
	stroke: var(--sc-copper);
	transition: stroke-dashoffset 620ms var(--sc-ease);
	transition-delay: 680ms;
}

.sc-about-flow__node {
	fill: var(--sc-ink);
	stroke: var(--sc-ivory);
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	opacity: 0;
	transform-box: fill-box;
	transform-origin: center;
	transform: scale(.72);
	transition:
		opacity 400ms var(--sc-ease),
		transform 450ms var(--sc-ease);
}

.sc-about-flow__node--result {
	fill: var(--sc-copper);
	stroke: var(--sc-copper);
}

/* 4 coloane editoriale */
.sc-about__steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: -2px;
	border-top: 1px solid rgba(245,242,236,.14);
}

.sc-about-step {
	min-width: 0;
	padding: 22px 28px 10px 0;

	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity 550ms var(--sc-ease),
		transform 550ms var(--sc-ease);
}

.sc-about-step + .sc-about-step {
	padding-left: 28px;
	border-left: 1px solid rgba(245,242,236,.14);
}

.sc-about-step__index {
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .08em;
}

.sc-about-step__title {
	margin: 10px 0 0;
	color: var(--sc-ivory);
	font-size: 18px;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: .02em;
}

.sc-about-step__text {
	margin: 12px 0 0;
	color: rgba(245,242,236,.72);
	font-size: 13.5px;
	line-height: 1.55;
}

.sc-about-step--result .sc-about-step__title,
.sc-about-step--result .sc-about-step__index {
	color: var(--sc-copper);
}

/* =========================================================
   PARTENERIATE SPECIALIZATE
   ========================================================= */

.sc-about__partnership {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	grid-template-areas:
		"label text"
		"label flow";
	column-gap: 44px;
	row-gap: 16px;
	align-items: start;
	margin-top: 34px;
	padding-top: 24px;
	border-top: 1px solid rgba(245,242,236,.16);

	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
	transition-delay: 720ms;
}

.sc-about__partnership-label {
	grid-area: label;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 10px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: .08em;
}

.sc-about__partnership-text {
	grid-area: text;
	max-width: 850px;
	margin: 0;
	color: rgba(245,242,236,.80);
	font-size: 14px;
	line-height: 1.58;
}

.sc-about__partnership-flow {
	grid-area: flow;
	display: flex;
	align-items: center;
	gap: 8px;
	width: min(100%, 760px);
	color: rgba(245,242,236,.62);
}

.sc-about__partnership-flow-label {
	flex: 0 0 auto;
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 8px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .04em;
	white-space: nowrap;
}

.sc-about__partnership-flow-line {
	flex: 1 1 30px;
	height: 1px;
	background: rgba(220,216,211,.38);
}

.sc-about__partnership-flow-node {
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 50%;
	background: var(--sc-ivory);
}

.sc-about__partnership-flow-node--copper {
	background: var(--sc-copper);
}

/* =========================================================
   REVEAL
   ========================================================= */

.sc-about.is-visible .sc-about__eyebrow,
.sc-about.is-visible .sc-about__title,
.sc-about.is-visible .sc-about__lead,
.sc-about.is-visible .sc-about-step,
.sc-about.is-visible .sc-about__partnership {
	opacity: 1;
	transform: none;
}

.sc-about.is-visible .sc-about-flow__path {
	stroke-dashoffset: 0;
}

.sc-about.is-visible .sc-about-flow__node {
	opacity: 1;
	transform: scale(1);
}

.sc-about.is-visible .sc-about-flow__node:nth-of-type(1) { transition-delay: 260ms; }
.sc-about.is-visible .sc-about-flow__node:nth-of-type(2) { transition-delay: 380ms; }
.sc-about.is-visible .sc-about-flow__node:nth-of-type(3) { transition-delay: 500ms; }
.sc-about.is-visible .sc-about-flow__node:nth-of-type(4) { transition-delay: 760ms; }

.sc-about.is-visible .sc-about-step:nth-child(1) { transition-delay: 300ms; }
.sc-about.is-visible .sc-about-step:nth-child(2) { transition-delay: 400ms; }
.sc-about.is-visible .sc-about-step:nth-child(3) { transition-delay: 500ms; }
.sc-about.is-visible .sc-about-step:nth-child(4) { transition-delay: 600ms; }

/* =========================================================
   1440+ — țintă de înălțime comparabilă cu secțiunile precedente
   ========================================================= */

@media (min-width: 1440px) {

	.sc-about {
		min-height: 740px;
		padding-top: 64px;
		padding-bottom: 60px;
		display: flex;
		align-items: center;
	}

	.sc-about .sc-container {
		width: min(var(--sc-container), calc(100% - 80px));
	}

	.sc-about__title {
		font-size: 56px;
	}

	.sc-about__model {
		margin-top: 38px;
	}

	.sc-about__partnership {
		margin-top: 30px;
	}
}

/* =========================================================
   1280–1439
   ========================================================= */

@media (min-width: 1280px) and (max-width: 1439px) {

	.sc-about {
		min-height: 740px;
		padding-top: 62px;
		padding-bottom: 58px;
		display: flex;
		align-items: center;
	}

	.sc-about__intro {
		column-gap: 66px;
	}

	.sc-about__title {
		font-size: 54px;
	}

	.sc-about__model {
		margin-top: 36px;
	}

	.sc-about__model-line,
	.sc-about-flow {
		height: 88px;
	}

	.sc-about-step {
		padding-top: 20px;
	}

	.sc-about__partnership {
		margin-top: 28px;
	}
}

/* =========================================================
   1024–1279
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-about {
		min-height: 700px;
		padding: 60px 0 58px;
	}

	.sc-about__intro {
		grid-template-columns: minmax(0, 1fr) minmax(330px, .82fr);
		column-gap: 48px;
	}

	.sc-about__title {
		font-size: 48px;
	}

	.sc-about__lead {
		font-size: 15.5px;
	}

	.sc-about__model {
		margin-top: 32px;
	}

	.sc-about__model-line,
	.sc-about-flow {
		height: 82px;
	}

	.sc-about-step {
		padding-right: 20px;
	}

	.sc-about-step + .sc-about-step {
		padding-left: 20px;
	}

	.sc-about-step__text {
		font-size: 13px;
	}

	.sc-about__partnership {
		grid-template-columns: 190px minmax(0,1fr);
		column-gap: 32px;
		margin-top: 26px;
	}
}

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

@media (max-width: 1023px) {

	.sc-about {
		min-height: 0;
		padding: 72px 0 74px;
	}

	.sc-about__intro {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}

	.sc-about__title {
		max-width: 720px;
		font-size: 48px;
	}

	.sc-about__lead {
		max-width: 680px;
	}

	.sc-about__model {
		margin-top: 46px;
		padding-top: 0;
		border-top: 0;
		display: grid;
		grid-template-columns: 96px minmax(0,1fr);
		column-gap: 22px;
	}

	.sc-about__model-line {
		grid-column: 1;
		grid-row: 1;
		height: 620px;
		display: flex;
		justify-content: center;
	}

	.sc-about-flow--desktop {
		display: none;
	}

	.sc-about-flow--mobile {
		display: block;
		width: 90px;
		height: 620px;
	}

	.sc-about__steps {
		grid-column: 2;
		grid-row: 1;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, 1fr);
		margin-top: 0;
		border-top: 0;
	}

	.sc-about-step,
	.sc-about-step + .sc-about-step {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 20px 0;
		border-left: 0;
		border-bottom: 1px solid rgba(245,242,236,.12);
	}

	.sc-about-step:last-child {
		border-bottom: 0;
	}

	.sc-about__partnership {
		grid-template-columns: 1fr;
		grid-template-areas:
			"label"
			"text"
			"flow";
		row-gap: 14px;
		margin-top: 40px;
	}

	.sc-about__partnership-text {
		max-width: 720px;
	}
}

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

@media (max-width: 767px) {

	.sc-about {
		padding: 64px 0 66px;
	}

	.sc-about__eyebrow {
		margin-bottom: 20px;
		font-size: 11px;
	}

	.sc-about__title {
		font-size: 38px;
		line-height: 1.04;
	}

	.sc-about__lead {
		font-size: 16px;
		line-height: 1.62;
	}

	.sc-about__model {
		grid-template-columns: 64px minmax(0,1fr);
		column-gap: 14px;
		margin-top: 38px;
	}

	.sc-about__model-line,
	.sc-about-flow--mobile {
		height: 560px;
	}

	.sc-about-flow--mobile {
		width: 62px;
	}

	.sc-about-step,
	.sc-about-step + .sc-about-step {
		padding: 16px 0;
	}

	.sc-about-step__title {
		font-size: 17px;
	}

	.sc-about-step__text {
		margin-top: 9px;
		font-size: 13px;
		line-height: 1.5;
	}

	.sc-about__partnership {
		margin-top: 32px;
		padding-top: 22px;
	}

	.sc-about__partnership-text {
		font-size: 13.5px;
		line-height: 1.55;
	}

	.sc-about__partnership-flow {
		gap: 5px;
	}

	.sc-about__partnership-flow-label {
		font-size: 7px;
	}

	.sc-about__partnership-flow-line {
		min-width: 10px;
	}
}

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

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

	.sc-about__eyebrow,
	.sc-about__title,
	.sc-about__lead,
	.sc-about-step,
	.sc-about__partnership,
	.sc-about-flow__node {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.sc-about-flow__path {
		stroke-dashoffset: 0;
		transition: none;
	}
}


/* =========================================================
   SCALERA HOME v2.2.1
   SECȚIUNEA 6 — CALIBRARE VIZUALĂ
   DOAR SECȚIUNEA 6.
   Ajustări:
   - reducere înălțime totală
   - echilibrare headline / lead
   - flow mai aproape de mesaj
   - 4 coloane mai compacte
   - parteneriate mai bine integrate
   ========================================================= */

@media (min-width: 1280px) {

	.sc-about {
		min-height: 700px;
		padding-top: 52px;
		padding-bottom: 48px;
	}

	.sc-about__intro {
		grid-template-columns: minmax(0, 1.06fr) minmax(360px, .94fr);
		column-gap: 72px;
	}

	.sc-about__eyebrow {
		margin-bottom: 18px;
	}

	.sc-about__title {
		max-width: 680px;
		font-size: 52px;
		line-height: 1.01;
	}

	.sc-about__lead {
		max-width: 500px;
		font-size: 15.8px;
		line-height: 1.56;
	}

	.sc-about__model {
		margin-top: 30px;
		padding-top: 14px;
	}

	.sc-about__model-line {
		height: 72px;
	}

	.sc-about-flow {
		height: 72px;
	}

	.sc-about__steps {
		margin-top: 0;
	}

	.sc-about-step {
		padding-top: 18px;
		padding-right: 24px;
		padding-bottom: 8px;
	}

	.sc-about-step + .sc-about-step {
		padding-left: 24px;
	}

	.sc-about-step__title {
		margin-top: 8px;
		font-size: 17px;
	}

	.sc-about-step__text {
		margin-top: 10px;
		font-size: 13px;
		line-height: 1.5;
	}

	.sc-about__partnership {
		grid-template-columns: 200px minmax(0, 1fr);
		column-gap: 34px;
		row-gap: 12px;
		margin-top: 24px;
		padding-top: 18px;
	}

	.sc-about__partnership-text {
		max-width: 800px;
		font-size: 13.5px;
		line-height: 1.52;
	}

	.sc-about__partnership-flow {
		width: min(100%, 700px);
	}

	.sc-about__partnership-flow-label {
		font-size: 7.5px;
	}
}

@media (min-width: 1440px) {

	.sc-about {
		min-height: 700px;
		padding-top: 54px;
		padding-bottom: 50px;
	}

	.sc-about__title {
		font-size: 53px;
	}

	.sc-about__model {
		margin-top: 32px;
	}
}

/* 1024–1279 */
@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-about {
		min-height: 680px;
		padding: 54px 0 52px;
	}

	.sc-about__intro {
		column-gap: 42px;
	}

	.sc-about__title {
		font-size: 46px;
	}

	.sc-about__lead {
		font-size: 15px;
	}

	.sc-about__model {
		margin-top: 28px;
	}

	.sc-about__model-line,
	.sc-about-flow {
		height: 70px;
	}

	.sc-about-step {
		padding-top: 17px;
	}

	.sc-about-step__text {
		font-size: 12.8px;
	}

	.sc-about__partnership {
		margin-top: 22px;
		padding-top: 16px;
	}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {

	.sc-about {
		padding-top: 66px;
		padding-bottom: 68px;
	}

	.sc-about__model {
		margin-top: 40px;
	}

	.sc-about__partnership {
		margin-top: 34px;
	}
}

/* Mobile */
@media (max-width: 767px) {

	.sc-about {
		padding-top: 58px;
		padding-bottom: 60px;
	}

	.sc-about__title {
		font-size: 36px;
	}

	.sc-about__model {
		margin-top: 34px;
	}

	.sc-about__partnership {
		margin-top: 28px;
	}
}


/* =========================================================
   SCALERA HOME v2.3
   SECȚIUNEA 7 — CTA FINAL
   Ink / Copper / Ivory
   Calibrare desktop: 620–680px
   Continuitate cromatică cu Secțiunea 6 și viitorul footer
   ========================================================= */

.sc-final-cta {
	position: relative;
	min-height: 650px;
	background: var(--sc-ink);
	color: var(--sc-ivory);
	display: flex;
	align-items: center;
	padding: 72px 0 68px;
	scroll-margin-top: var(--sc-header-height);
	overflow: hidden;
}

.sc-final-cta::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(var(--sc-container), calc(100% - 80px));
	height: 1px;
	background: rgba(245,242,236,.12);
	transform: translateX(-50%);
}

.sc-final-cta__inner {
	width: min(980px, calc(100% - 80px));
	margin-inline: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.sc-final-cta__eyebrow {
	margin: 0 0 26px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;

	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 500ms var(--sc-ease),
		transform 500ms var(--sc-ease);
}

.sc-final-cta__title {
	max-width: 860px;
	margin: 0;
	color: var(--sc-ivory);
	font-size: clamp(50px, 4.4vw, 60px);
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -0.045em;

	opacity: 0;
	transform: translateY(14px);
	transition:
		opacity 650ms var(--sc-ease),
		transform 650ms var(--sc-ease);
	transition-delay: 90ms;
}

.sc-final-cta__title-dot {
	color: var(--sc-copper);
}

.sc-final-cta__text {
	max-width: 720px;
	margin: 28px 0 0;
	color: rgba(245,242,236,.82);
	font-size: 17px;
	line-height: 1.62;
	font-weight: 400;

	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity 600ms var(--sc-ease),
		transform 600ms var(--sc-ease);
	transition-delay: 190ms;
}

.sc-final-cta__action {
	margin-top: 34px;

	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 550ms var(--sc-ease),
		transform 550ms var(--sc-ease);
	transition-delay: 300ms;
}

.sc-final-cta__button {
	min-height: 52px;
	padding: 0 28px;
	font-size: 16px;
	border-radius: 5px;
}

.sc-final-cta__button:hover,
.sc-final-cta__button:focus-visible {
	background: #D27F56;
	border-color: #D27F56;
}

.sc-final-cta__flow {
	width: min(520px, 72%);
	margin-top: 52px;
}

.sc-final-cta-flow {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.sc-final-cta-flow__path,
.sc-final-cta-flow__arrow {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	pathLength: 1;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
}

.sc-final-cta-flow__path--mist {
	stroke: rgba(220,216,211,.52);
	transition: stroke-dashoffset 700ms var(--sc-ease);
	transition-delay: 400ms;
}

.sc-final-cta-flow__path--copper,
.sc-final-cta-flow__arrow {
	stroke: var(--sc-copper);
	transition: stroke-dashoffset 620ms var(--sc-ease);
	transition-delay: 650ms;
}

.sc-final-cta-flow__node {
	fill: var(--sc-copper);
	stroke: var(--sc-copper);
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	opacity: 0;
	transform-box: fill-box;
	transform-origin: center;
	transform: scale(.55);
	transition:
		opacity 350ms var(--sc-ease),
		transform 420ms var(--sc-ease);
	transition-delay: 860ms;
}

/* Reveal sequence */
.sc-final-cta.is-visible .sc-final-cta__eyebrow,
.sc-final-cta.is-visible .sc-final-cta__title,
.sc-final-cta.is-visible .sc-final-cta__text,
.sc-final-cta.is-visible .sc-final-cta__action {
	opacity: 1;
	transform: none;
}

.sc-final-cta.is-visible .sc-final-cta-flow__path,
.sc-final-cta.is-visible .sc-final-cta-flow__arrow {
	stroke-dashoffset: 0;
}

.sc-final-cta.is-visible .sc-final-cta-flow__node {
	opacity: 1;
	transform: scale(1);
}

/* =========================================================
   1440+
   ========================================================= */

@media (min-width: 1440px) {

	.sc-final-cta {
		min-height: 650px;
		padding-top: 74px;
		padding-bottom: 70px;
	}

	.sc-final-cta__title {
		font-size: 58px;
	}

	.sc-final-cta__text {
		font-size: 17px;
	}

	.sc-final-cta__flow {
		margin-top: 54px;
	}
}

/* =========================================================
   1280–1439
   ========================================================= */

@media (min-width: 1280px) and (max-width: 1439px) {

	.sc-final-cta {
		min-height: 640px;
		padding-top: 70px;
		padding-bottom: 66px;
	}

	.sc-final-cta__inner {
		width: min(940px, calc(100% - 80px));
	}

	.sc-final-cta__title {
		font-size: 54px;
	}

	.sc-final-cta__text {
		max-width: 690px;
		font-size: 16.5px;
	}

	.sc-final-cta__flow {
		margin-top: 48px;
	}
}

/* =========================================================
   1024–1279
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-final-cta {
		min-height: 620px;
		padding: 66px 0 62px;
	}

	.sc-final-cta__inner {
		width: min(860px, calc(100% - 64px));
	}

	.sc-final-cta__title {
		font-size: 50px;
	}

	.sc-final-cta__text {
		max-width: 650px;
		font-size: 16px;
	}

	.sc-final-cta__action {
		margin-top: 30px;
	}

	.sc-final-cta__flow {
		width: min(480px, 72%);
		margin-top: 46px;
	}
}

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

@media (max-width: 1023px) {

	.sc-final-cta {
		min-height: 0;
		padding: 82px 0 84px;
	}

	.sc-final-cta::before {
		width: calc(100% - 64px);
	}

	.sc-final-cta__inner {
		width: calc(100% - 64px);
	}

	.sc-final-cta__title {
		max-width: 720px;
		font-size: 48px;
	}

	.sc-final-cta__text {
		max-width: 640px;
	}

	.sc-final-cta__flow {
		width: min(460px, 80%);
	}
}

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

@media (max-width: 767px) {

	.sc-final-cta {
		padding: 70px 0 74px;
	}

	.sc-final-cta::before {
		width: calc(100% - 48px);
	}

	.sc-final-cta__inner {
		width: calc(100% - 48px);
		text-align: left;
		align-items: stretch;
	}

	.sc-final-cta__eyebrow {
		margin-bottom: 20px;
		font-size: 11px;
	}

	.sc-final-cta__title {
		max-width: 100%;
		font-size: 38px;
		line-height: 1.04;
	}

	.sc-final-cta__title br {
		display: none;
	}

	.sc-final-cta__text {
		max-width: 100%;
		margin-top: 24px;
		font-size: 16px;
		line-height: 1.62;
	}

	.sc-final-cta__action {
		margin-top: 28px;
	}

	.sc-final-cta__button {
		width: 100%;
		min-height: 50px;
		padding-inline: 22px;
	}

	.sc-final-cta__flow {
		width: 100%;
		max-width: 360px;
		margin-top: 40px;
		margin-inline: auto;
	}
}

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

@media (max-width: 479px) {

	.sc-final-cta__title {
		font-size: 36px;
	}

	.sc-final-cta__text {
		font-size: 15.5px;
	}

	.sc-final-cta__flow {
		max-width: 320px;
	}
}

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

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

	.sc-final-cta__eyebrow,
	.sc-final-cta__title,
	.sc-final-cta__text,
	.sc-final-cta__action,
	.sc-final-cta-flow__node {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.sc-final-cta-flow__path,
	.sc-final-cta-flow__arrow {
		stroke-dashoffset: 0;
		transition: none;
	}
}


/* =========================================================
   SCALERA HOME v2.3.1
   SECȚIUNEA 7 — CALIBRARE FINALĂ
   DOAR SECȚIUNEA 7.
   Obiectiv:
   - reducere înălțime totală
   - compoziție mai compactă și mai elegantă
   - păstrarea centrării și a raportului dintre H2 / text / CTA / Flow
   - continuitate vizuală cu Secțiunea 6 și footer-ul
   ========================================================= */

@media (min-width: 1280px) {

	.sc-final-cta {
		min-height: 590px;
		padding-top: 54px;
		padding-bottom: 50px;
	}

	.sc-final-cta__inner {
		width: min(920px, calc(100% - 80px));
	}

	.sc-final-cta__eyebrow {
		margin-bottom: 20px;
	}

	.sc-final-cta__title {
		max-width: 820px;
		font-size: 52px;
		line-height: 1.01;
	}

	.sc-final-cta__text {
		max-width: 680px;
		margin-top: 22px;
		font-size: 16px;
		line-height: 1.56;
	}

	.sc-final-cta__action {
		margin-top: 28px;
	}

	.sc-final-cta__button {
		min-height: 50px;
		padding-inline: 26px;
		font-size: 15.5px;
	}

	.sc-final-cta__flow {
		width: min(500px, 68%);
		margin-top: 40px;
	}
}

@media (min-width: 1440px) {

	.sc-final-cta {
		min-height: 600px;
		padding-top: 56px;
		padding-bottom: 52px;
	}

	.sc-final-cta__title {
		font-size: 53px;
	}

	.sc-final-cta__flow {
		margin-top: 42px;
	}
}

/* 1024–1279 */
@media (min-width: 1024px) and (max-width: 1279px) {

	.sc-final-cta {
		min-height: 570px;
		padding: 52px 0 50px;
	}

	.sc-final-cta__inner {
		width: min(820px, calc(100% - 64px));
	}

	.sc-final-cta__title {
		font-size: 48px;
	}

	.sc-final-cta__text {
		margin-top: 22px;
		font-size: 15.5px;
		line-height: 1.56;
	}

	.sc-final-cta__action {
		margin-top: 26px;
	}

	.sc-final-cta__flow {
		width: min(450px, 70%);
		margin-top: 38px;
	}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {

	.sc-final-cta {
		padding-top: 70px;
		padding-bottom: 72px;
	}

	.sc-final-cta__title {
		font-size: 44px;
	}

	.sc-final-cta__flow {
		margin-top: 38px;
	}
}

/* Mobile */
@media (max-width: 767px) {

	.sc-final-cta {
		padding-top: 62px;
		padding-bottom: 64px;
	}

	.sc-final-cta__eyebrow {
		margin-bottom: 18px;
	}

	.sc-final-cta__title {
		font-size: 36px;
	}

	.sc-final-cta__text {
		margin-top: 22px;
		font-size: 15.5px;
	}

	.sc-final-cta__action {
		margin-top: 26px;
	}

	.sc-final-cta__flow {
		margin-top: 34px;
	}
}


/* =========================================================
   SCALERA HOME v2.3.2
   HEADER STICKY / FIXED ON SCROLL
   Păstrează meniul vizibil în timpul scroll-ului.
   Nu modifică structura sau stilul secțiunilor 1–7.
   ========================================================= */

.sc-header {
	position: sticky;
	top: 0;
	z-index: 999;
	width: 100%;
	background: var(--sc-ivory);
}

/* păstrăm delimitarea fină a header-ului când rămâne sus */
.sc-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(23, 21, 28, .10);
	pointer-events: none;
}

/* WordPress admin bar — când ești logat */
.admin-bar .sc-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .sc-header {
		top: 46px;
	}
}

/* Ancora secțiunilor nu intră sub header-ul sticky */
.sc-hero,
.sc-process,
.sc-principle,
.sc-expertise,
.sc-services,
.sc-about,
.sc-final-cta,
.sc-home-anchor {
	scroll-margin-top: calc(var(--sc-header-height) + 18px);
}

/* Admin bar + header sticky */
.admin-bar .sc-hero,
.admin-bar .sc-process,
.admin-bar .sc-principle,
.admin-bar .sc-expertise,
.admin-bar .sc-services,
.admin-bar .sc-about,
.admin-bar .sc-final-cta,
.admin-bar .sc-home-anchor {
	scroll-margin-top: calc(var(--sc-header-height) + 50px);
}

@media screen and (max-width: 782px) {
	.admin-bar .sc-hero,
	.admin-bar .sc-process,
	.admin-bar .sc-principle,
	.admin-bar .sc-expertise,
	.admin-bar .sc-services,
	.admin-bar .sc-about,
	.admin-bar .sc-final-cta,
	.admin-bar .sc-home-anchor {
		scroll-margin-top: calc(var(--sc-header-height) + 64px);
	}
}


/* =========================================================
   SCALERA HOME v2.3.3
   STICKY HEADER — COMPACT ON SCROLL
   Reducere discretă ~10–15%, fără schimbarea logo-ului sau meniului.
   ========================================================= */

.sc-header,
.sc-header__inner,
.sc-logo__image,
.sc-nav__link,
.sc-header__cta,
.sc-menu-toggle {
	transition:
		height 220ms ease,
		min-height 220ms ease,
		padding 220ms ease,
		gap 220ms ease,
		width 220ms ease,
		max-height 220ms ease,
		font-size 220ms ease,
		background-color 220ms ease,
		box-shadow 220ms ease;
}

/* stare compactă activată de JS după scroll */
.sc-header.is-scrolled {
	background: rgba(245, 242, 236, .98);
	box-shadow: 0 8px 24px rgba(23, 21, 28, .05);
}

.sc-header.is-scrolled .sc-header__inner {
	min-height: calc(var(--sc-header-height) * .88);
}

/* păstrăm logo-ul identic, doar îl reducem proporțional */
.sc-header.is-scrolled .sc-logo__image {
	width: 88%;
	max-height: calc(var(--sc-header-height) * .58);
	object-fit: contain;
	object-position: left center;
}

/* meniul rămâne identic ca ordine și stil */
.sc-header.is-scrolled .sc-nav {
	gap: 30px;
}

.sc-header.is-scrolled .sc-nav__link {
	font-size: 15px;
}

/* CTA-ul din header se compactează proporțional */
.sc-header.is-scrolled .sc-header__cta {
	min-height: 48px;
	padding-inline: 24px;
	font-size: 15px;
}

/* Mobile: compactare mai mică pentru touch targets */
@media (max-width: 767px) {

	.sc-header.is-scrolled .sc-header__inner {
		min-height: calc(var(--sc-header-height) * .92);
	}

	.sc-header.is-scrolled .sc-logo__image {
		width: 92%;
		max-height: calc(var(--sc-header-height) * .62);
	}

	.sc-header.is-scrolled .sc-menu-toggle {
		transform: scale(.94);
	}
}

/* Respectăm reduced motion */
@media (prefers-reduced-motion: reduce) {

	.sc-header,
	.sc-header__inner,
	.sc-logo__image,
	.sc-nav__link,
	.sc-header__cta,
	.sc-menu-toggle {
		transition: none;
	}
}


/* =========================================================
   SCALERA HOME v2.4
   FOOTER — FINAL SYSTEM
   Continuitate cu CTA FINAL:
   Ink / Ivory / Mist / Copper
   Fără gradient, glow sau elemente decorative inutile.
   ========================================================= */

.sc-footer {
	position: relative;
	background: var(--sc-ink);
	color: var(--sc-ivory);
	padding: 54px 0 28px;
	border-top: 1px solid rgba(245, 242, 236, .12);
}

.sc-footer__inner {
	display: grid;
	grid-template-columns: minmax(260px, 1.2fr) minmax(160px, .62fr) minmax(190px, .72fr) minmax(220px, .86fr);
	column-gap: 54px;
	row-gap: 42px;
	align-items: start;
}

/* Brand */
.sc-footer__brand {
	max-width: 340px;
}

.sc-footer__logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.sc-footer__logo img {
	display: block;
	width: auto;
	max-width: 230px;
	max-height: 66px;
	object-fit: contain;
	object-position: left center;
}

.sc-footer__statement {
	max-width: 320px;
	margin: 22px 0 0;
	color: rgba(245, 242, 236, .72);
	font-size: 14px;
	line-height: 1.58;
}

.sc-footer__micro {
	margin-top: 24px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 9px;
	line-height: 1.45;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* Columns */
.sc-footer__heading {
	margin: 0 0 18px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.sc-footer__nav,
.sc-footer__legal,
.sc-footer__contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sc-footer__nav li + li,
.sc-footer__legal li + li,
.sc-footer__contact-list li + li {
	margin-top: 11px;
}

.sc-footer__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(245, 242, 236, .82);
	font-size: 14px;
	line-height: 1.45;
	text-decoration: none;
	transition:
		color 180ms ease,
		transform 180ms ease;
}

.sc-footer__link::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	height: 1px;
	background: var(--sc-copper);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 180ms ease;
}

.sc-footer__link:hover,
.sc-footer__link:focus-visible {
	color: var(--sc-white);
}

.sc-footer__link:hover::after,
.sc-footer__link:focus-visible::after {
	transform: scaleX(1);
}

/* Contact */
.sc-footer__contact-value {
	color: rgba(245, 242, 236, .82);
	font-size: 14px;
	line-height: 1.5;
}

.sc-footer__contact-note {
	display: block;
	margin-top: 4px;
	color: rgba(245, 242, 236, .48);
	font-size: 11px;
	line-height: 1.45;
}

/* Compact SCALERA signature */
.sc-footer__flow {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 9px;
	width: min(520px, 55%);
	margin-top: 2px;
}

.sc-footer__flow-line {
	flex: 1 1 auto;
	height: 1px;
	background: rgba(220, 216, 211, .34);
}

.sc-footer__flow-line--copper {
	background: var(--sc-copper);
}

.sc-footer__flow-node {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: var(--sc-copper);
}

.sc-footer__flow-arrow {
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 14px;
	line-height: 1;
}

/* Bottom bar */
.sc-footer__bottom {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 6px;
	padding-top: 22px;
	border-top: 1px solid rgba(245, 242, 236, .12);
}

.sc-footer__copyright {
	margin: 0;
	color: rgba(245, 242, 236, .48);
	font-size: 11px;
	line-height: 1.45;
}

.sc-footer__bottom-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px 18px;
}

.sc-footer__bottom-link {
	color: rgba(245, 242, 236, .58);
	font-size: 11px;
	line-height: 1.4;
	text-decoration: none;
	transition: color 180ms ease;
}

.sc-footer__bottom-link:hover,
.sc-footer__bottom-link:focus-visible {
	color: var(--sc-ivory);
}

/* Accessibility */
.sc-footer a:focus-visible {
	outline: 2px solid var(--sc-copper);
	outline-offset: 4px;
}

/* =========================================================
   FOOTER — 1280–1439
   ========================================================= */

@media (max-width: 1439px) {

	.sc-footer {
		padding-top: 50px;
	}

	.sc-footer__inner {
		grid-template-columns: minmax(240px, 1.1fr) repeat(3, minmax(160px, .7fr));
		column-gap: 40px;
	}
}

/* =========================================================
   FOOTER — TABLET
   ========================================================= */

@media (max-width: 1023px) {

	.sc-footer {
		padding: 48px 0 26px;
	}

	.sc-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 42px;
		row-gap: 38px;
	}

	.sc-footer__brand {
		grid-column: 1 / -1;
		max-width: 500px;
	}

	.sc-footer__flow {
		width: min(480px, 72%);
	}
}

/* =========================================================
   FOOTER — MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.sc-footer {
		padding: 42px 0 24px;
	}

	.sc-footer__inner {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}

	.sc-footer__brand {
		grid-column: auto;
		max-width: 100%;
	}

	.sc-footer__logo img {
		max-width: 210px;
		max-height: 60px;
	}

	.sc-footer__statement {
		margin-top: 18px;
		font-size: 13.5px;
	}

	.sc-footer__heading {
		margin-bottom: 14px;
	}

	.sc-footer__flow {
		grid-column: auto;
		width: 100%;
		max-width: 360px;
		margin-top: 2px;
	}

	.sc-footer__bottom {
		grid-column: auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		margin-top: 2px;
		padding-top: 20px;
	}

	.sc-footer__bottom-links {
		justify-content: flex-start;
		gap: 8px 14px;
	}
}

/* =========================================================
   FOOTER — SMALL MOBILE
   ========================================================= */

@media (max-width: 479px) {

	.sc-footer__logo img {
		max-width: 190px;
	}

	.sc-footer__link,
	.sc-footer__contact-value {
		font-size: 13.5px;
	}
}

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

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

	.sc-footer__link,
	.sc-footer__link::after,
	.sc-footer__bottom-link {
		transition: none;
	}
}


/* =========================================================
   SCALERA HOME v2.4.1
   FOOTER FINAL — LIGHT CONTRAST SYSTEM
   Motiv:
   - Secțiunea 6 = Ink
   - Secțiunea 7 = Ink
   - Footer = Ivory pentru închidere vizuală și contrast
   - păstrăm Copper ca semnătură
   ========================================================= */

.sc-footer {
	position: relative;
	background: var(--sc-ivory);
	color: var(--sc-ink);
	padding: 44px 0 24px;
	border-top: 0;
}

.sc-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(var(--sc-container), calc(100% - 80px));
	height: 1px;
	background: rgba(200, 117, 74, .58);
	transform: translateX(-50%);
}

.sc-footer__inner {
	display: grid;
	grid-template-columns: minmax(280px, 1.15fr) minmax(150px, .58fr) minmax(190px, .72fr) minmax(220px, .82fr);
	column-gap: 48px;
	row-gap: 30px;
	align-items: start;
}

/* BRAND */
.sc-footer__brand {
	max-width: 330px;
}

.sc-footer__logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--sc-ink);
}

.sc-footer__logo img {
	display: block;
	width: auto;
	max-width: 210px;
	max-height: 58px;
	object-fit: contain;
	object-position: left center;
}

.sc-footer__statement {
	max-width: 310px;
	margin: 18px 0 0;
	color: rgba(23, 21, 28, .68);
	font-size: 13.5px;
	line-height: 1.55;
}

.sc-footer__micro {
	margin-top: 18px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 8.5px;
	line-height: 1.4;
	font-weight: 650;
	letter-spacing: .085em;
	text-transform: uppercase;
}

/* HEADINGS */
.sc-footer__heading {
	margin: 0 0 14px;
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 9px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: .10em;
	text-transform: uppercase;
}

/* LISTS */
.sc-footer__nav,
.sc-footer__legal,
.sc-footer__contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sc-footer__nav li + li,
.sc-footer__legal li + li,
.sc-footer__contact-list li + li {
	margin-top: 9px;
}

/* LINKS */
.sc-footer__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: rgba(23, 21, 28, .76);
	font-size: 13.5px;
	line-height: 1.42;
	text-decoration: none;
	transition:
		color 180ms ease,
		transform 180ms ease;
}

.sc-footer__link::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	height: 1px;
	background: var(--sc-copper);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 180ms ease;
}

.sc-footer__link:hover,
.sc-footer__link:focus-visible {
	color: var(--sc-ink);
}

.sc-footer__link:hover::after,
.sc-footer__link:focus-visible::after {
	transform: scaleX(1);
}

/* CONTACT */
.sc-footer__contact-value {
	color: rgba(23, 21, 28, .76);
	font-size: 13.5px;
	line-height: 1.5;
}

.sc-footer__contact-note {
	display: block;
	margin-top: 3px;
	color: rgba(23, 21, 28, .48);
	font-size: 10.5px;
	line-height: 1.4;
}

/* COOKIE SETTINGS BUTTON — if rendered inside footer */
.sc-footer button,
.sc-footer .sc-cookie-settings {
	min-height: 38px;
	padding: 9px 14px;
	border: 1px solid rgba(23, 21, 28, .24);
	border-radius: 4px;
	background: transparent;
	color: var(--sc-ink);
	font: inherit;
	font-size: 12.5px;
	cursor: pointer;
	transition:
		border-color 180ms ease,
		color 180ms ease,
		background-color 180ms ease;
}

.sc-footer button:hover,
.sc-footer button:focus-visible,
.sc-footer .sc-cookie-settings:hover,
.sc-footer .sc-cookie-settings:focus-visible {
	border-color: var(--sc-copper);
	color: var(--sc-copper);
	background: rgba(200,117,74,.05);
}

/* MICRO FLOW — mai compact, semnătură vizuală */
.sc-footer__flow {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 8px;
	width: min(420px, 45%);
	margin-top: 0;
}

.sc-footer__flow-line {
	flex: 1 1 auto;
	height: 1px;
	background: rgba(23, 21, 28, .18);
}

.sc-footer__flow-line--copper {
	background: var(--sc-copper);
}

.sc-footer__flow-node {
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 50%;
	background: var(--sc-copper);
}

.sc-footer__flow-arrow {
	color: var(--sc-copper);
	font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 13px;
	line-height: 1;
}

/* BOTTOM BAR */
.sc-footer__bottom {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 0;
	padding-top: 18px;
	border-top: 1px solid rgba(23, 21, 28, .12);
}

.sc-footer__copyright {
	margin: 0;
	color: rgba(23, 21, 28, .46);
	font-size: 10.5px;
	line-height: 1.4;
}

.sc-footer__bottom-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 7px 16px;
}

.sc-footer__bottom-link {
	color: rgba(23, 21, 28, .54);
	font-size: 10.5px;
	line-height: 1.4;
	text-decoration: none;
	transition: color 180ms ease;
}

.sc-footer__bottom-link:hover,
.sc-footer__bottom-link:focus-visible {
	color: var(--sc-copper);
}

/* Accessibilitate */
.sc-footer a:focus-visible {
	outline: 2px solid var(--sc-copper);
	outline-offset: 4px;
}

/* =========================================================
   FOOTER — 1280–1439
   ========================================================= */

@media (max-width: 1439px) {

	.sc-footer {
		padding-top: 40px;
	}

	.sc-footer__inner {
		grid-template-columns: minmax(240px, 1.05fr) repeat(3, minmax(150px, .7fr));
		column-gap: 36px;
	}
}

/* =========================================================
   FOOTER — TABLET
   ========================================================= */

@media (max-width: 1023px) {

	.sc-footer {
		padding: 40px 0 22px;
	}

	.sc-footer::before {
		width: calc(100% - 64px);
	}

	.sc-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 38px;
		row-gap: 30px;
	}

	.sc-footer__brand {
		grid-column: 1 / -1;
		max-width: 480px;
	}

	.sc-footer__flow {
		width: min(400px, 66%);
	}
}

/* =========================================================
   FOOTER — MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.sc-footer {
		padding: 34px 0 20px;
	}

	.sc-footer::before {
		width: calc(100% - 48px);
	}

	.sc-footer__inner {
		grid-template-columns: 1fr;
		row-gap: 26px;
	}

	.sc-footer__brand {
		grid-column: auto;
	}

	.sc-footer__logo img {
		max-width: 190px;
		max-height: 54px;
	}

	.sc-footer__statement {
		margin-top: 15px;
		font-size: 13px;
	}

	.sc-footer__heading {
		margin-bottom: 12px;
	}

	.sc-footer__flow {
		grid-column: auto;
		width: 100%;
		max-width: 320px;
	}

	.sc-footer__bottom {
		grid-column: auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding-top: 16px;
	}

	.sc-footer__bottom-links {
		justify-content: flex-start;
		gap: 7px 13px;
	}
}

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

@media (max-width: 479px) {

	.sc-footer__logo img {
		max-width: 180px;
	}

	.sc-footer__link,
	.sc-footer__contact-value {
		font-size: 13px;
	}
}


/* =========================================================
   SCALERA HOME v2.4.2
   SECȚIUNEA 7 — LIGHT FINAL CTA
   Fundal identic cu Secțiunea 4: Ivory
   Text Ink + accente Copper
   Footer-ul rămâne separat vizual
   ========================================================= */

.sc-final-cta {
	background: var(--sc-ivory);
	color: var(--sc-ink);
	border-top: 0;
}

.sc-final-cta::before {
	background: rgba(23, 21, 28, .10);
}

/* Label */
.sc-final-cta__eyebrow {
	color: var(--sc-copper);
}

/* Headline */
.sc-final-cta__title {
	color: var(--sc-ink);
}

/* Semnul întrebării */
.sc-final-cta__title-dot {
	color: var(--sc-copper);
}

/* Text secundar */
.sc-final-cta__text {
	color: rgba(23, 21, 28, .72);
}

/* CTA principal */
.sc-final-cta__button {
	background: var(--sc-copper);
	color: var(--sc-white);
	border-color: var(--sc-copper);
}

.sc-final-cta__button:hover,
.sc-final-cta__button:focus-visible {
	background: var(--sc-ink);
	color: var(--sc-ivory);
	border-color: var(--sc-ink);
}

/* FLOW pe fundal deschis */
.sc-final-cta-flow__path--mist {
	stroke: rgba(23, 21, 28, .28);
}

.sc-final-cta-flow__path--copper,
.sc-final-cta-flow__arrow {
	stroke: var(--sc-copper);
}

.sc-final-cta-flow__node {
	fill: var(--sc-copper);
	stroke: var(--sc-copper);
}

/* Separare față de footer-ul închis */
.sc-footer {
	border-top: 1px solid rgba(23, 21, 28, .08);
}

/* Ajustare foarte discretă a spațiului de final */
@media (min-width: 1280px) {
	.sc-final-cta {
		min-height: 590px;
		padding-top: 54px;
		padding-bottom: 50px;
	}
}

@media (min-width: 1440px) {
	.sc-final-cta {
		min-height: 600px;
		padding-top: 56px;
		padding-bottom: 52px;
	}
}

@media (max-width: 767px) {
	.sc-final-cta {
		padding-top: 62px;
		padding-bottom: 64px;
	}
}


/* =========================================================
   SCALERA HOME v2.4.3
   TRANZIȚIE FINALĂ SECȚIUNEA 7 → FOOTER
   Modifică DOAR Secțiunea 7 și Footer-ul.
   Secțiunile 1–6 rămân neschimbate.
   ========================================================= */

/* ---------------------------------------------------------
   1. SECȚIUNEA 7 — Ivory, compactată ușor la final
   --------------------------------------------------------- */

.sc-final-cta {
	background: var(--sc-ivory);
	color: var(--sc-ink);
	border-bottom: 0;
}

@media (min-width: 1280px) {
	.sc-final-cta {
		min-height: 560px;
		padding-bottom: 38px;
	}
}

@media (min-width: 1440px) {
	.sc-final-cta {
		min-height: 570px;
		padding-bottom: 40px;
	}
}

/* ---------------------------------------------------------
   2. FOOTER — restaurat definitiv pe Ink
   --------------------------------------------------------- */

.sc-footer {
	position: relative;
	background: var(--sc-ink) !important;
	color: var(--sc-ivory) !important;
	padding: 38px 0 22px;
	border-top: 0 !important;
}

/* separator Copper fin între CTA și Footer */
.sc-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(var(--sc-container), calc(100% - 80px));
	height: 1px;
	background: rgba(200, 117, 74, .72);
	transform: translateX(-50%);
}

/* ---------------------------------------------------------
   3. LOGO FOOTER — păstrăm logo-ul oficial neschimbat,
      dar îl așezăm pe o plăcuță Ivory ca să fie lizibil
   --------------------------------------------------------- */

.sc-footer__logo {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: fit-content;
	padding: 10px 14px;
	background: var(--sc-ivory);
	border: 1px solid rgba(245, 242, 236, .16);
	border-radius: 6px;
	text-decoration: none;
}

.sc-footer__logo img {
	display: block;
	width: auto;
	max-width: 210px;
	max-height: 58px;
	object-fit: contain;
	object-position: left center;
}

/* fallback dacă WordPress nu afișează imaginea logo */
.sc-footer__logo:not(:has(img)) {
	color: var(--sc-ink) !important;
	font-weight: 700;
}

/* ---------------------------------------------------------
   4. TEXT / LINKURI FOOTER PE FUNDAL ÎNCHIS
   --------------------------------------------------------- */

.sc-footer__statement {
	color: rgba(245, 242, 236, .72) !important;
}

.sc-footer__micro,
.sc-footer__heading {
	color: var(--sc-copper) !important;
}

.sc-footer__link,
.sc-footer__contact-value {
	color: rgba(245, 242, 236, .74) !important;
}

.sc-footer__link:hover,
.sc-footer__link:focus-visible {
	color: var(--sc-white) !important;
}

.sc-footer__contact-note {
	color: rgba(245, 242, 236, .46) !important;
}

.sc-footer__flow-line {
	background: rgba(245, 242, 236, .25) !important;
}

.sc-footer__flow-line--copper,
.sc-footer__flow-node {
	background: var(--sc-copper) !important;
}

.sc-footer__flow-arrow {
	color: var(--sc-copper) !important;
}

.sc-footer__bottom {
	border-top-color: rgba(245, 242, 236, .12) !important;
}

.sc-footer__copyright,
.sc-footer__bottom-link {
	color: rgba(245, 242, 236, .46) !important;
}

.sc-footer__bottom-link:hover,
.sc-footer__bottom-link:focus-visible {
	color: var(--sc-ivory) !important;
}

/* ---------------------------------------------------------
   5. SETĂRI COOKIES
   --------------------------------------------------------- */

.sc-footer button,
.sc-footer .sc-cookie-settings {
	background: transparent !important;
	color: var(--sc-ivory) !important;
	border-color: rgba(245, 242, 236, .32) !important;
}

.sc-footer button:hover,
.sc-footer button:focus-visible,
.sc-footer .sc-cookie-settings:hover,
.sc-footer .sc-cookie-settings:focus-visible {
	background: var(--sc-copper) !important;
	color: var(--sc-white) !important;
	border-color: var(--sc-copper) !important;
}

/* ---------------------------------------------------------
   6. MOBILE / TABLET
   --------------------------------------------------------- */

@media (max-width: 1023px) {

	.sc-footer::before {
		width: calc(100% - 64px);
	}

	.sc-footer__logo {
		padding: 9px 12px;
	}
}

@media (max-width: 767px) {

	.sc-final-cta {
		padding-bottom: 48px;
	}

	.sc-footer {
		padding-top: 32px;
	}

	.sc-footer::before {
		width: calc(100% - 48px);
	}

	.sc-footer__logo img {
		max-width: 185px;
		max-height: 52px;
	}
}
/* ============================================================
   SCALERA — CONTACT PAGE v1.0
   page-contact.php

   Brand:
   Ink        #17151C
   Aubergine #4A315D
   Copper    #C8754A
   Ivory     #F5F2EC
   Mist      #DCD8D3
   White     #FFFFFF
   ============================================================ */


/* ============================================================
   00 / BASE
   ============================================================ */

.sc-contact-page {
	background: #F5F2EC;
	color: #17151C;
	overflow: hidden;
}

.sc-contact-page *,
.sc-contact-page *::before,
.sc-contact-page *::after {
	box-sizing: border-box;
}


/* offset pentru header sticky */
#formular-contact {
	scroll-margin-top: 96px;
}


/* Active nav */
.sc-nav__link--active {
	color: #C8754A;
}


/* fallback dacă logo-ul WP lipsește */
.sc-contact-logo-fallback {
	display: inline-block;
	font-family: Inter, sans-serif;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 0.08em;
	color: #17151C;
}


/* meta / eyebrow comun */
.sc-contact-eyebrow {
	margin: 0 0 28px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #C8754A;
}


/* ============================================================
   01 / HERO CONTACT
   ============================================================ */

.sc-contact-hero {
	position: relative;
	min-height: 760px;
	padding: 180px 0 120px;
	background: #F5F2EC;
}

.sc-contact-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, 0.85fr);
	gap: clamp(60px, 8vw, 130px);
	align-items: center;
}


.sc-contact-hero__content {
	position: relative;
	z-index: 2;
	max-width: 690px;
}


.sc-contact-hero__title {
	max-width: 760px;
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: clamp(68px, 6.5vw, 104px);
	font-weight: 800;
	line-height: 0.94;
	letter-spacing: -0.055em;
	color: #17151C;
}

.sc-contact-hero__title span {
	color: #C8754A;
}


.sc-contact-hero__lead {
	max-width: 610px;
	margin: 42px 0 0;
	font-family: Inter, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: -0.02em;
	color: #17151C;
}


.sc-contact-hero__text {
	max-width: 590px;
	margin: 22px 0 0;
	font-family: Inter, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.75;
	color: rgba(23, 21, 28, 0.72);
}


.sc-contact-hero__button {
	margin-top: 38px;
}


/* ============================================================
   HERO FLOW
   ============================================================ */

.sc-contact-hero__visual {
	position: relative;
	width: 100%;
	max-width: 590px;
	aspect-ratio: 600 / 500;
	justify-self: end;
}


.sc-contact-flow {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}


.sc-contact-flow__line {
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}


.sc-contact-flow__line--mist {
	stroke: #DCD8D3;
}


.sc-contact-flow__line--copper {
	stroke: #C8754A;
}


.sc-contact-flow__node {
	fill: #17151C;
}


.sc-contact-flow__node--active {
	fill: #F5F2EC;
	stroke: #C8754A;
	stroke-width: 4;
}


.sc-contact-flow__node--result {
	fill: #C8754A;
}


.sc-contact-flow__label {
	position: absolute;
	font-family: "IBM Plex Mono", monospace;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	color: rgba(23, 21, 28, 0.52);
	white-space: nowrap;
}


.sc-contact-flow__label--one {
	top: 16%;
	left: 2%;
}

.sc-contact-flow__label--two {
	top: 42%;
	left: 29%;
}

.sc-contact-flow__label--three {
	top: 15%;
	left: 61%;
}

.sc-contact-flow__label--four {
	right: 2%;
	bottom: 10%;
	color: #C8754A;
}


/* ============================================================
   02 / CONTACT MAIN
   ============================================================ */

.sc-contact-main {
	position: relative;
	padding: 140px 0 160px;
	background: #FFFFFF;
}


.sc-contact-main__heading {
	max-width: 950px;
	margin-bottom: 90px;
}


.sc-contact-main__heading h2 {
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: clamp(52px, 5vw, 76px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.045em;
	color: #17151C;
}


.sc-contact-main__heading h2 span {
	color: #C8754A;
}


/* ============================================================
   03 / GRID CONTACT
   ============================================================ */

.sc-contact-layout {
	display: grid;
	grid-template-columns: minmax(280px, 0.72fr) minmax(500px, 1.28fr);
	gap: clamp(70px, 9vw, 145px);
	align-items: start;
}


/* ============================================================
   04 / INFO
   ============================================================ */

.sc-contact-info {
	max-width: 430px;
}


.sc-contact-info__lead {
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.025em;
	color: #17151C;
}


.sc-contact-info__text {
	margin: 18px 0 0;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
	color: rgba(23, 21, 28, 0.7);
}


.sc-contact-info__rule {
	width: 100%;
	height: 1px;
	margin: 42px 0;
	background: #DCD8D3;
}


.sc-contact-info__block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}


.sc-contact-info__label {
	margin-bottom: 20px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.12em;
	color: #C8754A;
}


.sc-contact-info__company {
	margin-bottom: 12px;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #17151C;
}


.sc-contact-info__link {
	display: inline-block;
	margin-top: 6px;
	font-family: Inter, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
	color: #17151C;
	transition:
		color 180ms ease,
		transform 180ms ease;
}


.sc-contact-info__link:hover,
.sc-contact-info__link:focus-visible {
	color: #C8754A;
}


/* ============================================================
   CONTACT TOPICS
   ============================================================ */

.sc-contact-topic {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 14px;
	width: 100%;
	padding: 16px 0;
	border-bottom: 1px solid rgba(220, 216, 211, 0.75);
}


.sc-contact-topic:first-of-type {
	padding-top: 2px;
}


.sc-contact-topic:last-child {
	border-bottom: 0;
}


.sc-contact-topic span {
	padding-top: 3px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.4;
	color: #C8754A;
}


.sc-contact-topic p {
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.55;
	color: rgba(23, 21, 28, 0.78);
}


/* ============================================================
   05 / FORM WRAPPER
   ============================================================ */

.sc-contact-form-wrap {
	position: relative;
	width: 100%;
	max-width: 760px;
	justify-self: end;
}


.sc-contact-form {
	width: 100%;
}


/* ============================================================
   06 / FORM GRID
   ============================================================ */

.sc-contact-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 28px;
	row-gap: 30px;
}


.sc-contact-field {
	position: relative;
	display: flex;
	flex-direction: column;
}


.sc-contact-field--full {
	grid-column: 1 / -1;
}


.sc-contact-field label {
	display: flex;
	align-items: baseline;
	gap: 4px;
	margin-bottom: 10px;
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #17151C;
}


.sc-contact-field label > span {
	color: #C8754A;
}


.sc-contact-field label small {
	margin-left: 3px;
	font-size: 11px;
	font-weight: 400;
	color: rgba(23, 21, 28, 0.48);
}


/* ============================================================
   INPUTS
   ============================================================ */

.sc-contact-field input,
.sc-contact-field select,
.sc-contact-field textarea {
	width: 100%;
	margin: 0;
	border: 1px solid #DCD8D3;
	border-radius: 8px;
	outline: 0;
	background: #FFFFFF;
	box-shadow: none;
	font-family: Inter, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #17151C;
	transition:
		border-color 180ms ease,
		background-color 180ms ease;
}


.sc-contact-field input {
	height: 58px;
	padding: 0 18px;
}


.sc-contact-field select {
	height: 58px;
	padding: 0 52px 0 18px;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}


.sc-contact-field textarea {
	min-height: 190px;
	padding: 17px 18px;
	line-height: 1.65;
	resize: vertical;
}


.sc-contact-field input::placeholder,
.sc-contact-field textarea::placeholder {
	color: rgba(23, 21, 28, 0.38);
}


.sc-contact-field input:hover,
.sc-contact-field select:hover,
.sc-contact-field textarea:hover {
	border-color: rgba(23, 21, 28, 0.45);
}


.sc-contact-field input:focus,
.sc-contact-field select:focus,
.sc-contact-field textarea:focus {
	border-color: #C8754A;
	background-color: #FFFEFC;
}


/* ============================================================
   SELECT ARROW
   ============================================================ */

.sc-contact-select-wrap {
	position: relative;
}


.sc-contact-select-wrap::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-right: 1.5px solid #17151C;
	border-bottom: 1.5px solid #17151C;
	pointer-events: none;
	transform: translateY(-70%) rotate(45deg);
}


/* ============================================================
   07 / GDPR CONSENT
   ============================================================ */

.sc-contact-consent {
	position: relative;
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	margin-top: 28px;
	cursor: pointer;
}


.sc-contact-consent input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}


.sc-contact-consent__box {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	border: 1px solid #DCD8D3;
	border-radius: 4px;
	background: #FFFFFF;
	transition:
		border-color 180ms ease,
		background-color 180ms ease;
}


.sc-contact-consent input:checked + .sc-contact-consent__box {
	border-color: #17151C;
	background: #17151C;
}


.sc-contact-consent input:checked + .sc-contact-consent__box::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 6px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	transform: rotate(45deg);
}


.sc-contact-consent input:focus-visible + .sc-contact-consent__box {
	outline: 2px solid #C8754A;
	outline-offset: 3px;
}


.sc-contact-consent__text {
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6;
	color: rgba(23, 21, 28, 0.62);
}


.sc-contact-consent__text a {
	color: #17151C;
	text-decoration: underline;
	text-decoration-color: #C8754A;
	text-underline-offset: 3px;
}


/* ============================================================
   08 / SUBMIT
   ============================================================ */

.sc-contact-form__footer {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-top: 32px;
}


.sc-contact-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	min-height: 58px;
	padding: 0 28px;
	border: 1px solid #17151C;
	border-radius: 8px;
	background: #17151C;
	box-shadow: none;
	cursor: pointer;
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.055em;
	color: #FFFFFF;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		transform 180ms ease;
}


.sc-contact-submit:hover {
	background: #4A315D;
	border-color: #4A315D;
}


.sc-contact-submit:focus-visible {
	outline: 2px solid #C8754A;
	outline-offset: 4px;
}


.sc-contact-submit__arrow {
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: #C8754A;
	transition: transform 180ms ease;
}


.sc-contact-submit:hover .sc-contact-submit__arrow {
	transform: translateX(4px);
}


.sc-contact-form__footer p {
	max-width: 250px;
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.55;
	color: rgba(23, 21, 28, 0.48);
}


/* ============================================================
   09 / ALERTS
   ============================================================ */

.sc-contact-alert {
	display: flex;
	gap: 16px;
	margin-bottom: 34px;
	padding: 20px 22px;
	border-radius: 8px;
	font-family: Inter, sans-serif;
}


.sc-contact-alert strong {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
}


.sc-contact-alert p {
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
}


.sc-contact-alert ul {
	margin: 8px 0 0 18px;
	padding: 0;
}


.sc-contact-alert li {
	margin: 5px 0;
	font-size: 13px;
	line-height: 1.5;
}


.sc-contact-alert--success {
	border: 1px solid rgba(200, 117, 74, 0.32);
	background: #F5F2EC;
	color: #17151C;
}


.sc-contact-alert--error {
	display: block;
	border: 1px solid rgba(74, 49, 93, 0.35);
	background: rgba(74, 49, 93, 0.06);
	color: #17151C;
}


.sc-contact-alert__mark {
	display: flex;
	flex: 0 0 28px;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #C8754A;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
}


/* Honeypot */
.sc-contact-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}


/* ============================================================
   10 / CLOSING
   ============================================================ */

.sc-contact-closing {
	position: relative;
	padding: 120px 0;
	background: #4A315D;
	color: #F5F2EC;
}


.sc-contact-closing__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
	gap: 80px;
	align-items: center;
}


.sc-contact-closing__content {
	max-width: 720px;
}


.sc-contact-closing__eyebrow {
	margin-bottom: 26px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.12em;
	color: #C8754A;
}


.sc-contact-closing h2 {
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: clamp(48px, 4.5vw, 68px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.045em;
	color: #F5F2EC;
}


.sc-contact-closing h2 span {
	color: #C8754A;
}


.sc-contact-closing__content > p {
	max-width: 580px;
	margin: 27px 0 0;
	font-family: Inter, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.7;
	color: rgba(245, 242, 236, 0.72);
}


/* micro flow closing */
.sc-contact-closing__flow {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 420px;
	justify-self: end;
}


.sc-contact-closing__flow span {
	display: block;
	flex: 1;
	height: 1px;
	background: rgba(245, 242, 236, 0.3);
}


.sc-contact-closing__flow i {
	display: block;
	flex: 0 0 11px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #C8754A;
}


.sc-contact-closing__flow b {
	margin-left: 10px;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	color: #C8754A;
}


/* ============================================================
   11 / DESKTOP ≤ 1280
   ============================================================ */

@media (max-width: 1280px) {

	.sc-contact-hero {
		min-height: 700px;
		padding-top: 160px;
	}

	.sc-contact-hero__grid {
		grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
		gap: 60px;
	}

	.sc-contact-layout {
		gap: 80px;
	}

}


/* ============================================================
   12 / TABLET ≤ 1024
   ============================================================ */

@media (max-width: 1024px) {

	.sc-contact-hero {
		min-height: auto;
		padding: 150px 0 100px;
	}

	.sc-contact-hero__grid {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
		gap: 40px;
	}

	.sc-contact-hero__lead {
		font-size: 21px;
	}

	.sc-contact-main {
		padding: 110px 0 130px;
	}

	.sc-contact-main__heading {
		margin-bottom: 70px;
	}

	.sc-contact-layout {
		grid-template-columns: 0.65fr 1.25fr;
		gap: 55px;
	}

	.sc-contact-form__grid {
		column-gap: 20px;
	}

	.sc-contact-closing__inner {
		grid-template-columns: 1fr 0.65fr;
		gap: 50px;
	}

}


/* ============================================================
   13 / TABLET / MOBILE ≤ 768
   ============================================================ */

@media (max-width: 768px) {

	.sc-contact-hero {
		padding: 128px 0 78px;
	}

	.sc-contact-hero__grid {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 60px;
	}

	.sc-contact-hero__content {
		max-width: 620px;
	}

	.sc-contact-hero__title {
		font-size: clamp(56px, 13vw, 76px);
	}

	.sc-contact-hero__lead {
		margin-top: 32px;
		font-size: 20px;
	}

	.sc-contact-hero__text {
		font-size: 16px;
	}

	.sc-contact-hero__visual {
		width: min(100%, 540px);
		margin: 0 auto;
		justify-self: auto;
	}

	.sc-contact-main {
		padding: 90px 0 110px;
	}

	.sc-contact-main__heading {
		margin-bottom: 60px;
	}

	.sc-contact-main__heading h2 {
		font-size: clamp(44px, 9vw, 60px);
	}

	.sc-contact-layout {
		display: flex;
		flex-direction: column;
		gap: 70px;
	}

	.sc-contact-info {
		max-width: 620px;
	}

	.sc-contact-form-wrap {
		max-width: none;
		justify-self: auto;
	}

	.sc-contact-closing {
		padding: 90px 0;
	}

	.sc-contact-closing__inner {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 55px;
	}

	.sc-contact-closing__flow {
		justify-self: auto;
		max-width: none;
	}

}


/* ============================================================
   14 / MOBILE ≤ 560
   ============================================================ */

@media (max-width: 560px) {

	#formular-contact {
		scroll-margin-top: 76px;
	}

	.sc-contact-eyebrow {
		margin-bottom: 22px;
		font-size: 10px;
	}

	.sc-contact-hero {
		padding: 112px 0 68px;
	}

	.sc-contact-hero__title {
		font-size: clamp(50px, 15vw, 64px);
		line-height: 0.96;
		letter-spacing: -0.05em;
	}

	.sc-contact-hero__lead {
		margin-top: 28px;
		font-size: 19px;
	}

	.sc-contact-hero__text {
		margin-top: 17px;
		font-size: 15px;
		line-height: 1.7;
	}

	.sc-contact-hero__button {
		width: 100%;
		min-height: 52px;
		margin-top: 30px;
		justify-content: space-between;
	}

	.sc-contact-hero__grid {
		gap: 46px;
	}

	.sc-contact-hero__visual {
		width: 115%;
		max-width: none;
		margin-left: -7%;
	}

	.sc-contact-flow__label {
		font-size: 8px;
	}

	.sc-contact-main {
		padding: 76px 0 90px;
	}

	.sc-contact-main__heading {
		margin-bottom: 48px;
	}

	.sc-contact-main__heading h2 {
		font-size: clamp(40px, 11vw, 50px);
		line-height: 1.04;
	}

	.sc-contact-layout {
		gap: 56px;
	}

	.sc-contact-info__lead {
		font-size: 21px;
	}

	.sc-contact-info__text {
		font-size: 15px;
	}

	.sc-contact-info__rule {
		margin: 34px 0;
	}

	.sc-contact-form__grid {
		grid-template-columns: 1fr;
		row-gap: 24px;
	}

	.sc-contact-field--full {
		grid-column: auto;
	}

	.sc-contact-field input,
	.sc-contact-field select {
		height: 56px;
	}

	.sc-contact-field textarea {
		min-height: 180px;
	}

	.sc-contact-form__footer {
		flex-direction: column;
		align-items: stretch;
		gap: 18px;
	}

	.sc-contact-submit {
		width: 100%;
		min-height: 56px;
		justify-content: space-between;
	}

	.sc-contact-form__footer p {
		max-width: none;
	}

	.sc-contact-closing {
		padding: 76px 0 80px;
	}

	.sc-contact-closing__eyebrow {
		font-size: 10px;
	}

	.sc-contact-closing h2 {
		font-size: clamp(40px, 11vw, 50px);
	}

	.sc-contact-closing__content > p {
		font-size: 15px;
	}

}


/* ============================================================
   15 / MOBILE 390
   ============================================================ */

@media (max-width: 390px) {

	.sc-contact-hero {
		padding-top: 106px;
	}

	.sc-contact-hero__title {
		font-size: 52px;
	}

	.sc-contact-main__heading h2,
	.sc-contact-closing h2 {
		font-size: 41px;
	}

	.sc-contact-topic {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 10px;
	}

}


/* ============================================================
   16 / ACCESSIBILITY
   ============================================================ */

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

	.sc-contact-page *,
	.sc-contact-page *::before,
	.sc-contact-page *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

}
/* ============================================================
   SCALERA — CONTACT PAGE
   FIX GENERATEPRESS / FULL WIDTH CANVAS
   ============================================================ */


/* ------------------------------------------------------------
   1. Ascundem header-ul nativ GeneratePress DOAR pe Contact.
   page-contact.php are propriul header SCALERA.
   ------------------------------------------------------------ */

body.page-template-page-contact .site-header,
body.page-template-page-contact .main-navigation {
	display: none !important;
}


/* ------------------------------------------------------------
   2. Eliminăm containerul și layout-ul GeneratePress
   ------------------------------------------------------------ */

body.page-template-page-contact .site-content,
body.page-template-page-contact .content-area,
body.page-template-page-contact .site-main,
body.page-template-page-contact .inside-article {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


body.page-template-page-contact .site-content {
	display: block !important;
}


/* ------------------------------------------------------------
   3. Eliminăm sidebar-ul GeneratePress
   ------------------------------------------------------------ */

body.page-template-page-contact .widget-area,
body.page-template-page-contact .sidebar {
	display: none !important;
}


/* ------------------------------------------------------------
   4. Contact trebuie să ocupe întreg viewport-ul
   ------------------------------------------------------------ */

body.page-template-page-contact .sc-contact-page {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/* ------------------------------------------------------------
   5. Prevenim orice container GeneratePress să limiteze pagina
   ------------------------------------------------------------ */

body.page-template-page-contact #page,
body.page-template-page-contact .site.grid-container,
body.page-template-page-contact .site-content.grid-container,
body.page-template-page-contact .container.grid-container {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* ------------------------------------------------------------
   6. Header SCALERA trebuie să fie primul element vizibil
   ------------------------------------------------------------ */

body.page-template-page-contact .sc-header {
	position: relative;
	z-index: 1000;
	width: 100%;
	margin: 0;
}


/* ------------------------------------------------------------
   7. Logo SCALERA custom — dimensiune strict controlată
   ------------------------------------------------------------ */

body.page-template-page-contact .sc-header .sc-logo {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 190px;
	width: 190px;
	height: 58px;
	max-width: 190px;
	overflow: hidden;
}


body.page-template-page-contact .sc-header .sc-logo img,
body.page-template-page-contact .sc-header .sc-logo__image {
	display: block;
	width: 190px !important;
	max-width: 190px !important;
	height: auto !important;
	max-height: 58px !important;
	object-fit: contain;
	object-position: left center;
}


/* ------------------------------------------------------------
   8. Eliminăm eventualul title/header GeneratePress
   ------------------------------------------------------------ */

body.page-template-page-contact .entry-header,
body.page-template-page-contact .page-header {
	display: none !important;
}


/* ------------------------------------------------------------
   9. Admin bar — păstrăm header-ul sub bara WordPress
   ------------------------------------------------------------ */

body.admin-bar.page-template-page-contact .sc-header {
	top: 0;
}


/* ------------------------------------------------------------
   10. Mobile
   ------------------------------------------------------------ */

@media (max-width: 767px) {

	body.page-template-page-contact .sc-header .sc-logo {
		flex-basis: 150px;
		width: 150px;
		height: 48px;
		max-width: 150px;
	}

	body.page-template-page-contact .sc-header .sc-logo img,
	body.page-template-page-contact .sc-header .sc-logo__image {
		width: 150px !important;
		max-width: 150px !important;
		max-height: 48px !important;
	}

}
/* ============================================================
   SCALERA — CONTACT FINAL OVERRIDES
   ============================================================ */


/* ------------------------------------------------------------
   GENERATEPRESS
   Pagina Contact folosește header-ul propriu SCALERA.
   ------------------------------------------------------------ */

body.page-template-page-contact .site-header,
body.page-template-page-contact .main-navigation {
	display: none !important;
}


body.page-template-page-contact #page,
body.page-template-page-contact .site.grid-container,
body.page-template-page-contact .site-content,
body.page-template-page-contact .site-content.grid-container,
body.page-template-page-contact .content-area,
body.page-template-page-contact .container.grid-container,
body.page-template-page-contact .inside-article {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


body.page-template-page-contact .site-content {
	display: block !important;
}


body.page-template-page-contact .widget-area,
body.page-template-page-contact .sidebar,
body.page-template-page-contact .entry-header,
body.page-template-page-contact .page-header {
	display: none !important;
}



/* ------------------------------------------------------------
   HEADER SCALERA
   ------------------------------------------------------------ */

body.page-template-page-contact .sc-header {
	position: relative;
	z-index: 1000;
	width: 100%;
	margin: 0;
}



/* ------------------------------------------------------------
   LOGO FINAL
   Nu mai folosim asset cu cale hardcoded.
   WordPress furnizează imaginea, noi controlăm dimensiunea.
   ------------------------------------------------------------ */

body.page-template-page-contact .sc-contact-logo {
	display: flex !important;
	flex: 0 0 190px !important;
	align-items: center !important;
	justify-content: flex-start !important;

	width: 190px !important;
	max-width: 190px !important;
	height: 62px !important;
	max-height: 62px !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;
}


body.page-template-page-contact
.sc-contact-logo
img.sc-contact-logo__image {

	display: block !important;

	width: 190px !important;
	max-width: 190px !important;

	height: auto !important;
	max-height: 62px !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: contain !important;
	object-position: left center !important;
}


body.page-template-page-contact .sc-contact-logo__fallback {
	display: block;

	font-family: Inter, sans-serif;
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.09em;

	color: #17151C;
}



/* ------------------------------------------------------------
   ACTIVE CONTACT
   ------------------------------------------------------------ */

body.page-template-page-contact .sc-nav__link--active {
	color: #C8754A;
}



/* ------------------------------------------------------------
   MAIN
   ------------------------------------------------------------ */

body.page-template-page-contact .sc-contact-page {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}



/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 768px) {

	body.page-template-page-contact .sc-contact-logo {

		flex-basis: 155px !important;

		width: 155px !important;
		max-width: 155px !important;

		height: 50px !important;
		max-height: 50px !important;
	}


	body.page-template-page-contact
	.sc-contact-logo
	img.sc-contact-logo__image {

		width: 155px !important;
		max-width: 155px !important;

		height: auto !important;
		max-height: 50px !important;
	}

}
/* ============================================================
   SCALERA — LEGAL PAGES v1.0
   Politica de confidențialitate + bază pentru paginile legale
   ============================================================ */

body.page-template-page-politica-de-confidentialitate .site-header,
body.page-template-page-politica-de-confidentialitate .main-navigation {
	display: none !important;
}

body.page-template-page-politica-de-confidentialitate #page,
body.page-template-page-politica-de-confidentialitate .site.grid-container,
body.page-template-page-politica-de-confidentialitate .site-content,
body.page-template-page-politica-de-confidentialitate .site-content.grid-container,
body.page-template-page-politica-de-confidentialitate .content-area,
body.page-template-page-politica-de-confidentialitate .container.grid-container,
body.page-template-page-politica-de-confidentialitate .inside-article {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-template-page-politica-de-confidentialitate .site-content {
	display: block !important;
}

body.page-template-page-politica-de-confidentialitate .widget-area,
body.page-template-page-politica-de-confidentialitate .sidebar,
body.page-template-page-politica-de-confidentialitate .entry-header,
body.page-template-page-politica-de-confidentialitate .page-header {
	display: none !important;
}

.sc-legal-page {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #FFFFFF;
	color: #17151C;
}

.sc-legal-page *,
.sc-legal-page *::before,
.sc-legal-page *::after {
	box-sizing: border-box;
}

.sc-legal-logo {
	display: flex !important;
	flex: 0 0 190px !important;
	align-items: center !important;
	width: 190px !important;
	max-width: 190px !important;
	height: 62px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

.sc-legal-logo img.sc-legal-logo__image {
	display: block !important;
	width: 190px !important;
	max-width: 190px !important;
	height: auto !important;
	max-height: 62px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: left center !important;
}

.sc-legal-logo__fallback {
	font-family: Inter, sans-serif;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: .09em;
	color: #17151C;
}

.sc-legal-hero {
	padding: 176px 0 100px;
	background: #F5F2EC;
	border-bottom: 1px solid rgba(23,21,28,.08);
}

.sc-legal-hero__meta {
	margin-bottom: 32px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: .13em;
	color: #C8754A;
}

.sc-legal-hero h1 {
	max-width: 1040px;
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: clamp(58px, 6.4vw, 96px);
	font-weight: 800;
	line-height: .98;
	letter-spacing: -.055em;
	color: #17151C;
}

.sc-legal-hero h1 span {
	color: #C8754A;
}

.sc-legal-hero__bottom {
	display: grid;
	grid-template-columns: minmax(0, 680px) auto;
	gap: 80px;
	align-items: end;
	justify-content: space-between;
	margin-top: 54px;
}

.sc-legal-hero__bottom > p {
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: 18px;
	line-height: 1.7;
	color: rgba(23,21,28,.70);
}

.sc-legal-updated {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 190px;
	padding-left: 22px;
	border-left: 1px solid #C8754A;
}

.sc-legal-updated span {
	font-family: "IBM Plex Mono", monospace;
	font-size: 9px;
	letter-spacing: .12em;
	color: rgba(23,21,28,.48);
}

.sc-legal-updated strong {
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #17151C;
}

.sc-legal-body {
	padding: 110px 0 140px;
	background: #FFFFFF;
}

.sc-legal-layout {
	display: grid;
	grid-template-columns: 250px minmax(0, 780px);
	gap: clamp(70px, 9vw, 150px);
	align-items: start;
	justify-content: start;
}

.sc-legal-toc {
	position: sticky;
	top: 100px;
	padding-top: 4px;
}

.sc-legal-toc__label {
	margin-bottom: 22px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .13em;
	color: #C8754A;
}

.sc-legal-toc nav {
	display: flex;
	flex-direction: column;
}

.sc-legal-toc a {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: 8px;
	padding: 9px 0;
	border-bottom: 1px solid rgba(220,216,211,.65);
	font-family: Inter, sans-serif;
	font-size: 12px;
	line-height: 1.35;
	text-decoration: none;
	color: rgba(23,21,28,.62);
	transition: color 160ms ease, padding-left 160ms ease;
}

.sc-legal-toc a:hover,
.sc-legal-toc a:focus-visible {
	padding-left: 4px;
	color: #17151C;
}

.sc-legal-toc a span {
	font-family: "IBM Plex Mono", monospace;
	font-size: 9px;
	color: #C8754A;
}

.sc-legal-content {
	min-width: 0;
}

.sc-legal-intro {
	margin-bottom: 88px;
	padding-bottom: 54px;
	border-bottom: 1px solid #DCD8D3;
}

.sc-legal-intro p {
	margin: 0 0 22px;
	font-family: Inter, sans-serif;
	font-size: 19px;
	line-height: 1.75;
	color: rgba(23,21,28,.78);
}

.sc-legal-intro p:last-child {
	margin-bottom: 0;
}

.sc-legal-section {
	scroll-margin-top: 110px;
	margin-bottom: 88px;
}

.sc-legal-section__number {
	margin-bottom: 14px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .12em;
	color: #C8754A;
}

.sc-legal-section h2 {
	margin: 0 0 30px;
	font-family: Inter, sans-serif;
	font-size: clamp(30px, 3vw, 42px);
	font-weight: 750;
	line-height: 1.12;
	letter-spacing: -.035em;
	color: #17151C;
}

.sc-legal-section h3 {
	margin: 0 0 12px;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	color: #17151C;
}

.sc-legal-section p,
.sc-legal-section li {
	font-family: Inter, sans-serif;
	font-size: 16px;
	line-height: 1.78;
	color: rgba(23,21,28,.74);
}

.sc-legal-section p {
	margin: 0 0 20px;
}

.sc-legal-section ul {
	margin: 22px 0 28px;
	padding: 0;
	list-style: none;
}

.sc-legal-section li {
	position: relative;
	margin-bottom: 14px;
	padding-left: 24px;
}

.sc-legal-section li::before {
	content: "";
	position: absolute;
	top: .78em;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #C8754A;
}

.sc-legal-section a {
	color: #17151C;
	text-decoration-color: #C8754A;
	text-underline-offset: 3px;
}

.sc-legal-company-card {
	margin: 30px 0;
	padding: 30px 32px;
	border: 1px solid #DCD8D3;
	border-radius: 10px;
	background: #F5F2EC;
}

.sc-legal-company-card > strong {
	display: block;
	margin-bottom: 22px;
	font-family: Inter, sans-serif;
	font-size: 18px;
	color: #17151C;
}

.sc-legal-company-card dl {
	margin: 0;
}

.sc-legal-company-card dl > div {
	display: grid;
	grid-template-columns: 145px 1fr;
	gap: 20px;
	padding: 10px 0;
	border-top: 1px solid rgba(23,21,28,.08);
}

.sc-legal-company-card dt,
.sc-legal-company-card dd {
	margin: 0;
	font-family: Inter, sans-serif;
	font-size: 13px;
	line-height: 1.55;
}

.sc-legal-company-card dt {
	font-weight: 600;
	color: rgba(23,21,28,.50);
}

.sc-legal-company-card dd {
	font-weight: 500;
	color: #17151C;
}

.sc-legal-note {
	margin: 32px 0;
	padding: 24px 26px;
	border-left: 3px solid #C8754A;
	background: #F5F2EC;
}

.sc-legal-note strong {
	display: block;
	margin-bottom: 7px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 10px;
	letter-spacing: .1em;
	color: #C8754A;
}

.sc-legal-note p {
	margin: 0;
	font-size: 14px;
}

.sc-legal-purpose {
	margin: 28px 0;
	padding-bottom: 26px;
	border-bottom: 1px solid rgba(220,216,211,.8);
}

.sc-legal-purpose:last-of-type {
	margin-bottom: 28px;
}

.sc-legal-rights {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 32px 0;
	background: #DCD8D3;
	border: 1px solid #DCD8D3;
}

.sc-legal-rights > div {
	min-height: 190px;
	padding: 25px;
	background: #FFFFFF;
}

.sc-legal-rights span {
	display: block;
	margin-bottom: 24px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 10px;
	color: #C8754A;
}

.sc-legal-rights strong {
	display: block;
	margin-bottom: 9px;
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #17151C;
}

.sc-legal-rights p {
	margin: 0;
	font-size: 13px;
	line-height: 1.65;
}

.sc-legal-email {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 26px 0 32px;
	padding: 20px 22px;
	border: 1px solid #17151C;
	border-radius: 8px;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 650;
	text-decoration: none !important;
	color: #17151C !important;
	transition: background-color 160ms ease, color 160ms ease;
}

.sc-legal-email span {
	font-size: 22px;
	color: #C8754A;
}

.sc-legal-email:hover {
	background: #17151C;
	color: #FFFFFF !important;
}

.sc-legal-end {
	margin-top: 110px;
}

.sc-legal-end__line {
	width: 100%;
	height: 1px;
	margin-bottom: 24px;
	background: #DCD8D3;
}

.sc-legal-end p {
	margin: 0;
	font-family: "IBM Plex Mono", monospace;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: .05em;
	color: rgba(23,21,28,.50);
}

.sc-legal-end a {
	color: inherit;
}

@media (max-width: 1024px) {
	.sc-legal-hero {
		padding-top: 150px;
	}

	.sc-legal-layout {
		grid-template-columns: 210px minmax(0, 1fr);
		gap: 60px;
	}

	.sc-legal-rights > div {
		min-height: 175px;
	}
}

@media (max-width: 768px) {
	.sc-legal-logo {
		flex-basis: 155px !important;
		width: 155px !important;
		max-width: 155px !important;
		height: 50px !important;
	}

	.sc-legal-logo img.sc-legal-logo__image {
		width: 155px !important;
		max-width: 155px !important;
		max-height: 50px !important;
	}

	.sc-legal-hero {
		padding: 128px 0 78px;
	}

	.sc-legal-hero h1 {
		font-size: clamp(48px, 12vw, 70px);
	}

	.sc-legal-hero__bottom {
		grid-template-columns: 1fr;
		gap: 34px;
		margin-top: 40px;
	}

	.sc-legal-updated {
		min-width: 0;
	}

	.sc-legal-body {
		padding: 76px 0 100px;
	}

	.sc-legal-layout {
		display: block;
	}

	.sc-legal-toc {
		position: static;
		margin-bottom: 65px;
		padding: 24px;
		border: 1px solid #DCD8D3;
		border-radius: 8px;
		background: #F5F2EC;
	}

	.sc-legal-toc nav {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 24px;
	}

	.sc-legal-intro {
		margin-bottom: 68px;
	}

	.sc-legal-section {
		margin-bottom: 70px;
	}

	.sc-legal-rights {
		grid-template-columns: 1fr;
	}

	.sc-legal-rights > div {
		min-height: 0;
	}
}

@media (max-width: 520px) {
	.sc-legal-hero {
		padding: 112px 0 64px;
	}

	.sc-legal-hero__meta {
		margin-bottom: 24px;
		font-size: 10px;
	}

	.sc-legal-hero h1 {
		font-size: 46px;
	}

	.sc-legal-hero__bottom > p {
		font-size: 16px;
	}

	.sc-legal-toc {
		padding: 20px;
	}

	.sc-legal-toc nav {
		grid-template-columns: 1fr;
	}

	.sc-legal-intro p {
		font-size: 17px;
	}

	.sc-legal-section h2 {
		font-size: 30px;
	}

	.sc-legal-section p,
	.sc-legal-section li {
		font-size: 15px;
	}

	.sc-legal-company-card {
		padding: 24px 20px;
	}

	.sc-legal-company-card dl > div {
		grid-template-columns: 1fr;
		gap: 3px;
	}

	.sc-legal-rights > div {
		padding: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sc-legal-page *,
	.sc-legal-page *::before,
	.sc-legal-page *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}
/* ============================================================
   SCALERA — LEGAL STICKY FIX FINAL
   Header sticky + Cuprins sticky
   ============================================================ */


/* ------------------------------------------------------------
   1. HEADER SCALERA STICKY
   ------------------------------------------------------------ */

body.page-template-page-politica-de-confidentialitate .sc-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;

	width: 100% !important;

	background: rgba(245, 242, 236, 0.96) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	border-bottom: 1px solid rgba(23, 21, 28, 0.08);
}


/* WordPress admin bar */
body.admin-bar.page-template-page-politica-de-confidentialitate .sc-header {
	top: 32px !important;
}


/* ------------------------------------------------------------
   2. IMPORTANT:
   Sticky nu funcționează corect dacă părinții au overflow hidden.
   ------------------------------------------------------------ */

body.page-template-page-politica-de-confidentialitate,
body.page-template-page-politica-de-confidentialitate #page,
body.page-template-page-politica-de-confidentialitate .site,
body.page-template-page-politica-de-confidentialitate .site-content,
body.page-template-page-politica-de-confidentialitate .content-area,
body.page-template-page-politica-de-confidentialitate .site-main,
body.page-template-page-politica-de-confidentialitate .sc-legal-page,
body.page-template-page-politica-de-confidentialitate .sc-legal-body,
body.page-template-page-politica-de-confidentialitate .sc-legal-layout {
	overflow: visible !important;
}


/* ------------------------------------------------------------
   3. CUPRINS STICKY
   ------------------------------------------------------------ */

body.page-template-page-politica-de-confidentialitate .sc-legal-toc {
	position: sticky !important;
	top: 118px !important;

	align-self: start !important;

	max-height: calc(100vh - 140px);
	overflow-y: auto !important;

	padding-right: 12px;
}


/* Admin bar activ */
body.admin-bar.page-template-page-politica-de-confidentialitate .sc-legal-toc {
	top: 150px !important;
	max-height: calc(100vh - 175px);
}


/* Scrollbar discret pentru cuprins */
body.page-template-page-politica-de-confidentialitate
.sc-legal-toc::-webkit-scrollbar {
	width: 4px;
}

body.page-template-page-politica-de-confidentialitate
.sc-legal-toc::-webkit-scrollbar-thumb {
	background: rgba(23, 21, 28, 0.15);
	border-radius: 999px;
}


/* ------------------------------------------------------------
   4. OFFSET pentru ancore
   Ca titlurile să nu intre sub header
   ------------------------------------------------------------ */

body.page-template-page-politica-de-confidentialitate
.sc-legal-section {
	scroll-margin-top: 130px !important;
}


/* ------------------------------------------------------------
   5. TABLET / MOBILE
   Pe ecrane mici dezactivăm cuprinsul sticky.
   ------------------------------------------------------------ */

@media (max-width: 768px) {

	body.page-template-page-politica-de-confidentialitate .sc-header {
		position: sticky !important;
		top: 0 !important;
	}

	body.admin-bar.page-template-page-politica-de-confidentialitate .sc-header {
		top: 46px !important;
	}

	body.page-template-page-politica-de-confidentialitate .sc-legal-toc {
		position: static !important;
		top: auto !important;

		max-height: none !important;
		overflow: visible !important;

		padding-right: 0;
	}

	body.page-template-page-politica-de-confidentialitate
	.sc-legal-section {
		scroll-margin-top: 100px !important;
	}

}
/* ============================================================
   SCALERA — COOKIE POLICY ADDITIONS
   Se adaugă DUPĂ CSS-ul legal existent.
   ============================================================ */

/* GeneratePress reset pentru template-ul Cookie Policy */
body.page-template-page-politica-de-cookies .site-header,
body.page-template-page-politica-de-cookies .main-navigation {
	display: none !important;
}

body.page-template-page-politica-de-cookies #page,
body.page-template-page-politica-de-cookies .site.grid-container,
body.page-template-page-politica-de-cookies .site-content,
body.page-template-page-politica-de-cookies .site-content.grid-container,
body.page-template-page-politica-de-cookies .content-area,
body.page-template-page-politica-de-cookies .container.grid-container,
body.page-template-page-politica-de-cookies .inside-article {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-template-page-politica-de-cookies .site-content {
	display: block !important;
}

body.page-template-page-politica-de-cookies .widget-area,
body.page-template-page-politica-de-cookies .sidebar,
body.page-template-page-politica-de-cookies .entry-header,
body.page-template-page-politica-de-cookies .page-header {
	display: none !important;
}

/* Sticky header + sticky cuprins */
body.page-template-page-politica-de-cookies .sc-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
	width: 100% !important;
	background: rgba(245,242,236,.96) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(23,21,28,.08);
}

body.admin-bar.page-template-page-politica-de-cookies .sc-header {
	top: 32px !important;
}

body.page-template-page-politica-de-cookies,
body.page-template-page-politica-de-cookies #page,
body.page-template-page-politica-de-cookies .site,
body.page-template-page-politica-de-cookies .site-content,
body.page-template-page-politica-de-cookies .content-area,
body.page-template-page-politica-de-cookies .site-main,
body.page-template-page-politica-de-cookies .sc-legal-page,
body.page-template-page-politica-de-cookies .sc-legal-body,
body.page-template-page-politica-de-cookies .sc-legal-layout {
	overflow: visible !important;
}

body.page-template-page-politica-de-cookies .sc-legal-toc {
	position: sticky !important;
	top: 118px !important;
	align-self: start !important;
	max-height: calc(100vh - 140px);
	overflow-y: auto !important;
	padding-right: 12px;
}

body.admin-bar.page-template-page-politica-de-cookies .sc-legal-toc {
	top: 150px !important;
	max-height: calc(100vh - 175px);
}

body.page-template-page-politica-de-cookies .sc-legal-section {
	scroll-margin-top: 130px !important;
}

/* Tabel cookies */
.sc-cookie-table-wrap {
	width: 100%;
	margin: 30px 0 32px;
	overflow-x: auto;
	border: 1px solid #DCD8D3;
	border-radius: 10px;
	background: #FFFFFF;
}

.sc-cookie-table {
	width: 100%;
	min-width: 680px;
	border-collapse: collapse;
}

.sc-cookie-table th,
.sc-cookie-table td {
	padding: 18px 20px;
	border-bottom: 1px solid #DCD8D3;
	text-align: left;
	vertical-align: top;
	font-family: Inter, sans-serif;
}

.sc-cookie-table th {
	background: #F5F2EC;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: rgba(23,21,28,.62);
}

.sc-cookie-table td {
	font-size: 14px;
	line-height: 1.6;
	color: rgba(23,21,28,.74);
}

.sc-cookie-table tbody tr:last-child td {
	border-bottom: 0;
}

.sc-cookie-table code {
	padding: 3px 6px;
	border-radius: 4px;
	background: rgba(200,117,74,.09);
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	color: #17151C;
}

/* Buton preferințe */
.sc-cookie-policy-settings {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	width: 100%;
	margin: 28px 0 30px;
	padding: 20px 22px;
	border: 1px solid #17151C;
	border-radius: 8px;
	background: #17151C;
	cursor: pointer;
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .055em;
	color: #FFFFFF;
	transition: background-color 180ms ease, border-color 180ms ease;
}

.sc-cookie-policy-settings:hover {
	background: #4A315D;
	border-color: #4A315D;
}

.sc-cookie-policy-settings span:last-child {
	font-size: 21px;
	font-weight: 400;
	color: #C8754A;
}

@media (max-width: 768px) {
	body.page-template-page-politica-de-cookies .sc-header {
		position: sticky !important;
		top: 0 !important;
	}

	body.admin-bar.page-template-page-politica-de-cookies .sc-header {
		top: 46px !important;
	}

	body.page-template-page-politica-de-cookies .sc-legal-toc {
		position: static !important;
		top: auto !important;
		max-height: none !important;
		overflow: visible !important;
		padding-right: 0;
	}

	body.page-template-page-politica-de-cookies .sc-legal-section {
		scroll-margin-top: 100px !important;
	}
}
/* ============================================================
   SCALERA — TERMENI ȘI CONDIȚII
   Compatibil cu CSS-ul legal existent.
   Se adaugă la FINALUL style.css
   ============================================================ */

body.page-template-page-termeni-si-conditii .site-header,
body.page-template-page-termeni-si-conditii .main-navigation {
	display: none !important;
}

body.page-template-page-termeni-si-conditii #page,
body.page-template-page-termeni-si-conditii .site.grid-container,
body.page-template-page-termeni-si-conditii .site-content,
body.page-template-page-termeni-si-conditii .site-content.grid-container,
body.page-template-page-termeni-si-conditii .content-area,
body.page-template-page-termeni-si-conditii .container.grid-container,
body.page-template-page-termeni-si-conditii .inside-article {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-template-page-termeni-si-conditii .site-content {
	display: block !important;
}

body.page-template-page-termeni-si-conditii .widget-area,
body.page-template-page-termeni-si-conditii .sidebar,
body.page-template-page-termeni-si-conditii .entry-header,
body.page-template-page-termeni-si-conditii .page-header {
	display: none !important;
}

/* Header sticky */
body.page-template-page-termeni-si-conditii .sc-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
	width: 100% !important;
	background: rgba(245,242,236,.96) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(23,21,28,.08);
}

body.admin-bar.page-template-page-termeni-si-conditii .sc-header {
	top: 32px !important;
}

/* Permite sticky pe întreg arborele */
body.page-template-page-termeni-si-conditii,
body.page-template-page-termeni-si-conditii #page,
body.page-template-page-termeni-si-conditii .site,
body.page-template-page-termeni-si-conditii .site-content,
body.page-template-page-termeni-si-conditii .content-area,
body.page-template-page-termeni-si-conditii .site-main,
body.page-template-page-termeni-si-conditii .sc-legal-page,
body.page-template-page-termeni-si-conditii .sc-legal-body,
body.page-template-page-termeni-si-conditii .sc-legal-layout {
	overflow: visible !important;
}

/* Cuprins sticky */
body.page-template-page-termeni-si-conditii .sc-legal-toc {
	position: sticky !important;
	top: 118px !important;
	align-self: start !important;
	max-height: calc(100vh - 140px);
	overflow-y: auto !important;
	padding-right: 12px;
}

body.admin-bar.page-template-page-termeni-si-conditii .sc-legal-toc {
	top: 150px !important;
	max-height: calc(100vh - 175px);
}

body.page-template-page-termeni-si-conditii .sc-legal-toc::-webkit-scrollbar {
	width: 4px;
}

body.page-template-page-termeni-si-conditii .sc-legal-toc::-webkit-scrollbar-thumb {
	background: rgba(23,21,28,.15);
	border-radius: 999px;
}

body.page-template-page-termeni-si-conditii .sc-legal-section {
	scroll-margin-top: 130px !important;
}

@media (max-width: 768px) {
	body.page-template-page-termeni-si-conditii .sc-header {
		position: sticky !important;
		top: 0 !important;
	}

	body.admin-bar.page-template-page-termeni-si-conditii .sc-header {
		top: 46px !important;
	}

	body.page-template-page-termeni-si-conditii .sc-legal-toc {
		position: static !important;
		top: auto !important;
		max-height: none !important;
		overflow: visible !important;
		padding-right: 0;
	}

	body.page-template-page-termeni-si-conditii .sc-legal-section {
		scroll-margin-top: 100px !important;
	}
}
/* ============================================================
   SCALERA — TERMENI ȘI CONDIȚII
   HERO CALIBRATION FINAL
   ============================================================ */

/* Desktop */
body.page-template-page-termeni-si-conditii .sc-legal-hero h1 {
	font-size: clamp(58px, 5.2vw, 78px) !important;
	line-height: 0.98 !important;
	letter-spacing: -0.045em !important;
	max-width: 720px !important;
	margin-top: 42px !important;
	margin-bottom: 54px !important;
}

/* Text introductiv */
body.page-template-page-termeni-si-conditii
.sc-legal-hero__bottom > p {
	max-width: 720px !important;
	font-size: 18px !important;
	line-height: 1.65 !important;
}

/* Tablet */
@media (max-width: 1024px) {

	body.page-template-page-termeni-si-conditii .sc-legal-hero h1 {
		font-size: clamp(54px, 7vw, 68px) !important;
		max-width: 650px !important;
	}
}

/* Mobile */
@media (max-width: 768px) {

	body.page-template-page-termeni-si-conditii .sc-legal-hero h1 {
		font-size: clamp(44px, 13vw, 58px) !important;
		line-height: 1 !important;
		letter-spacing: -0.04em !important;
		margin-top: 30px !important;
		margin-bottom: 38px !important;
	}

	body.page-template-page-termeni-si-conditii
	.sc-legal-hero__bottom > p {
		font-size: 16px !important;
		line-height: 1.6 !important;
	}
}
/* ============================================================
   SCALERA — TERMENI ȘI CONDIȚII
   HERO SPACING FINAL
   ============================================================ */

body.page-template-page-termeni-si-conditii .sc-legal-hero {
	min-height: auto !important;
	padding: 105px 0 82px !important;
}

body.page-template-page-termeni-si-conditii
.sc-legal-hero > .sc-container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


/* Titlu — păstrăm calibrarea bună */

body.page-template-page-termeni-si-conditii
.sc-legal-hero h1 {
	font-size: clamp(58px, 5.2vw, 78px) !important;
	line-height: 0.98 !important;
	letter-spacing: -0.045em !important;
	max-width: 720px !important;

	margin-top: 38px !important;
	margin-bottom: 48px !important;
}


/* Text introductiv */

body.page-template-page-termeni-si-conditii
.sc-legal-hero__bottom > p {
	max-width: 720px !important;
	font-size: 18px !important;
	line-height: 1.65 !important;
}


/* TABLET */

@media (max-width: 1024px) {

	body.page-template-page-termeni-si-conditii
	.sc-legal-hero {
		padding: 92px 0 72px !important;
	}

}


/* MOBILE */

@media (max-width: 768px) {

	body.page-template-page-termeni-si-conditii
	.sc-legal-hero {
		padding: 72px 0 60px !important;
	}

	body.page-template-page-termeni-si-conditii
	.sc-legal-hero h1 {
		font-size: clamp(44px, 13vw, 58px) !important;
		margin-top: 28px !important;
		margin-bottom: 36px !important;
	}

}
/* =========================================================
   SCALERA TYPOGRAPHY OVERRIDE v1.2
   Instrument Sans
   ---------------------------------------------------------
   DOAR TIPOGRAFIE
   Nu modifica:
   - layout
   - culori
   - spacing sectiuni
   - grafica
   - logo
   - imagini
   ========================================================= */


/* ---------------------------------------------------------
   01. GLOBAL
   --------------------------------------------------------- */

html,
body,
button,
input,
textarea,
select {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
}

body {
	font-weight: 400;

	/* Fara tracking negativ global */
	letter-spacing: normal;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;

	/* Evitam generarea artificiala de bold/italic */
	font-synthesis: none;
}


/* ---------------------------------------------------------
   02. BODY / PARAGRAPHS
   --------------------------------------------------------- */

p,
li,
blockquote,
figcaption,
label,
input,
textarea,
select {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	letter-spacing: 0;
}


/* ---------------------------------------------------------
   03. H1
   SCALERA Typography v1.2
   Weight: 500
   --------------------------------------------------------- */

h1,
.h1,
.sc-hero__title {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: -0.035em;
}


/* ---------------------------------------------------------
   04. H2
   Weight: 500
   --------------------------------------------------------- */

h2,
.h2,
.sc-section-title,
.sc-process__title,
.sc-principle__title,
.sc-expertise__title,
.sc-capabilities__title,
.sc-about__title,
.sc-cta__title {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: -0.032em;
}


/* ---------------------------------------------------------
   05. H3
   Weight: 600
   --------------------------------------------------------- */

h3,
.h3,
.sc-card__title,
.sc-expertise__item-title,
.sc-capability__title,
.sc-pillar__title {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: -0.022em;
}


/* ---------------------------------------------------------
   06. NAVIGATION
   Weight: 500
   --------------------------------------------------------- */

.main-navigation,
.main-navigation a,
.main-navigation .menu-item > a,
.site-header nav,
.site-header nav a,
.sc-nav,
.sc-nav a,
.sc-header__nav,
.sc-header__nav a {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: -0.005em;
}


/* ---------------------------------------------------------
   07. CTA / BUTTONS
   Weight: 600
   --------------------------------------------------------- */

button,
.button,
.wp-block-button__link,
.sc-button,
.sc-btn,
.sc-cta-button,
.sc-header__cta,
.sc-hero__cta,
.sc-hero__actions a {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 0;
}


/* ---------------------------------------------------------
   08. EYEBROWS / SECTION LABELS
   Weight: 600
   Uppercase + generous tracking
   --------------------------------------------------------- */

.eyebrow,
.sc-eyebrow,
.sc-hero__eyebrow,
.sc-process__eyebrow,
.sc-principle__eyebrow,
.sc-expertise__eyebrow,
.sc-capabilities__eyebrow,
.sc-about__eyebrow,
.sc-cta__eyebrow,
.sc-section__eyebrow {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}


/* ---------------------------------------------------------
   09. LEAD TEXT / INTRO TEXT
   Body weight remains 400
   --------------------------------------------------------- */

.lead,
.sc-lead,
.sc-hero__lead,
.sc-hero__text,
.sc-process__intro,
.sc-principle__intro,
.sc-expertise__intro,
.sc-capabilities__intro,
.sc-about__intro,
.sc-cta__intro {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	letter-spacing: 0;
}


/* ---------------------------------------------------------
   10. CARD / CONTENT TEXT
   --------------------------------------------------------- */

.sc-card p,
.sc-expertise p,
.sc-capabilities p,
.sc-about p,
.sc-process p,
.sc-footer p,
.sc-footer li,
.sc-footer a {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
}


/* ---------------------------------------------------------
   11. INDEX NUMBERS / MICRO LABELS
   Mono eliminat complet
   --------------------------------------------------------- */

.sc-index,
.sc-item-index,
.item-index,
.sc-flow-label,
.sc-flow-index,
.sc-micro-label,
.sc-micro-flow,
.sc-process-label,
.sc-process-index {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
}


/* ---------------------------------------------------------
   12. SVG TEXT / SCALERA FLOW
   Mono eliminat si din grafica inline
   --------------------------------------------------------- */

svg text,
.sc-flow svg text,
.sc-flow-svg text,
.sc-process svg text,
.sc-about-flow svg text {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif !important;
}


/* ---------------------------------------------------------
   13. REMOVE MONOSPACE
   --------------------------------------------------------- */

code,
kbd,
samp,
pre,
[class*="mono"],
[class*="code"] {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
}


/* ---------------------------------------------------------
   14. FOOTER MICRO TYPOGRAPHY
   --------------------------------------------------------- */

.sc-footer h4,
.footer h4,
.sc-footer__title,
.sc-footer__eyebrow,
.sc-footer__kicker {
	font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}


/* ---------------------------------------------------------
   15. PROTECT LOGO
   Logo ramane imaginea originala.
   Nu aplicam transformari tipografice asupra lui.
   --------------------------------------------------------- */

.site-logo img,
.custom-logo,
.custom-logo-link img,
.sc-logo img,
.sc-brand img,
.sc-header__logo img,
.sc-footer__logo img {
	font-family: initial;
	letter-spacing: normal;
	font-weight: normal;
}

/* =========================================================
   SCALERA TYPOGRAPHY v1.2.1 — FINE TUNING
   Se adauga DUPA Typography Override v1.2
   ========================================================= */

/* H1 — mai putin comprimat */
h1,
.h1,
.sc-hero__title {
    letter-spacing: -0.025em;
}

/* H2 — echilibru editorial */
h2,
.h2,
.sc-section-title,
.sc-process__title,
.sc-principle__title,
.sc-expertise__title,
.sc-capabilities__title,
.sc-about__title,
.sc-cta__title {
    letter-spacing: -0.025em;
}

/* H3 — claritate mai buna */
h3,
.h3,
.sc-card__title,
.sc-expertise__item-title,
.sc-capability__title,
.sc-pillar__title {
    letter-spacing: -0.015em;
}

/* =========================================================
   SCALERA TYPOGRAPHY v1.2.2 — HERO LINE CONTROL
   Instrument Sans
   ========================================================= */

/* Desktop / laptop:
   pastram exact compozitia intentionata din HTML:
   FACEM LUCRURILE
   MAI SIMPLE.
*/
@media (min-width: 769px) {
	.sc-hero__title {
		white-space: nowrap;
	}
}

/* Mobile:
   permitem adaptarea naturala la latimea ecranului
*/
@media (max-width: 768px) {
	.sc-hero__title {
		white-space: normal;
	}
}