/*
Theme Name: MP Web Studio
Theme URI: https://mpweb-studio.com/
Author: MP Web Studio
Description: Temă comercială rapidă, mobile-first, pentru MP Web Studio.
Version: 1.7.1
Text Domain: mpweb-studio
*/

/**
 * De ce există:
 * Definește identitatea vizuală MP Web Studio după varianta orbitală selectată.
 *
 * Responsabilitate:
 * Layout, tipografie, culori, responsive, stări interactive și accesibilitate vizuală.
 *
 * Ce NU face:
 * Nu conține business logic, nu procesează formulare și nu înlocuiește markup-ul semantic.
 *
 * Depinde de:
 * Structura HTML din fișierele temei, asset-urile reale și fonturile locale din assets/fonts.
 */

@font-face {
	font-family: "DM Serif Display";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/dm-serif-display-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "DM Serif Display";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/dm-serif-display-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("assets/fonts/inter-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("assets/fonts/inter-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("assets/fonts/inter-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Material Symbols Outlined";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("assets/fonts/material-symbols-outlined.woff2") format("woff2");
}

:root {
	--bg: #02050a;
	--bg-deep: #010307;
	--surface: #08111d;
	--surface-soft: #0b1624;
	--surface-raised: #101c2b;
	--line: rgba(169, 190, 220, 0.17);
	--line-strong: rgba(180, 204, 235, 0.31);
	--text: #f8fafc;
	--muted: #9aa8ba;
	--muted-strong: #c6cfda;
	--pink: #e14ba8;
	--pink-bright: #f25abb;
	--purple: #9d5cff;
	--blue: #39bdf5;
	--blue-soft: #76d5ff;
	--green: #27d78c;
	--danger: #fb7185;
	--radius: 18px;
	--radius-small: 11px;
	--shadow: 0 28px 80px rgba(0, 0, 0, 0.43);
	--shell: 1680px;
}

html[data-color-theme="dark"] {
	color-scheme: dark;
}

html[data-color-theme="light"] {
	color-scheme: light;
	--bg: #f8f6f2;
	--bg-deep: #efebe5;
	--surface: #ffffff;
	--surface-soft: #f1eee8;
	--surface-raised: #e8e4dd;
	--line: rgba(11, 18, 32, 0.13);
	--line-strong: rgba(11, 18, 32, 0.23);
	--text: #0b1220;
	--muted: #5f6a7b;
	--muted-strong: #344054;
	--pink: #c92f8b;
	--pink-bright: #b8297d;
	--purple: #7650db;
	--blue: #168fbd;
	--blue-soft: #0b6e94;
	--green: #16835a;
	--danger: #c93854;
	--shadow: 0 28px 80px rgba(11, 18, 32, 0.14);
}

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

html {
	scroll-behavior: auto;
	background: var(--bg);
}

body {
	margin: 0;
	min-width: 0;
	background: var(--bg);
	color: var(--text);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.is-locked {
	overflow: hidden;
}

img {
	display: block;
	max-width: 100%;
}

button,
input,
textarea {
	font: inherit;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

button {
	color: inherit;
}

a {
	color: inherit;
	text-decoration: none;
}

:where(a[href], button, input, textarea, select, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
	outline: 3px solid var(--blue);
	outline-offset: 3px;
}

p,
h1,
h2,
h3,
figure {
	margin-top: 0;
}

.material-symbols-outlined {
	display: inline-flex;
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.skip-link {
	position: fixed;
	left: 16px;
	top: 12px;
	z-index: 10000;
	padding: 10px 16px;
	border-radius: 8px;
	background: #fff;
	color: #080b12;
	transform: translateY(-160%);
}

.skip-link:focus {
	transform: translateY(0);
}

.shell {
	width: min(calc(100% - 96px), var(--shell));
	margin-inline: auto;
}

.section-dark {
	position: relative;
	background: var(--bg);
}

.site-header {
	position: relative;
	top: auto;
	z-index: 1200;
	border-bottom: 1px solid transparent;
	background: rgba(2, 5, 10, 0.82);
	backdrop-filter: blur(18px);
	transition: border-color 180ms ease, background-color 180ms ease;
}

.site-header.is-scrolled {
	border-color: var(--line);
	background: rgba(2, 5, 10, 0.95);
}

.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 86px;
}

.brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.035em;
}

.brand img {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	object-fit: cover;
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.header-account {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	border: 1px solid var(--line-strong);
	border-radius: 13px;
	background: var(--surface-soft);
	color: var(--text);
	text-decoration: none;
	transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease;
}
.header-account:hover,
.header-account:focus-visible,
.header-account[aria-current="page"] { border-color: var(--blue); background: var(--surface-raised); color: var(--blue); }
.header-account .material-symbols-outlined { font-size: 22px; }

.desktop-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(20px, 2.3vw, 36px);
	margin-inline: auto;
	padding-inline: 28px;
}

.desktop-nav a {
	position: relative;
	padding-block: 12px;
	color: var(--muted-strong);
	font-size: 14px;
	font-weight: 650;
	transition: color 180ms ease;
}

.desktop-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--pink), var(--blue));
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 180ms ease;
}

.desktop-nav a:hover,
.desktop-nav a[aria-current="true"] {
	color: var(--text);
}

.desktop-nav a:hover::after,
.desktop-nav a[aria-current="true"]::after {
	transform: scaleX(1);
}

.language-switch,
.mobile-language-switch {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: rgba(8, 17, 29, 0.72);
}

.language-switch a,
.mobile-language-switch a {
	display: grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	border-radius: 999px;
	color: var(--muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.language-switch a[aria-current="page"],
.mobile-language-switch a[aria-current="page"] {
	background: linear-gradient(135deg, rgba(225, 75, 168, 0.28), rgba(57, 189, 245, 0.27));
	color: var(--text);
}

html[data-color-theme="light"] .mobile-language-switch {
	border-color: rgba(11, 18, 32, 0.22);
	background: #ffffff;
}

html[data-color-theme="light"] .mobile-language-switch a {
	color: #344054;
}

html[data-color-theme="light"] .mobile-language-switch a[aria-current="page"] {
	background: #e8e4dd;
	color: #0b1220;
}

html[data-color-theme="dark"] .mobile-language-switch {
	border-color: var(--line-strong);
	background: #0b1422;
}

html[data-color-theme="dark"] .mobile-language-switch a {
	color: #b9c7d8;
}

.theme-switch {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: color-mix(in srgb, var(--surface) 74%, transparent);
}

.theme-switch button {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--muted);
	cursor: pointer;
	transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.theme-switch button:hover {
	color: var(--text);
	transform: translateY(-1px);
}

.theme-switch button[aria-pressed="true"] {
	background: linear-gradient(135deg, rgba(225, 75, 168, 0.22), rgba(57, 189, 245, 0.22));
	color: var(--text);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blue) 32%, transparent);
}

.theme-switch button:focus-visible {
	outline: 2px solid var(--blue);
	outline-offset: 2px;
}

.theme-switch .material-symbols-outlined {
	font-size: 17px;
}

.theme-switch--mobile button {
	display: inline-flex;
	gap: 6px;
	width: auto;
	min-width: 0;
	padding-inline: 10px;
}

.theme-switch--mobile button > span:last-child {
	font-size: 11px;
	font-weight: 750;
}

.theme-menu-setting {
	display: grid;
	gap: 7px;
}

.theme-menu-setting > strong {
	color: var(--muted);
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.header-whatsapp {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 42px;
	padding-inline: 13px;
	border: 1px solid rgba(39, 215, 140, 0.38);
	border-radius: 10px;
	color: #c9ffe7;
	font-size: 13px;
	font-weight: 750;
	transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.header-whatsapp:hover {
	transform: translateY(-2px);
	border-color: rgba(39, 215, 140, 0.72);
	background: rgba(14, 65, 47, 0.32);
}

.header-whatsapp .material-symbols-outlined {
	font-size: 19px;
}

.menu-toggle {
	display: none;
}

.menu-toggle,
.menu-close,
.modal-close {
	display: inline-grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid var(--line-strong);
	border-radius: 50%;
	background: var(--surface);
	cursor: pointer;
	box-shadow: 0 0 34px rgba(57, 189, 245, 0.11);
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.menu-toggle:hover,
.menu-close:hover,
.modal-close:hover {
	transform: rotate(7deg) scale(1.04);
	border-color: var(--blue);
	background: var(--surface-raised);
}

.header-actions .menu-toggle {
	display: none;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: 10px;
	font-weight: 750;
	line-height: 1;
	cursor: pointer;
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.button:hover {
	transform: translateY(-2px);
}

.button:focus-visible,
.menu-toggle:focus-visible,
.menu-close:focus-visible,
.modal-close:focus-visible,
.orbit-link:focus-visible,
.contact-option:focus-visible,
.footer-nav a:focus-visible,
.footer-legal a:focus-visible,
.footer-legal button:focus-visible,
.cookie-settings-link:focus-visible {
	outline: 3px solid rgba(57, 189, 245, 0.55);
	outline-offset: 4px;
}

.button-small {
	min-height: 46px;
	padding-inline: 19px;
	font-size: 14px;
}

.button-gradient {
	border-color: rgba(118, 213, 255, 0.62);
	background: linear-gradient(100deg, var(--pink) 0%, #be61e7 58%, var(--blue) 100%);
	color: #fff;
	box-shadow: 0 14px 35px rgba(225, 75, 168, 0.2);
}

.button-gradient:hover {
	background: linear-gradient(100deg, var(--pink-bright) 0%, #ca6aed 56%, #55c7f6 100%);
	box-shadow: 0 18px 45px rgba(225, 75, 168, 0.27);
}

.button-ghost {
	border-color: var(--line-strong);
	background: rgba(8, 17, 29, 0.7);
	color: var(--text);
}

.button-ghost:hover {
	border-color: var(--blue);
	background: var(--surface-raised);
}

.button-whatsapp {
	border-color: rgba(39, 215, 140, 0.55);
	background: rgba(14, 65, 47, 0.32);
	color: #c9ffe7;
}

.button-block {
	width: 100%;
}

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

.orbit-menu {
	position: fixed;
	inset: 0;
	z-index: 2700;
	display: grid;
	padding: 18px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 240ms ease;
}

.orbit-menu.is-open {
	opacity: 1;
	pointer-events: auto;
}

.orbit-menu-backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(0, 3, 8, 0.86);
	backdrop-filter: blur(18px);
	cursor: default;
}

.orbit-menu-panel {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr auto;
	width: min(100%, 1280px);
	height: min(100%, 820px);
	margin: auto;
	padding: 24px 30px 26px;
	overflow: hidden;
	border: 1px solid var(--line-strong);
	border-radius: 26px;
	background: #050a13;
	box-shadow: var(--shadow);
	transform: scale(0.96) translateY(18px);
	transition: transform 260ms ease;
}

.orbit-menu.is-open .orbit-menu-panel {
	transform: scale(1) translateY(0);
}

.orbit-menu-head,
.orbit-menu-footer {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.orbit-menu-content {
	position: relative;
	min-height: 500px;
}

.orbit-links {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.orbit-link {
	position: absolute;
	display: grid;
	grid-template-columns: 30px 46px auto;
	align-items: center;
	gap: 10px;
	min-width: 180px;
	padding: 8px 14px 8px 8px;
	border: 1px solid var(--line-strong);
	border-radius: 999px;
	background: rgba(6, 12, 23, 0.88);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.orbit-link:hover {
	transform: translateX(-7px);
	border-color: var(--pink);
	background: var(--surface-raised);
}

.orbit-link > span {
	color: var(--pink);
	font-size: 12px;
	font-weight: 800;
}

.orbit-link > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid var(--line-strong);
	border-radius: 50%;
	color: var(--blue-soft);
}

.orbit-link strong {
	font-size: 15px;
}

.orbit-link-services { top: 8%; right: 9%; }
.orbit-link-projects { top: 27%; right: 2%; }
.orbit-link-process { top: 46%; right: 0; }
.orbit-link-about { top: 65%; right: 3%; }
.orbit-link-contact { top: 82%; right: 11%; }

.orbit-menu-footer {
	justify-content: flex-end;
	padding-top: 12px;
	border-top: 1px solid var(--line);
}

.orbit-menu-footer p {
	margin: 0 auto 0 0;
	color: var(--muted);
}

.orbit-menu-footer > a:not(.button) {
	font-size: 18px;
	font-weight: 800;
}

.hero {
	padding: 22px 0 46px;
	overflow: hidden;
}

.hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.84fr) minmax(600px, 1.16fr);
	align-items: center;
	gap: 4px;
	min-height: 625px;
}

.hero-copy {
	position: relative;
	z-index: 2;
	padding-left: 8px;
}

.eyebrow,
.kicker {
	color: var(--blue-soft);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.eyebrow-outline {
	display: inline-flex;
	margin-bottom: 25px;
	padding: 8px 14px;
	border: 1px solid var(--pink);
	border-radius: 999px;
	color: var(--text);
	font-size: 12px;
	letter-spacing: 0;
	text-transform: none;
}

.hero h1 {
	max-width: 660px;
	margin-bottom: 24px;
	font-size: clamp(45px, 4.4vw, 64px);
	line-height: 0.99;
	letter-spacing: -0.066em;
}

html[lang^="ru"] .hero h1 {
	font-size: clamp(40px, 3.6vw, 52px);
	letter-spacing: -0.055em;
}

.hero h1 .headline-line {
	display: block;
	color: var(--text);
}

.hero h1 .headline-accent {
	color: var(--pink-bright);
}

.hero-lead {
	max-width: 610px;
	margin-bottom: 30px;
	color: var(--muted-strong);
	font-size: 18px;
	line-height: 1.7;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 26px;
}

.hero-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 26px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--muted-strong);
	font-size: 13px;
}

.hero-facts li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.hero-facts li::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--pink);
	box-shadow: 0 0 14px var(--pink);
}

.hero-art {
	position: relative;
	justify-self: end;
	width: min(100%, 650px);
	margin: 0 -18px 0 -34px;
}

.hero-art picture {
	display: block;
}

.hero-art img {
	width: 100%;
	height: auto;
}

.hero-orbit-nav {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.hero-orbit-marker {
	position: absolute;
	top: 1.5%;
	right: 20.5%;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border: 2px solid rgba(118, 213, 255, 0.72);
	border-radius: 50%;
	background: linear-gradient(135deg, var(--pink) 0%, #b75de5 58%, var(--blue) 100%);
	box-shadow: 0 0 28px rgba(225, 75, 168, 0.34);
	color: #fff;
}

.hero-orbit-marker .material-symbols-outlined {
	font-size: 31px;
	font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 32;
}

.hero-orbit-link {
	position: absolute;
	right: -2px;
	display: grid;
	grid-template-columns: 44px auto;
	align-items: center;
	gap: 11px;
	min-width: 142px;
	color: var(--text);
	font-size: 13px;
	transform: translateY(-50%);
	transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), color 180ms ease;
	pointer-events: auto;
}

.hero-orbit-link > span {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(216, 228, 245, 0.58);
	border-radius: 50%;
	background: rgba(3, 8, 15, 0.9);
	color: var(--text);
	font-size: 21px;
	transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.hero-orbit-link strong {
	font-weight: 750;
	transition: color 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.hero-orbit-link:hover,
.hero-orbit-link:focus-visible {
	color: var(--blue-soft);
	transform: translate(-10px, -50%);
}

.hero-orbit-link:hover > span,
.hero-orbit-link:focus-visible > span {
	border-color: var(--blue);
	background: rgba(10, 25, 42, 0.96);
	box-shadow: 0 0 24px rgba(57, 189, 245, 0.38), 0 0 18px rgba(225, 75, 168, 0.22) inset;
	transform: rotate(-7deg) scale(1.08);
}

.hero-orbit-link:hover strong,
.hero-orbit-link:focus-visible strong {
	transform: translateX(3px);
}

.hero-orbit-services { top: 13%; }
.hero-orbit-projects { top: 31.5%; }
.hero-orbit-process { top: 50%; }
.hero-orbit-about { top: 68.5%; }
.hero-orbit-contact { top: 87%; }

.hero-orbit-link:focus-visible {
	outline: 2px solid var(--blue);
	outline-offset: 5px;
	border-radius: 999px;
}

.proof-section,
.offer-section,
.portfolio-section,
.process-section,
.seo-section,
.faq-section,
.contact-section {
	padding: 24px 0;
}

.proof-panel,
.offer-band,
.contact-panel {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
}

.proof-panel {
	padding: 26px 28px 28px;
}

.section-intro {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 25px;
}

.section-intro .kicker,
.section-heading .kicker,
.offer-summary .kicker,
.seo-heading .kicker,
.contact-panel .kicker {
	margin-bottom: 9px;
}

.section-intro h2,
.section-heading h2,
.seo-heading h2,
.contact-panel h2 {
	margin-bottom: 0;
	font-size: clamp(30px, 3.1vw, 48px);
	line-height: 1.08;
	letter-spacing: -0.045em;
}

.proof-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.proof-item {
	display: grid;
	grid-template-columns: 38px 1fr;
	grid-template-rows: auto auto;
	column-gap: 14px;
	row-gap: 5px;
	padding: 0 24px;
}

.proof-item + .proof-item {
	border-left: 1px solid var(--line);
}

.proof-item > .material-symbols-outlined {
	grid-row: 1 / 3;
	margin: 2px 0 0;
	color: var(--pink-bright);
	font-size: 30px;
}

.proof-item:nth-child(2) > .material-symbols-outlined,
.proof-item:nth-child(3) > .material-symbols-outlined {
	color: var(--blue-soft);
}

.proof-item h3 {
	margin: 0;
	font-size: 16px;
}

.proof-item p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
}

.offer-section {
	padding-top: 20px;
}

.offer-band {
	display: grid;
	grid-template-columns: 0.9fr 1.2fr 0.8fr;
	align-items: center;
	border-color: rgba(57, 189, 245, 0.52);
	box-shadow: inset 4px 0 0 var(--pink), inset -4px 0 0 var(--blue);
}

.offer-summary,
.offer-action {
	padding: 30px 34px;
}

.offer-summary {
	border-right: 1px solid var(--line);
}

.offer-summary h2 {
	margin-bottom: 2px;
	font-size: clamp(36px, 4vw, 56px);
	line-height: 1;
	letter-spacing: -0.055em;
}

.offer-summary > p:last-child,
.offer-action p {
	margin-bottom: 0;
	color: var(--muted);
}

.offer-price {
	margin-bottom: 15px;
	font-size: 28px;
}

.offer-price strong {
	color: var(--pink-bright);
	font-size: 43px;
	letter-spacing: -0.04em;
}

.check-list {
	display: grid;
	gap: 11px;
	margin: 0;
	padding: 28px 38px;
	list-style: none;
}

.check-list li {
	display: flex;
	align-items: center;
	gap: 11px;
	color: var(--muted-strong);
	font-size: 14px;
}

.check-list .material-symbols-outlined {
	color: var(--blue-soft);
	font-size: 18px;
}

.offer-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	border-left: 1px solid var(--line);
	text-align: center;
}

.portfolio-section {
	padding-top: 38px;
}

.section-heading {
	display: block;
	align-items: end;
	margin-bottom: 24px;
}

.section-heading > p {
	margin: 0;
	color: var(--muted);
}

.projects-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.project-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
	transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

a.project-card:hover {
	transform: translateY(-7px);
	border-color: rgba(57, 189, 245, 0.5);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.33);
}

.project-visual {
	aspect-ratio: 1.62 / 1;
	overflow: hidden;
	border-bottom: 1px solid var(--line);
	background: #e7edf5;
}

.project-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	transition: transform 300ms ease;
}

a.project-card:hover .project-visual img {
	transform: scale(1.025);
}

.project-copy {
	display: block;
	padding: 20px 22px 22px;
}

.project-label {
	margin-bottom: 5px !important;
	color: var(--blue-soft) !important;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: 0.11em;
}

.project-copy h3 {
	margin-bottom: 7px;
	font-size: 23px;
	letter-spacing: -0.03em;
}

.project-copy p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
}

.project-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 15px;
	color: var(--blue-soft);
	font-size: 14px;
	font-weight: 750;
}

.project-link .material-symbols-outlined {
	font-size: 18px;
	transition: transform 180ms ease;
}

.project-link-muted {
	color: var(--muted-strong);
}

a.project-card:hover .project-link .material-symbols-outlined {
	transform: translateX(4px);
}

.process-section {
	padding-top: 38px;
}

.process-section .section-intro {
	display: block;
	margin-bottom: 28px;
}

.process-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.process-grid::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--pink), var(--purple) 52%, var(--blue));
	box-shadow: 0 0 20px rgba(157, 92, 255, 0.3);
}

.process-step {
	position: relative;
	display: grid;
	grid-template-columns: 38px 1fr;
	grid-template-rows: auto auto;
	column-gap: 14px;
	row-gap: 5px;
	min-height: 205px;
	padding: 54px 26px 10px;
}

.process-step + .process-step {
	border-left: 0;
}

.step-number {
	position: absolute;
	top: -24px;
	left: calc(50% - 25px);
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border: 2px solid var(--pink);
	border-radius: 50%;
	background: var(--bg);
	font-size: 18px;
	font-weight: 800;
}

.process-step:nth-child(even) .step-number {
	border-color: var(--blue);
}

.process-step > i {
	grid-row: 1 / 3;
	margin: 2px 0 0;
	color: var(--pink-bright);
	font-size: 29px;
}

.process-step:nth-child(even) > i {
	color: var(--blue-soft);
}

.process-step h3 {
	margin: 0;
	font-size: 17px;
}

.process-step p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
}

.seo-section {
	padding: 65px 0;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	background: #070d17;
}

.seo-layout {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	gap: 60px;
	align-items: start;
}

.seo-heading h2 {
	margin-bottom: 18px;
}

.seo-heading > p:last-child {
	margin: 0;
	color: var(--muted);
}

.seo-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
}

.seo-grid article {
	padding: 28px;
}

.seo-grid article + article {
	border-left: 1px solid var(--line);
}

.seo-grid .material-symbols-outlined {
	margin-bottom: 20px;
	color: var(--blue-soft);
	font-size: 29px;
}

.seo-grid h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.seo-grid p {
	margin: 0;
	color: var(--muted);
	font-size: 13px;
}

.faq-section {
	padding: 70px 0 42px;
}

.faq-layout {
	display: grid;
	grid-template-columns: 0.72fr 1.28fr;
	align-items: start;
	gap: 70px;
}

.faq-layout .section-intro {
	display: block;
	position: sticky;
	top: 120px;
}

.faq-list {
	display: grid;
	gap: 12px;
}

.faq-list details {
	border: 1px solid var(--line);
	border-radius: 14px;
	background: var(--surface);
	transition: border-color 180ms ease, background-color 180ms ease;
}

.faq-list details[open] {
	border-color: rgba(57, 189, 245, 0.45);
	background: var(--surface-raised);
}

.faq-list summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 24px;
	cursor: pointer;
	font-size: 17px;
	font-weight: 750;
	list-style: none;
}

.faq-list summary::-webkit-details-marker {
	display: none;
}

.faq-list summary .material-symbols-outlined {
	flex: 0 0 auto;
	color: var(--blue-soft);
	transition: transform 180ms ease;
}

.faq-list details[open] summary .material-symbols-outlined {
	transform: rotate(45deg);
}

.faq-list details p {
	margin: 0;
	padding: 0 24px 22px;
	color: var(--muted-strong);
}

.contact-section {
	padding: 38px 0 30px;
}

.contact-panel {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	align-items: center;
	gap: 48px;
	padding: 32px 38px;
	border-color: rgba(225, 75, 168, 0.45);
}

.contact-panel > div:first-child > p:last-child {
	margin: 15px 0 0;
	color: var(--muted);
}

.contact-options {
	display: grid;
	gap: 0;
	overflow: hidden;
	border: 1px solid rgba(57, 189, 245, 0.58);
	border-radius: 14px;
}

.contact-option {
	display: grid;
	grid-template-columns: 46px 1fr auto;
	align-items: center;
	gap: 14px;
	min-height: 82px;
	padding: 14px 20px;
	border: 0;
	border-radius: 0;
	background: rgba(5, 9, 18, 0.62);
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.contact-option:hover {
	transform: none;
	background: var(--surface-raised);
}

.contact-whatsapp {
	border-bottom: 1px solid var(--line);
}

.contact-whatsapp > .material-symbols-outlined {
	color: var(--green);
}

.contact-option > span:nth-child(2) {
	display: grid;
}

.contact-option small {
	color: var(--muted);
}

.contact-option b {
	color: var(--blue-soft);
	font-size: clamp(19px, 2.3vw, 30px);
}

.contact-whatsapp b {
	padding: 13px 22px;
	border: 1px solid rgba(118, 213, 255, 0.55);
	border-radius: 9px;
	background: linear-gradient(100deg, var(--pink) 0%, #be61e7 58%, var(--blue) 100%);
	color: #fff;
	font-size: 14px;
}

.contact-trust {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	color: var(--muted-strong);
	font-size: 12px;
}

.contact-trust li {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.contact-trust .material-symbols-outlined {
	color: var(--purple);
	font-size: 19px;
}

.site-footer {
	position: relative;
	padding: 0 0 24px;
	overflow: hidden;
	border-top: 1px solid rgba(118, 213, 255, 0.2);
	background:
		radial-gradient(circle at 8% 18%, rgba(225, 75, 168, 0.12), transparent 30%),
		radial-gradient(circle at 92% 84%, rgba(57, 189, 245, 0.1), transparent 28%),
		#030710;
	color: #f8fafc;
}

.site-footer::before {
	position: absolute;
	inset: 0 0 auto;
	height: 2px;
	background: linear-gradient(90deg, transparent 3%, var(--pink), var(--purple), var(--blue), transparent 97%);
	content: "";
}

.footer-callout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
	align-items: center;
	gap: 54px;
	padding-block: 48px 42px;
	border-bottom: 1px solid rgba(169, 190, 220, 0.18);
}

.footer-callout-copy .kicker {
	margin-bottom: 12px;
	color: #76d5ff;
}

.footer-callout-copy h2 {
	max-width: 850px;
	margin-bottom: 12px;
	color: #f8fafc;
	font-family: "DM Serif Display", Georgia, serif;
	font-size: clamp(30px, 2.7vw, 45px);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -0.035em;
}

.footer-callout-copy > p:last-child {
	max-width: 760px;
	margin: 0;
	color: #c6cfda;
	font-size: 15px;
}

.footer-callout-action {
	display: grid;
	justify-items: start;
	gap: 14px;
}

.footer-callout-action .button {
	width: 100%;
}

.footer-callout-action > span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #9aa8ba;
	font-size: 12px;
}

.footer-callout-action > span .material-symbols-outlined {
	color: #f25abb;
	font-size: 18px;
}

.footer-main {
	display: grid;
	grid-template-columns: minmax(270px, 1.05fr) minmax(330px, 1fr) minmax(260px, 0.8fr);
	align-items: start;
	gap: clamp(48px, 6vw, 100px);
	padding-block: 40px 36px;
}

.footer-brand {
	align-self: start;
	color: #f8fafc;
}

.footer-brand-block p {
	max-width: 440px;
	margin: 0;
	color: #9aa8ba;
	font-size: 14px;
	line-height: 1.7;
}

.footer-brand-block {
	display: grid;
	gap: 14px;
}

.footer-nav,
.footer-legal {
	display: grid;
	gap: 15px;
}

.footer-nav > strong,
.footer-legal > strong {
	margin-bottom: 3px;
	color: #f8fafc;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.footer-link-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 24px;
}

.footer-nav a,
.footer-legal a,
.footer-legal button {
	width: fit-content;
	padding: 0;
	border: 0;
	background: transparent;
	color: #c6cfda;
	font-size: 14px;
	cursor: pointer;
	transition: color 160ms ease, transform 160ms ease;
}

.footer-legal a,
.footer-legal button {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 42px;
	text-align: left;
}

.footer-legal a > .material-symbols-outlined,
.footer-legal button > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(169, 190, 220, 0.2);
	border-radius: 9px;
	color: #76d5ff;
	font-size: 18px;
}

.footer-legal a > i.material-symbols-outlined {
	color: #9aa8ba;
	font-size: 17px;
}

.footer-nav a:hover,
.footer-legal a:hover,
.footer-legal button:hover {
	color: var(--blue-soft);
	transform: translateX(3px);
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding-top: 18px;
	border-top: 1px solid rgba(169, 190, 220, 0.18);
	color: #9aa8ba;
	font-size: 12px;
}

.footer-bottom p {
	margin: 0;
}

.contact-modal[hidden],
.cookie-preferences[hidden],
.cookie-consent[hidden] {
	display: none;
}

.contact-modal,
.cookie-preferences {
	position: fixed;
	inset: 0;
	z-index: 3000;
	display: grid;
	place-items: center;
	padding: 22px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease;
}

.contact-modal.is-open,
.cookie-preferences.is-open {
	opacity: 1;
	pointer-events: auto;
}

.modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 3, 8, 0.82);
	backdrop-filter: blur(14px);
}

.modal-dialog,
.cookie-dialog {
	position: relative;
	z-index: 1;
	width: min(100%, 650px);
	max-height: min(90vh, 820px);
	padding: 36px;
	overflow-y: auto;
	border: 1px solid var(--line-strong);
	border-radius: 22px;
	background: var(--surface);
	box-shadow: var(--shadow);
	transform: translateY(18px) scale(0.98);
	transition: transform 180ms ease;
}

.contact-modal.is-open .modal-dialog,
.cookie-preferences.is-open .cookie-dialog {
	transform: translateY(0) scale(1);
}

.modal-dialog h2,
.cookie-dialog h2 {
	margin-bottom: 12px;
	font-size: clamp(30px, 4vw, 44px);
	line-height: 1.06;
	letter-spacing: -0.045em;
}

.modal-dialog > p:not(.kicker),
.cookie-dialog > p:not(.kicker) {
	color: var(--muted);
}

.modal-dialog > p a {
	color: var(--blue-soft);
	font-weight: 800;
}

.modal-close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 42px;
	height: 42px;
}

.contact-form {
	display: grid;
	gap: 16px;
	margin-top: 24px;
}

.contact-form label {
	display: grid;
	gap: 7px;
	font-size: 13px;
	font-weight: 700;
}

.contact-form label > span {
	color: var(--muted);
	font-weight: 500;
}

.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.contact-form input:not([type="checkbox"]),
.contact-form textarea {
	width: 100%;
	border: 1px solid var(--line-strong);
	border-radius: 10px;
	background: var(--bg);
	color: var(--text);
	outline: none;
}

.contact-form input:not([type="checkbox"]) {
	height: 48px;
	padding: 0 14px;
}

.contact-form textarea {
	padding: 13px 14px;
	resize: vertical;
}

.contact-form input:focus,
.contact-form textarea:focus {
	border-color: var(--blue);
	box-shadow: 0 0 0 3px rgba(57, 189, 245, 0.12);
}

.contact-form [aria-invalid="true"] {
	border-color: var(--danger) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent) !important;
}

.analysis-error-summary {
	padding: 14px 16px;
	border: 2px solid var(--danger);
	border-radius: 10px;
	background: color-mix(in srgb, var(--danger) 9%, var(--surface));
	color: var(--text);
}

.analysis-error-summary:focus {
	outline: 3px solid var(--blue);
	outline-offset: 3px;
}

.analysis-error-summary strong { display: block; margin-bottom: 6px; }
.analysis-error-summary ul { margin: 0; padding-left: 20px; }
.analysis-error-summary button {
	min-height: 32px;
	padding: 2px 0;
	border: 0;
	background: transparent;
	color: var(--danger);
	font: inherit;
	font-weight: 750;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
}

.field-error {
	display: block;
	color: var(--danger) !important;
	font-size: 12px;
	font-weight: 750 !important;
	line-height: 1.45;
}

.field-error[hidden],
.analysis-error-summary[hidden] { display: none; }

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: #637083;
}

.contact-form input[type="file"] {
	height: auto;
	min-height: 52px;
	padding: 8px;
	color: var(--muted-strong);
	cursor: pointer;
}

.contact-form input[type="file"]::file-selector-button {
	margin-right: 12px;
	padding: 9px 12px;
	border: 1px solid rgba(57, 189, 245, 0.45);
	border-radius: 8px;
	background: rgba(57, 189, 245, 0.1);
	color: var(--text);
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}

.file-field .file-help,
.file-field .file-selection {
	display: block;
	color: var(--muted);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
}

.file-field .file-selection:not(:empty) {
	padding: 8px 10px;
	border: 1px solid rgba(57, 189, 245, 0.25);
	border-radius: 8px;
	background: rgba(57, 189, 245, 0.07);
	overflow-wrap: anywhere;
}

.file-field .file-selection.is-error {
	border-color: rgba(255, 85, 128, 0.55);
	background: rgba(255, 85, 128, 0.08);
	color: #ff9ab7;
}

.contact-form .consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--muted-strong);
	font-weight: 500;
}

.contact-form .consent input {
	margin-top: 4px;
}

.analysis-expectations {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 15px;
}

.analysis-expectations span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 10px;
	border: 1px solid var(--line);
	border-radius: 999px;
	color: var(--muted-strong);
	font-size: 12px;
	font-weight: 700;
}

.analysis-expectations .material-symbols-outlined { color: var(--blue-soft); font-size: 17px; }
.analysis-progress { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 3px; }
.analysis-progress span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--muted); font-size: 12px; font-weight: 800; }
.analysis-progress span.is-active { border-color: var(--blue); background: rgba(57, 189, 245, 0.12); color: var(--text); }
.analysis-progress span[aria-current="step"] { box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 22%, transparent); }
.analysis-progress i { width: 50px; height: 1px; background: var(--line-strong); }
.analysis-step { display: grid; gap: 16px; }
.analysis-step[hidden] { display: none; }
.analysis-step h3 { margin: 0 0 2px; font-size: 18px; line-height: 1.25; }

.channel-choice {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	padding: 0;
	border: 0;
}

.channel-choice legend { grid-column: 1 / -1; margin-bottom: 2px; font-size: 13px; font-weight: 700; }
.channel-choice label { position: relative; display: block; cursor: pointer; }
.channel-choice input { position: absolute; opacity: 0; pointer-events: none; }
.channel-choice label span { display: grid; place-items: center; min-height: 45px; padding: 8px; border: 1px solid var(--line-strong); border-radius: 10px; color: var(--muted-strong); font-weight: 800; transition: border-color 160ms ease, background 160ms ease, color 160ms ease; }
.channel-choice input:checked + span { border-color: var(--blue); background: rgba(57, 189, 245, 0.12); color: var(--text); }
.channel-choice input:focus-visible + span { outline: 2px solid var(--blue); outline-offset: 2px; }
.channel-fields { display: grid; gap: 14px; }
.channel-fields [hidden] { display: none; }

.custom-file-field { position: relative; }
.custom-file-control { display: flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 9px 14px; border: 1px dashed rgba(57, 189, 245, 0.5); border-radius: 10px; background: rgba(57, 189, 245, 0.07); color: var(--text) !important; cursor: pointer; }
.custom-file-control .material-symbols-outlined { color: var(--blue-soft); }
.visually-hidden-file { position: absolute; width: 1px !important; height: 1px !important; padding: 0 !important; opacity: 0; overflow: hidden; }
.custom-file-field:focus-within .custom-file-control { outline: 2px solid var(--blue); outline-offset: 2px; }
.analysis-submit-row { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 10px; }
.analysis-submit-row .button { width: 100%; }

.honeypot {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.cookie-consent {
	position: fixed;
	left: 24px;
	bottom: 24px;
	z-index: 2500;
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 14px 16px;
	width: min(calc(100% - 48px), 400px);
	padding: 15px;
	border: 1px solid rgba(57, 189, 245, 0.5);
	border-radius: 22px;
	background: rgba(8, 17, 29, 0.96);
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55), inset 3px 0 0 var(--pink);
	backdrop-filter: blur(18px);
	opacity: 0;
	transform: translateY(25px) scale(0.98);
	transition: opacity 220ms ease, transform 220ms ease;
}

.cookie-consent.is-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.cookie-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--line-strong);
	border-radius: 50%;
	color: var(--blue-soft);
	background: var(--surface-raised);
}

.cookie-copy h2 {
	margin-bottom: 5px;
	font-size: 15px;
}

.cookie-copy p {
	margin: 0;
	color: var(--muted);
	font-size: 11px;
}

.cookie-actions {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px;
}

.cookie-actions .button {
	min-height: 37px;
	padding-inline: 12px;
	font-size: 12px;
}

.button-cookie-quiet {
	border-color: var(--line-strong);
	background: var(--surface-raised);
}

.cookie-settings-link {
	grid-column: 1 / -1;
	justify-self: center;
	padding: 2px 8px;
	border: 0;
	background: transparent;
	color: var(--muted-strong);
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}

.cookie-dialog {
	width: min(100%, 620px);
}

.cookie-choice {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 18px;
	padding: 18px 0;
	border-top: 1px solid var(--line);
}

.cookie-choice > div {
	display: grid;
	gap: 4px;
}

.cookie-choice span {
	color: var(--muted);
	font-size: 13px;
}

.switch {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--muted-strong);
	font-size: 12px;
}

.switch input {
	width: 20px;
	height: 20px;
	accent-color: var(--pink);
}

.form-toast {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 3200;
	max-width: 430px;
	padding: 15px 18px;
	border-radius: 11px;
	background: var(--surface-raised);
	box-shadow: var(--shadow);
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 180ms ease, transform 180ms ease;
}

.form-toast.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.form-toast.is-success { border: 1px solid var(--green); }
.form-toast.is-error { border: 1px solid var(--danger); }

.simple-page {
	min-height: 60vh;
	padding: 90px 0;
}

.prose {
	max-width: 780px;
}

.prose h1 {
	font-size: clamp(38px, 5vw, 64px);
	letter-spacing: -0.05em;
}

.offer-guide-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--blue-soft);
	font-size: 13px;
	font-weight: 700;
}

.offer-guide-link .material-symbols-outlined {
	font-size: 18px;
	transition: transform 160ms ease;
}

.offer-guide-link:hover .material-symbols-outlined {
	transform: translateX(4px);
}

.pricing-page {
	overflow: hidden;
}

.pricing-hero {
	position: relative;
	padding: 64px 0 68px;
	background:
		radial-gradient(circle at 80% 25%, rgba(57, 189, 245, 0.12), transparent 30%),
		radial-gradient(circle at 66% 65%, rgba(225, 75, 168, 0.11), transparent 34%),
		var(--bg);
}

.pricing-hero::after {
	position: absolute;
	inset: auto 0 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(225, 75, 168, 0.75), rgba(57, 189, 245, 0.75), transparent);
	content: "";
}

.pricing-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 42px;
	color: var(--muted);
	font-size: 13px;
}

.pricing-breadcrumbs a:hover {
	color: var(--blue-soft);
}

.pricing-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);
	align-items: center;
	gap: clamp(46px, 7vw, 106px);
}

.pricing-hero-copy {
	max-width: 780px;
}

.pricing-hero h1 {
	max-width: 770px;
	margin-bottom: 25px;
	font-size: clamp(48px, 6vw, 79px);
	line-height: 0.99;
	letter-spacing: -0.055em;
}

.pricing-intro {
	max-width: 720px;
	margin-bottom: 31px;
	color: var(--muted-strong);
	font-size: clamp(17px, 1.5vw, 20px);
}

.pricing-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 13px 26px;
	margin: 31px 0 0;
	padding: 0;
	list-style: none;
	color: var(--muted-strong);
	font-size: 13px;
}

.pricing-trust li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.pricing-trust .material-symbols-outlined {
	color: var(--blue-soft);
	font-size: 19px;
}

.pricing-offer-card {
	position: relative;
	display: grid;
	gap: 18px;
	padding: clamp(28px, 4vw, 45px);
	border: 1px solid transparent;
	border-radius: 24px;
	background:
		linear-gradient(var(--surface), var(--surface)) padding-box,
		linear-gradient(135deg, var(--pink), var(--purple), var(--blue)) border-box;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42), 0 0 56px rgba(57, 189, 245, 0.08);
}

.pricing-offer-card::before {
	position: absolute;
	top: -70px;
	right: -70px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(157, 92, 255, 0.14);
	filter: blur(45px);
	content: "";
	pointer-events: none;
}

.pricing-offer-card h2 {
	margin-bottom: 0;
	font-size: clamp(30px, 3.4vw, 43px);
	letter-spacing: -0.04em;
}

.pricing-offer-price {
	display: flex;
	align-items: baseline;
	gap: 11px;
	margin: 0;
	color: var(--muted-strong);
}

.pricing-offer-price strong {
	background: linear-gradient(90deg, var(--pink-bright), var(--blue-soft));
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-size: clamp(44px, 5vw, 65px);
	line-height: 1;
	letter-spacing: -0.06em;
}

.pricing-offer-card .check-list {
	display: grid;
	gap: 12px;
	margin: 3px 0;
	padding: 0;
	border: 0;
}

.pricing-offer-card .button {
	width: 100%;
}

.pricing-offer-card small {
	color: var(--muted);
	font-size: 12px;
}

.pricing-details,
.pricing-factors,
.pricing-choice,
.pricing-faq,
.pricing-cta {
	padding-block: 62px;
}

.pricing-details-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: rgba(8, 17, 29, 0.72);
	overflow: hidden;
}

.pricing-detail-card {
	padding: 34px;
}

.pricing-detail-card + .pricing-detail-card {
	border-left: 1px solid var(--line);
}

.pricing-detail-card > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	margin-bottom: 22px;
	border: 1px solid rgba(118, 213, 255, 0.35);
	border-radius: 14px;
	background: rgba(57, 189, 245, 0.08);
	color: var(--blue-soft);
}

.pricing-detail-card h3 {
	margin-bottom: 10px;
	font-size: 21px;
}

.pricing-detail-card p,
.pricing-factors-grid > div > p,
.pricing-faq-layout > div > p {
	margin-bottom: 0;
	color: var(--muted);
}

.pricing-factors-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	align-items: start;
	gap: clamp(45px, 7vw, 100px);
}

.pricing-factors h2,
.pricing-choice h2,
.pricing-faq h2,
.pricing-cta h2 {
	font-size: clamp(35px, 4.2vw, 58px);
	line-height: 1.05;
	letter-spacing: -0.045em;
}

.pricing-factor-list {
	display: grid;
	margin: 0;
	padding: 0;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
	list-style: none;
}

.pricing-factor-list li {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 18px;
	padding: 24px 27px;
}

.pricing-factor-list li + li {
	border-top: 1px solid var(--line);
}

.pricing-factor-list li > span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(225, 75, 168, 0.18), rgba(57, 189, 245, 0.18));
	color: var(--blue-soft);
	font-weight: 800;
}

.pricing-factor-list div {
	display: grid;
	gap: 4px;
}

.pricing-factor-list small {
	color: var(--muted);
}

.pricing-choice-panel {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: clamp(40px, 7vw, 90px);
	padding: clamp(30px, 5vw, 62px);
	border: 1px solid var(--line);
	border-radius: 24px;
	background:
		linear-gradient(125deg, rgba(225, 75, 168, 0.08), transparent 35%),
		linear-gradient(305deg, rgba(57, 189, 245, 0.08), transparent 40%),
		var(--surface);
}

.pricing-choice-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px;
}

.pricing-choice-columns > div {
	padding-left: 24px;
	border-left: 1px solid var(--line-strong);
}

.pricing-choice-columns strong {
	color: var(--blue-soft);
}

.pricing-choice-columns ul {
	display: grid;
	gap: 9px;
	margin: 17px 0 0;
	padding-left: 18px;
	color: var(--muted-strong);
}

.pricing-faq-layout {
	display: grid;
	grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
	align-items: start;
	gap: clamp(40px, 7vw, 92px);
}

.pricing-faq-layout > div:first-child {
	position: sticky;
	top: 120px;
}

.pricing-faq-list {
	display: grid;
	gap: 12px;
}

.pricing-faq-item {
	border: 1px solid var(--line);
	border-radius: 14px;
	background: var(--surface);
	overflow: hidden;
}

.pricing-faq-item summary {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 16px;
	padding: 22px 24px;
	font-weight: 750;
	cursor: pointer;
	list-style: none;
}

.pricing-faq-item summary::-webkit-details-marker {
	display: none;
}

.pricing-faq-item summary .material-symbols-outlined {
	color: var(--blue-soft);
	transition: transform 180ms ease;
}

.pricing-faq-item[open] summary .material-symbols-outlined {
	transform: rotate(45deg);
}

.pricing-faq-item p {
	margin: 0;
	padding: 0 24px 24px;
	color: var(--muted);
}

.pricing-cta-panel {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 40px;
	padding: clamp(30px, 5vw, 58px);
	border: 1px solid transparent;
	border-radius: 24px;
	background:
		linear-gradient(var(--surface), var(--surface)) padding-box,
		linear-gradient(90deg, var(--pink), var(--purple), var(--blue)) border-box;
}

.pricing-cta-panel h2 {
	max-width: 820px;
	margin-bottom: 0;
}

.pricing-cta-actions {
	display: grid;
	gap: 12px;
	min-width: 220px;
}

[data-reveal] {
	opacity: 1;
	transform: none;
	transition: opacity 620ms ease, transform 620ms ease;
}

[data-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
	[data-reveal] {
		opacity: 1;
		transform: translateY(24px);
	}

	[data-reveal].is-visible {
		opacity: 1;
		transform: translateY(0);
	}

	.hero-copy[data-reveal] {
		transition-delay: 80ms;
	}

}

/*
 * De ce există:
 * Clarifică noua prezentare comercială a paginii principale fără a ascunde conținutul esențial.
 *
 * Responsabilitate:
 * Stilizează dovada geografică, ofertele delimitate, portofoliul orientat pe probleme și navigarea din footer.
 *
 * Ce NU face:
 * Nu schimbă prețurile, logica formularului sau starea reală a proiectelor prezentate.
 *
 * Depinde de:
 * Markup-ul comercial din front-page.php și footer.php.
 */
.hero-trust-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 22px;
	margin-top: 22px;
}

.hero-trust-row .hero-direct-note {
	margin: 0;
}

.hero-trust-row > p:last-child {
	margin: 0;
	padding-left: 22px;
	border-left: 1px solid rgba(11, 18, 32, 0.2);
	color: #536075;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.level-includes {
	display: grid;
	gap: 10px;
	margin: 22px 0 30px;
	padding: 20px 0 0;
	border-top: 1px solid var(--line);
	list-style: none;
	color: var(--muted-strong);
	font-size: 13px;
	line-height: 1.45;
}

.level-includes li {
	position: relative;
	padding-left: 22px;
}

.level-includes li::before {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--blue-soft);
	font-family: inherit;
	font-size: 15px;
	font-weight: 900;
	content: "✓";
}

.portfolio-problem-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.problem-project-card {
	display: grid;
	grid-template-columns: minmax(210px, 0.82fr) minmax(0, 1.18fr);
	min-height: 390px;
	overflow: hidden;
	border: 1px solid var(--line-strong);
	border-radius: 22px;
	background: #0b1422;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.16);
}

.problem-project-card > img {
	width: 100%;
	height: 100%;
	min-height: 390px;
	object-fit: cover;
	object-position: top center;
	border-right: 1px solid var(--line);
}

.problem-project-copy {
	display: flex;
	flex-direction: column;
	padding: 30px 28px;
}

.problem-project-meta {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.problem-project-meta .kicker {
	margin: 0;
	color: #76d5ff;
	font-size: 10px;
}

.problem-project-meta > span {
	flex: 0 0 auto;
	padding: 6px 8px;
	border: 1px solid var(--line);
	border-radius: 999px;
	color: #d7e1ec;
	font-size: 10px;
	font-weight: 750;
}

.problem-project-copy h3 {
	margin-bottom: 18px;
	font-family: "DM Serif Display", Georgia, serif;
	font-size: clamp(30px, 2.6vw, 42px);
	font-weight: 400;
	line-height: 1;
	color: #f8fafc;
}

.problem-project-copy > p {
	margin: 0 0 12px;
	color: #c6cfda;
	font-size: 14px;
	line-height: 1.65;
}

.problem-project-copy > p strong {
	color: #f8fafc;
}

.problem-project-copy .project-problem {
	padding-top: 16px;
	border-top: 1px solid var(--line);
}

.problem-project-copy > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	margin-top: auto;
	padding-top: 20px;
	color: #76d5ff;
	font-size: 13px;
	font-weight: 800;
}

.problem-project-copy > a .material-symbols-outlined {
	font-size: 18px;
}

.system-project-link div {
	grid-template-columns: 1fr;
	gap: 4px;
}

.system-project-link p {
	grid-column: 1;
}

.footer-nav {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 34px;
}

.footer-nav-group {
	display: grid;
	align-content: start;
	gap: 15px;
}

.footer-nav-group > strong {
	color: #f8fafc;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.footer-nav-group .footer-link-grid {
	grid-template-columns: 1fr;
}

.analysis-next-step {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 13px 0 2px;
	padding: 11px 12px;
	border: 1px solid rgba(57, 189, 245, 0.22);
	border-radius: 10px;
	background: rgba(57, 189, 245, 0.06);
	color: var(--muted-strong);
	font-size: 12px;
	line-height: 1.5;
}

.analysis-next-step .material-symbols-outlined {
	flex: 0 0 auto;
	color: var(--blue-soft);
	font-size: 18px;
}

@media (max-width: 1240px) {
	.problem-project-card { grid-template-columns: 0.72fr 1.28fr; }
	.problem-project-copy { padding: 26px 22px; }
	.problem-project-meta { display: grid; gap: 9px; }
	.problem-project-meta > span { width: fit-content; }
}

@media (max-width: 980px) {
	.portfolio-problem-grid { grid-template-columns: 1fr; }
	.problem-project-card { grid-template-columns: minmax(240px, 0.78fr) minmax(0, 1.22fr); }
}

@media (max-width: 700px) {
	.solution-hero h1 { font-size: clamp(37px, 10.5vw, 49px); }
	.hero-trust-row { display: grid; gap: 12px; }
	.hero-trust-row > p:last-child { padding: 12px 0 0; border-top: 1px solid rgba(11, 18, 32, 0.18); border-left: 0; }
	.problem-project-card { grid-template-columns: 1fr; min-height: 0; }
	.problem-project-card > img { height: 245px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
	.problem-project-copy { padding: 25px 21px 27px; }
	.problem-project-copy h3 { font-size: 34px; }
	.problem-project-copy > a { margin-top: 10px; }
	.footer-nav { grid-template-columns: 1fr 1fr; gap: 24px; }
}

/* Păstrează atributul hidden drept sursa finală de adevăr după regulile responsive istorice. */
.orbit-menu[hidden] { display: none !important; }

@media (max-width: 430px) {
	.footer-nav { grid-template-columns: 1fr; }
}

html[data-color-theme="dark"] .hero-trust-row > p:last-child {
	border-color: var(--line-strong);
	color: var(--muted-strong);
}

@media (max-width: 1240px) {
	.desktop-nav { gap: 17px; padding-inline: 18px; }
	.desktop-nav a { font-size: 13px; }
	.header-whatsapp span:last-child { display: none; }
	.header-whatsapp { width: 42px; padding: 0; justify-content: center; }
}

@media (max-width: 1120px) {
	:root { --shell: 980px; }
	.header-offer { padding-inline: 15px; }
	.language-switch a { min-width: 31px; }
	.hero-grid { grid-template-columns: 0.98fr 1.02fr; }
	.hero-art { margin-inline: -28px -6px; }
	.hero-orbit-link { min-width: 128px; gap: 8px; font-size: 12px; }
	.hero-orbit-link > span { width: 40px; height: 40px; font-size: 19px; }
	.hero h1 { font-size: clamp(44px, 5.4vw, 63px); }
	.proof-item { padding-inline: 18px; }
	.offer-summary, .offer-action { padding: 28px; }
	.check-list { padding-inline: 28px; }
	.seo-layout { grid-template-columns: 1fr; gap: 30px; }
	.pricing-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr); gap: 45px; }
}

@media (max-width: 900px) {
	.shell { width: min(calc(100% - 38px), var(--shell)); }
	.header-inner { min-height: 76px; }
	.desktop-nav,
	.header-whatsapp,
	.language-switch { display: none; }
	.header-actions .menu-toggle { display: inline-grid; }
	.orbit-menu { display: grid; }
	.hero { padding-top: 48px; }
	.hero-grid { grid-template-columns: 1fr; gap: 12px; min-height: 0; }
	.hero-copy { max-width: 700px; }
	.hero-art { display: none; }
	.proof-grid { grid-template-columns: 1fr 1fr; }
	.proof-item:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
	.proof-item:nth-child(4) { border-top: 1px solid var(--line); }
	.offer-band { grid-template-columns: 1fr 1fr; }
	.offer-summary { border-right: 1px solid var(--line); }
	.offer-action { grid-column: 1 / -1; border-top: 1px solid var(--line); border-left: 0; }
	.projects-grid { grid-template-columns: 1fr 1fr; }
	.project-card:last-child { grid-column: 1 / -1; }
	.process-grid { grid-template-columns: 1fr 1fr; border-top: 0; gap: 18px; }
	.process-grid::before { display: none; }
	.process-step { min-height: auto; padding: 60px 26px 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
	.process-step + .process-step { border-left: 1px solid var(--line); }
	.step-number { top: 18px; left: 24px; width: 36px; height: 36px; }
	.contact-panel { grid-template-columns: 1fr; gap: 28px; }
	.faq-layout { grid-template-columns: 1fr; gap: 28px; }
	.faq-layout .section-intro { position: static; }
	.footer-callout { grid-template-columns: 1fr; gap: 24px; }
	.footer-callout-action { grid-template-columns: minmax(220px, 320px) 1fr; align-items: center; }
	.footer-main { grid-template-columns: 1fr 1fr; gap: 38px 54px; }
	.footer-brand-block { grid-column: 1 / -1; }
	.pricing-hero-grid,
	.pricing-factors-grid,
	.pricing-choice-panel,
	.pricing-faq-layout,
	.pricing-cta-panel { grid-template-columns: 1fr; }
	.pricing-hero-copy { max-width: 800px; }
	.pricing-offer-card { max-width: 680px; }
	.pricing-faq-layout > div:first-child { position: static; }
	.pricing-cta-actions { grid-template-columns: 1fr 1fr; width: 100%; }
	.orbit-menu-panel { height: min(100%, 760px); }
	.orbit-link-services { top: 7%; right: 5%; }
	.orbit-link-projects { top: 26%; right: 0; }
	.orbit-link-process { top: 45%; right: 0; }
	.orbit-link-about { top: 64%; right: 0; }
	.orbit-link-contact { top: 82%; right: 5%; }
}

@media (min-width: 1181px) {
	.orbit-menu { display: none !important; }
}

@media (max-width: 700px) {
	.shell { width: min(calc(100% - 28px), var(--shell)); }
	.header-offer { display: none; }
	.brand { font-size: 16px; }
	.brand img { width: 38px; height: 38px; }
	.menu-toggle { width: 44px; height: 44px; }
	.hero { padding: 38px 0 35px; }
	.hero-copy { padding-left: 0; }
	.eyebrow-outline { margin-bottom: 20px; }
	.hero h1 { font-size: clamp(41px, 12vw, 58px); }
	.hero-lead { font-size: 16px; }
	.hero-actions .button { width: 100%; }
	.hero-facts { gap: 10px 20px; }
	.proof-section, .offer-section, .portfolio-section, .process-section, .seo-section, .faq-section, .contact-section { padding-block: 27px; }
	.proof-panel { padding: 22px; }
	.section-intro { display: block; }
	.proof-grid { grid-template-columns: 1fr; }
	.proof-item { padding: 22px 5px; }
	.proof-item + .proof-item { border-left: 0; border-top: 1px solid var(--line); }
	.offer-band { grid-template-columns: 1fr; }
	.offer-summary, .offer-action { padding: 26px 24px; }
	.offer-summary { border-right: 0; }
	.check-list { padding: 25px 24px; border-top: 1px solid var(--line); }
	.offer-action { grid-column: auto; }
	.section-heading { grid-template-columns: 1fr; gap: 18px; }
	.projects-grid { grid-template-columns: 1fr; }
	.project-card:last-child { grid-column: auto; }
	.process-grid { grid-template-columns: 1fr; }
	.seo-section { padding-block: 50px; }
	.seo-grid { grid-template-columns: 1fr; }
	.seo-grid article + article { border-left: 0; border-top: 1px solid var(--line); }
	.faq-list summary { padding: 19px 18px; font-size: 16px; }
	.faq-list details p { padding: 0 18px 19px; }
	.contact-panel { padding: 25px; }
	.contact-option { grid-template-columns: 42px 1fr; }
	.contact-option b, .contact-option > i { grid-column: 2; }
	.contact-trust { grid-template-columns: 1fr; justify-items: start; }
	.contact-trust li { justify-content: flex-start; }
	.footer-callout { padding-block: 38px 34px; }
	.footer-callout-copy h2 { font-size: clamp(31px, 9vw, 41px); }
	.footer-callout-action { grid-template-columns: 1fr; }
	.footer-callout-action .button { width: 100%; }
	.footer-main { grid-template-columns: 1fr; gap: 32px; padding-block: 34px 30px; }
	.footer-brand-block { grid-column: auto; }
	.footer-nav,
	.footer-legal { padding-top: 28px; border-top: 1px solid rgba(169, 190, 220, 0.18); }
	.footer-link-grid { gap-block: 12px; }
	.footer-bottom { display: grid; }
	.orbit-menu { padding: 8px; }
	.orbit-menu-panel { height: 100%; padding: 18px; border-radius: 20px; }
	.orbit-menu-content { min-height: 430px; }
	.orbit-links { position: relative; display: grid; align-content: center; gap: 8px; padding-top: 30px; }
	.orbit-link { position: static; grid-template-columns: 32px 42px auto; width: 100%; min-width: 0; }
	.orbit-link:hover { transform: translateX(5px); }
	.orbit-menu-footer { align-items: flex-start; flex-wrap: wrap; }
	.orbit-menu-footer p { width: 100%; }
	.cookie-consent { left: 12px; bottom: 12px; width: calc(100% - 24px); }
	.modal-dialog, .cookie-dialog { padding: 28px 20px 22px; }
	.form-row { grid-template-columns: 1fr; }
	.pricing-hero { padding: 35px 0 42px; }
	.pricing-breadcrumbs { margin-bottom: 28px; }
	.pricing-hero h1 { font-size: clamp(39px, 11vw, 57px); }
	.pricing-details,
	.pricing-factors,
	.pricing-choice,
	.pricing-faq,
	.pricing-cta { padding-block: 35px; }
	.pricing-details-grid,
	.pricing-choice-columns { grid-template-columns: 1fr; }
	.pricing-detail-card + .pricing-detail-card { border-left: 0; border-top: 1px solid var(--line); }
	.pricing-choice-columns > div { padding-left: 19px; }
	.pricing-cta-actions { grid-template-columns: 1fr; }
}

/* Biblioteca editorială: hub, articole și intrarea de pe homepage. */
.home-guides { padding: 96px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home-guides-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: clamp(50px, 8vw, 140px); align-items: end; margin-bottom: 48px; }
.home-guides-heading h2 { max-width: 850px; margin: 0; font-size: clamp(42px, 4.2vw, 70px); line-height: 1; letter-spacing: -.05em; }
.home-guides-heading > div:last-child { padding-left: 30px; border-left: 1px solid var(--line-strong); }
.home-guides-heading > div:last-child > strong { color: var(--blue-soft); font-size: 28px; }
.home-guides-heading > div:last-child > p { margin: 8px 0 20px; color: var(--muted-strong); }
.home-guides-heading a { display: inline-flex; align-items: center; gap: 7px; color: var(--pink-bright); font-weight: 800; }
.home-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.home-guide-card { display: flex; min-height: 330px; flex-direction: column; padding: 36px; color: var(--text); border-right: 1px solid var(--line); transition: background .25s ease, transform .25s ease; }
.home-guide-card:last-child { border-right: 0; }
.home-guide-card:hover { background: var(--surface); transform: translateY(-4px); }
.home-guide-card > .material-symbols-outlined { color: var(--blue-soft); font-size: 30px; }
.home-guide-card > p { margin: 38px 0 12px; color: var(--pink-bright); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.home-guide-card h3 { max-width: 400px; margin: 0; font-size: 26px; line-height: 1.12; }
.home-guide-card strong { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--muted-strong); font-size: 14px; }
.home-guide-card strong i { font-style: normal; font-size: 18px; }

.guides-page { min-height: 100vh; }
.guides-hero { padding: 78px 0 88px; border-bottom: 1px solid var(--line); }
.guides-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: clamp(60px, 8vw, 150px); align-items: end; }
.guides-hero h1 { max-width: 900px; margin: 22px 0; font-size: clamp(58px, 6.5vw, 108px); line-height: .92; letter-spacing: -.065em; }
.guides-hero-grid > div:first-child > p:last-child { max-width: 760px; color: var(--muted-strong); font-size: 19px; }
.guides-hero-index { padding: 34px 0 0 42px; border-left: 1px solid var(--line-strong); }
.guides-hero-index > strong { display: block; color: var(--pink-bright); font-size: clamp(70px, 7vw, 118px); line-height: .85; }
.guides-hero-index > span { display: block; margin: 15px 0 30px; color: var(--muted); font-weight: 700; }
.guides-hero-index ol { padding: 0; margin: 0; list-style: none; }
.guides-hero-index li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 11px 0; border-top: 1px solid var(--line); color: var(--muted-strong); }
.guides-hero-index li span { color: var(--blue-soft); font-size: 12px; font-weight: 800; }
.guide-category-nav { position: sticky; z-index: 15; top: 84px; border-bottom: 1px solid var(--line); background: rgba(2, 5, 10, .94); backdrop-filter: blur(18px); }
.guide-category-nav .shell { display: flex; gap: 8px; overflow-x: auto; padding-block: 13px; scrollbar-width: none; }
.guide-category-nav a { flex: 0 0 auto; padding: 9px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted-strong); font-size: 12px; font-weight: 700; }
.guide-category-nav a:hover { border-color: var(--blue); color: var(--text); }
.guide-category { padding: 82px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 150px; }
.guide-category-heading { display: grid; grid-template-columns: 220px 1fr; align-items: end; margin-bottom: 34px; }
.guide-category-heading h2 { margin: 0; font-size: clamp(42px, 4vw, 66px); }
.guide-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
.guide-card { display: flex; min-width: 0; max-width: 100%; min-height: 390px; flex-direction: column; padding: 30px; color: var(--text); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.012); overflow-wrap: anywhere; transition: background .25s ease, border-color .25s ease; }
.guide-card:hover { border-color: rgba(118,213,255,.35); background: var(--surface); }
.guide-card-icon { color: var(--blue-soft); font-size: 28px; }
.guide-card-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; margin: 34px 0 16px; color: var(--pink-bright); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.guide-card h3 { margin: 0 0 14px; font-size: 24px; line-height: 1.15; }
.guide-card > p:not(.guide-card-meta) { margin: 0; color: var(--muted); font-size: 14px; }
.guide-card > strong { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 26px; color: var(--muted-strong); font-size: 13px; }
.guide-card > strong .material-symbols-outlined { font-size: 18px; }

.guide-article-hero { padding: 64px 0 82px; border-bottom: 1px solid var(--line); }
.guide-article-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); gap: clamp(55px, 8vw, 140px); align-items: end; }
.guide-article-hero-grid > * { min-width: 0; }
.guide-article-hero h1 { max-width: 980px; margin: 22px 0; overflow-wrap: anywhere; font-size: clamp(52px, 5.7vw, 94px); line-height: .95; letter-spacing: -.06em; }
.guide-article-lead { max-width: 830px; color: var(--muted-strong); font-size: 20px; line-height: 1.65; }
.guide-article-meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; color: var(--muted); font-size: 12px; }
.guide-article-meta span { display: inline-flex; align-items: center; gap: 7px; }
.guide-article-meta i { color: var(--blue-soft); font-size: 18px; }
.guide-answer-card { padding: 34px; border: 1px solid var(--line-strong); border-radius: 22px; background: var(--surface); }
.guide-answer-card > .material-symbols-outlined { color: var(--pink-bright); font-size: 34px; }
.guide-answer-card p { margin: 34px 0 10px; color: var(--blue-soft); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.guide-answer-card strong { display: block; font-size: 17px; line-height: 1.65; }
.guide-reading-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(60px, 8vw, 130px); align-items: start; padding-block: 86px; }
.guide-reading-body { max-width: 900px; }
.guide-reading-body > section { padding: 0 0 62px; margin-bottom: 62px; border-bottom: 1px solid var(--line); }
.guide-reading-body h2 { max-width: 780px; margin: 12px 0 22px; font-size: clamp(36px, 3.6vw, 58px); line-height: 1.02; }
.guide-reading-body section > p:not(.kicker) { max-width: 820px; color: var(--muted-strong); font-size: 18px; line-height: 1.8; }
.guide-checklist { padding: 0; margin: 34px 0 0; list-style: none; border-top: 1px solid var(--line-strong); }
.guide-checklist li { display: grid; grid-template-columns: 64px 1fr; gap: 22px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.guide-checklist span { color: var(--pink-bright); font-size: 13px; font-weight: 800; }
.guide-checklist strong { font-size: 20px; }
.guide-reading-aside { position: sticky; top: 150px; padding: 32px; border: 1px solid var(--line-strong); border-radius: 22px; background: var(--surface); }
.guide-reading-aside h2 { margin: 10px 0 16px; font-size: 31px; line-height: 1.05; }
.guide-reading-aside > p:not(.kicker) { color: var(--muted); }
.guide-reading-aside .button { width: 100%; margin-top: 14px; }
.guide-sources { padding: 34px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.02); }
.guide-sources h2 { margin-top: 0; font-size: 28px; }
.guide-sources p { color: var(--muted); }
.guide-sources > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
.guide-sources a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted-strong); font-size: 13px; }
.guide-sources a:hover { border-color: var(--blue); color: var(--text); }
.guide-sources .material-symbols-outlined { font-size: 16px; }
.related-guides { padding: 82px 0 98px; border-top: 1px solid var(--line); }

@media (max-width: 1100px) {
	.home-guides-heading,
	.guides-hero-grid,
	.guide-article-hero-grid { grid-template-columns: 1fr; }
	.home-guides-heading > div:last-child,
	.guides-hero-index { max-width: 720px; padding-left: 0; border-left: 0; }
	.guide-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.guide-reading-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 50px; }
}

@media (max-width: 800px) {
	.home-guide-grid,
	.guide-card-grid,
	.guide-reading-layout { grid-template-columns: 1fr; }
	.home-guide-card { min-height: 270px; border-right: 0; border-bottom: 1px solid var(--line); }
	.home-guide-card:last-child { border-bottom: 0; }
	.guide-category-nav { top: 72px; }
	.guide-category-heading { grid-template-columns: 1fr; gap: 8px; }
	.guide-card { min-height: 330px; }
	.guide-reading-aside { position: static; }
}

@media (max-width: 700px) {
	.home-guides,
	.guide-category,
	.related-guides { padding: 62px 0; }
	.home-guides-heading { gap: 32px; margin-bottom: 32px; }
	.home-guides-heading h2 { font-size: 40px; }
	.home-guide-card { padding: 28px 22px; }
	.guides-hero,
	.guide-article-hero { padding: 42px 0 58px; }
	.guides-hero h1,
	.guide-article-hero h1 { font-size: 48px; }
	.guides-hero-grid,
	.guide-article-hero-grid { gap: 38px; }
	.guides-hero-index { padding-top: 10px; }
	.guide-answer-card { padding: 26px 22px; }
	.guide-reading-layout { padding-block: 58px; }
	.guide-reading-body > section { padding-bottom: 44px; margin-bottom: 44px; }
	.guide-reading-body section > p:not(.kicker) { font-size: 16px; }
	.guide-checklist li { grid-template-columns: 42px 1fr; gap: 12px; }
	.guide-checklist strong { font-size: 17px; }
	.guide-sources { padding: 26px 20px; }
	.guide-sources > div { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
	.hero h1 br { display: none; }
	.hero-facts { display: grid; }
	.offer-price strong { font-size: 37px; }
	.project-copy { padding: 19px; }
	.contact-option b { font-size: 20px; }
	.cookie-consent { grid-template-columns: 46px 1fr; padding: 15px; }
	.cookie-icon { width: 46px; height: 46px; }
	.channel-choice,
	.analysis-submit-row { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
	[data-reveal] { opacity: 1; transform: none; }
}

/*
 * Arhitectură multipagină 2026.
 * Acest strat păstrează componentele funcționale existente și aliniază noile pagini
 * la direcția vizuală combinată aprobată: mesaj puternic, flux operațional și proiecte explicate.
 */

.site-header {
	position: sticky;
	top: 0;
}

.multipage-nav {
	gap: clamp(14px, 1.45vw, 26px);
}

.multipage-nav a {
	font-size: 13px;
	white-space: nowrap;
}

.language-switch {
	flex-shrink: 0;
}

.language-switch a {
	min-width: 31px;
}

.solution-hero {
	min-height: 760px;
	padding: 72px 0 82px;
	overflow: hidden;
	border-bottom: 1px solid var(--line);
}

.solution-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(560px, 1.12fr);
	align-items: center;
	gap: clamp(46px, 6vw, 92px);
}

.solution-hero-copy {
	position: relative;
	z-index: 3;
}

.solution-hero .kicker,
.inner-hero .kicker {
	margin-bottom: 24px;
}

.solution-hero h1 {
	max-width: 690px;
	margin-bottom: 24px;
	font-size: clamp(54px, 5.2vw, 78px);
	line-height: 0.98;
	letter-spacing: -0.06em;
}

.solution-hero h1 span,
.inner-hero h1 span {
	color: var(--pink-bright);
}

.solution-hero .hero-lead {
	max-width: 630px;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.7;
}

.hero-trust-line {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 27px;
	padding: 0;
	margin: 32px 0 0;
	list-style: none;
	color: var(--muted-strong);
	font-size: 13px;
}

.hero-trust-line li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.hero-trust-line .material-symbols-outlined {
	color: var(--pink-bright);
	font-size: 20px;
}

.business-flow {
	position: relative;
	min-height: 620px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.business-system-visual {
	position: relative;
	z-index: 3;
	width: 136%;
	max-width: none;
	height: auto;
	transform: translateX(-1%);
	filter: drop-shadow(0 28px 52px rgba(15, 126, 255, 0.13));
}

.business-flow > .flow-orbit,
.business-flow > .flow-steps,
.business-flow > .flow-preview {
	display: none;
}

.flow-orbit {
	position: absolute;
	inset: -8% -10% -8% -3%;
	opacity: 0.56;
	pointer-events: none;
}

.flow-orbit img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.flow-steps {
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.flow-steps li {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 9px;
	font-size: 12px;
	color: var(--muted-strong);
}

.flow-steps li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 28px;
	left: 72%;
	width: 55%;
	height: 1px;
	background: var(--line-strong);
}

.flow-steps .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(225, 75, 168, 0.52);
	border-radius: 50%;
	background: rgba(8, 17, 29, 0.94);
	color: var(--pink-bright);
	box-shadow: 0 0 28px rgba(225, 75, 168, 0.18);
}

.flow-steps li:nth-child(n+3) .material-symbols-outlined {
	border-color: rgba(57, 189, 245, 0.48);
	color: var(--blue-soft);
	box-shadow: 0 0 28px rgba(57, 189, 245, 0.16);
}

.flow-preview {
	position: relative;
	z-index: 3;
	width: min(480px, 78%);
	margin-top: 96px;
	padding: 24px;
	border: 1px solid var(--line-strong);
	border-radius: 22px;
	background: rgba(6, 13, 23, 0.96);
	box-shadow: var(--shadow);
	transform: rotate(-2deg);
}

.flow-preview-head {
	display: flex;
	align-items: center;
	gap: 6px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--line);
}

.flow-preview-head > span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--pink);
}

.flow-preview-head > span:nth-child(2) { background: var(--purple); }
.flow-preview-head > span:nth-child(3) { background: var(--blue); }
.flow-preview-head strong { margin-left: auto; font-size: 13px; color: var(--muted-strong); }

.flow-preview-body {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 18px 0;
}

.flow-preview-body > div {
	padding: 14px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--surface-soft);
}

.flow-preview-body small { display: block; min-height: 38px; color: var(--muted); font-size: 11px; }
.flow-preview-body strong { display: block; margin-top: 8px; font-size: 25px; }
.flow-preview > ul { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
.flow-preview > ul li { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border-bottom: 1px solid var(--line); color: var(--muted-strong); font-size: 13px; }
.flow-preview > ul .material-symbols-outlined { color: var(--blue-soft); font-size: 19px; }

.solution-levels,
.project-depth,
.home-process,
.studio-cta,
.detail-section {
	padding: 92px 0;
}

.section-intro.centered {
	max-width: 820px;
	margin: 0 auto 50px;
	text-align: center;
}

.section-intro.centered h2,
.section-intro h2 {
	font-size: clamp(38px, 4.2vw, 62px);
	line-height: 1.05;
	letter-spacing: -0.045em;
}

.section-intro.centered > p:last-child {
	max-width: 720px;
	margin: 20px auto 0;
	color: var(--muted);
}

.level-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.level-item {
	display: flex;
	flex-direction: column;
	min-height: 440px;
	padding: 40px 34px;
	border-right: 1px solid var(--line);
}

.level-item:last-child { border-right: 0; }
.level-item.is-featured { background: var(--surface); }
.level-icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 30px; border: 1px solid var(--line-strong); border-radius: 16px; color: var(--pink-bright); font-size: 30px; }
.level-item.is-featured .level-icon { color: var(--blue-soft); }
.level-item h3 { margin-bottom: 12px; font-size: 25px; }
.level-price { display: flex; align-items: baseline; gap: 8px; margin-bottom: 20px; color: var(--muted); }
.level-price strong { color: var(--pink-bright); font-size: 42px; line-height: 1; }
.level-item.is-featured .level-price strong { color: var(--blue-soft); }
.level-item > p:not(.level-price) { color: var(--muted); }
.level-item > a,
.level-item > button { display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 0; margin-top: auto; border: 0; background: transparent; color: var(--blue-soft); cursor: pointer; font-weight: 700; }

.price-clarity {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	padding-top: 30px;
	text-align: center;
}

.price-clarity p { margin: 0; color: var(--muted); }

.project-depth {
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	background: var(--bg-deep);
}

.depth-list { display: grid; gap: 28px; }
.depth-project { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); align-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); }
.depth-visual { padding: 24px; }
.depth-visual img { display: block; width: 100%; height: auto; border: 1px solid var(--line-strong); border-radius: 14px; }
.depth-copy { padding: 42px; }
.depth-copy h3 { margin-bottom: 16px; font-size: clamp(34px, 3vw, 50px); }
.depth-copy > p:not(.kicker) { color: var(--muted); }
.capability-tags { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 24px 0; list-style: none; }
.capability-tags li { padding: 7px 11px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--muted-strong); font-size: 12px; }
.depth-copy > a,
.section-intro > a { display: inline-flex; align-items: center; gap: 7px; color: var(--pink-bright); font-weight: 700; }
.compact-projects { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.compact-project { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); transition: transform .25s ease, border-color .25s ease; }
.compact-project:hover { border-color: rgba(57, 189, 245, .32); transform: translateY(-4px); }
.compact-project > img { display: block; width: 100%; height: clamp(300px, 25vw, 360px); object-fit: contain; object-position: center; border-bottom: 1px solid var(--line); border-radius: 0; background: #f7f9fb; }
.compact-project-copy { display: flex; flex: 1; flex-direction: column; padding: 30px 32px 32px; }
.compact-project-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.compact-project-meta .kicker { margin: 0; }
.compact-project-meta > span { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.compact-project-meta .material-symbols-outlined { color: var(--blue-soft); font-size: 16px; }
.compact-project h3 { margin: 27px 0 10px; font-size: 30px; }
.compact-project-copy > p:not(.kicker) { max-width: 520px; margin: 0; color: var(--muted); font-size: 15px; }
.compact-project-copy > a { display: inline-flex; align-items: center; gap: 7px; width: fit-content; margin-top: 28px; color: var(--pink-bright); font-weight: 700; }
.compact-project-copy > a .material-symbols-outlined { font-size: 19px; transition: transform .2s ease; }
.compact-project-copy > a:hover .material-symbols-outlined { transform: translateX(4px); }
.section-action { display: flex; justify-content: center; padding-top: 38px; }

.home-process-grid {
	display: grid;
	grid-template-columns: minmax(460px, 0.92fr) minmax(540px, 1.08fr);
	gap: clamp(64px, 7vw, 128px);
	align-items: start;
}

.home-process .section-intro {
	display: block;
	position: sticky;
	top: 130px;
	max-width: 650px;
	margin: 0;
}

.home-process .section-intro .kicker {
	max-width: none;
	margin: 0 0 22px;
	color: var(--blue-soft);
}

.home-process .section-intro h2 {
	max-width: 640px;
	margin: 0;
	font-size: clamp(48px, 4.1vw, 70px);
	line-height: 0.98;
}

.home-process .section-intro h2 span {
	display: block;
	color: var(--pink-bright);
}

.home-process .section-intro > p:not(.kicker) {
	max-width: 590px;
	margin: 28px 0 0;
	color: var(--muted-strong);
	font-size: 17px;
	line-height: 1.75;
}

.home-process .section-intro > a {
	margin-top: 28px;
	font-size: 16px;
}

.home-process-steps {
	padding: 0;
	margin: 0;
	border-top: 1px solid var(--line-strong);
	list-style: none;
}

.home-process-steps li {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 24px;
	padding: 31px 0;
	border-bottom: 1px solid var(--line);
}

.home-process-steps > li > span {
	padding-top: 4px;
	color: var(--pink-bright);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .05em;
}

.home-process-steps > li:nth-child(even) > span { color: var(--blue-soft); }
.home-process-steps h3 { margin-bottom: 7px; color: var(--text); font-size: 24px; line-height: 1.2; }
.home-process-steps p { margin: 0; color: var(--muted-strong); font-size: 16px; line-height: 1.6; }

.studio-cta { padding-top: 24px; }
.studio-cta-panel { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 50px; padding: 48px; border: 1px solid var(--line-strong); border-radius: 24px; background: var(--surface); }
.studio-cta-panel h2 { max-width: 840px; margin-bottom: 12px; font-size: clamp(34px, 3.6vw, 54px); line-height: 1.06; letter-spacing: -0.04em; }
.studio-cta-panel p:last-child { margin-bottom: 0; color: var(--muted); }

.system-principle { padding: 28px 0 58px; }
.system-principle-panel { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 70px; align-items: center; padding: 42px; border: 1px solid var(--line-strong); border-radius: 24px; background: rgba(255, 255, 255, 0.025); }
.system-principle-copy h2 { margin-bottom: 14px; font-size: clamp(34px, 3.6vw, 52px); line-height: 1.04; letter-spacing: -0.045em; }
.system-principle-copy > p:last-child { margin-bottom: 0; color: var(--muted); }
.system-layers { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.system-layers li { position: relative; display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 14px; min-height: 78px; padding: 12px 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(7, 12, 22, 0.78); }
.system-layers li:not(:last-child)::after { content: ""; position: absolute; left: 43px; top: 100%; width: 1px; height: 9px; background: var(--blue); opacity: 0.55; }
.system-layers .material-symbols-outlined { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(57, 189, 245, 0.35); border-radius: 12px; color: var(--blue-soft); }
.system-layers div { display: grid; grid-template-columns: 32px auto 1fr; align-items: center; gap: 8px; }
.system-layers small { color: var(--pink-bright); font-weight: 800; }
.system-layers strong { font-size: 15px; }
.system-layers p { margin: 0; color: var(--muted); font-size: 12px; text-align: right; }

.inner-hero {
	position: relative;
	padding: 58px 0 72px;
	overflow: hidden;
	border-bottom: 1px solid var(--line);
}

/* Păstrează umbrele și elementele decorative ale paginilor interne în cadrul ecranului, fără a bloca scroller-ele locale. */
.studio-inner-page {
	overflow-x: hidden;
	overflow-x: clip;
}

.inner-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.8; }
.inner-hero--services::before { background: radial-gradient(circle at 82% 45%, rgba(255, 85, 128, 0.12), transparent 30%); }
.inner-hero--systems::before { background: linear-gradient(135deg, transparent 45%, rgba(57, 189, 245, 0.09)); }
.inner-hero--pricing::before { background: radial-gradient(ellipse at 80% 25%, rgba(245, 158, 11, 0.11), transparent 34%); }
.inner-hero--projects::before { background: linear-gradient(120deg, rgba(124, 92, 255, 0.09), transparent 48%); }
.inner-hero--process::before { background: repeating-linear-gradient(125deg, transparent 0 70px, rgba(57, 189, 245, 0.035) 71px 72px); }
.inner-hero--about::before { background: radial-gradient(circle at 78% 52%, rgba(22, 163, 74, 0.1), transparent 31%); }
.inner-hero--contact::before { background: radial-gradient(circle at 78% 52%, rgba(255, 85, 128, 0.11), transparent 29%); }
.inner-hero > .shell { position: relative; z-index: 1; }

.inner-hero-grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(400px, 0.6fr); align-items: center; gap: 80px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 50px; color: var(--muted); font-size: 13px; }
.breadcrumbs a { color: var(--blue-soft); }
.inner-hero h1 { max-width: 850px; margin-bottom: 24px; font-size: clamp(50px, 5.2vw, 78px); line-height: 1; letter-spacing: -0.055em; }
.inner-lead { max-width: 720px; margin-bottom: 30px; color: var(--muted-strong); font-size: 19px; line-height: 1.7; }
.inner-hero-mark { position: relative; min-height: 470px; display: grid; place-items: center; }
.inner-hero-mark img { position: absolute; width: 600px; max-width: none; opacity: 0.62; }
.inner-hero-mark > span { position: relative; z-index: 2; display: grid; place-items: center; width: 110px; height: 110px; border: 1px solid var(--line-strong); border-radius: 28px; background: var(--surface); color: var(--pink-bright); font-size: 54px; box-shadow: var(--shadow); }
.inner-hero--systems .inner-hero-mark img { transform: rotate(26deg) scale(1.08); }
.inner-hero--pricing .inner-hero-mark img { transform: scale(0.86); filter: sepia(0.25); }
.inner-hero--projects .inner-hero-mark img { transform: rotate(-18deg) scale(1.12); }
.inner-hero--process .inner-hero-mark img { transform: rotate(44deg) scale(0.92); }
.inner-hero--about .inner-hero-mark img { transform: scale(0.78); opacity: 0.48; }
.inner-hero--contact .inner-hero-mark img { transform: rotate(-32deg) scale(1.05); }
.hero-action-note { display: flex; align-items: center; gap: 7px; margin: 14px 0 0; color: var(--muted); font-size: 12px; }
.hero-action-note .material-symbols-outlined { color: var(--blue-soft); font-size: 17px; }

.system-console {
	position: relative;
	width: min(100%, 620px);
	margin-left: auto;
	border: 1px solid rgba(95, 205, 255, 0.3);
	border-radius: 24px;
	background: rgba(7, 12, 22, 0.94);
	color: #f8fafc;
	--text: #f8fafc;
	--muted: #9aa8ba;
	--muted-strong: #c6cfda;
	--line: rgba(169, 190, 220, 0.17);
	--line-strong: rgba(180, 204, 235, 0.31);
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.48), 0 0 70px rgba(57, 189, 245, 0.08);
	overflow: hidden;
}

.system-console::before {
	content: "";
	position: absolute;
	inset: -35% 50% 40% -15%;
	border-radius: 50%;
	background: rgba(229, 46, 146, 0.1);
	filter: blur(38px);
	pointer-events: none;
}

.system-console-bar {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 15px;
	min-height: 55px;
	padding: 0 18px;
	border-bottom: 1px solid var(--line);
	background: rgba(255, 255, 255, 0.025);
}

.system-console-bar > span { display: flex; gap: 5px; }
.system-console-bar > span i { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); }
.system-console-bar > span i:first-child { background: var(--pink-bright); }
.system-console-bar > span i:nth-child(2) { background: #f59e0b; }
.system-console-bar > span i:last-child { background: var(--blue-soft); }
.system-console-bar strong { overflow: hidden; color: #c7d6e8; font-size: 10px; letter-spacing: 0.13em; text-overflow: ellipsis; white-space: nowrap; }
.system-console-bar em { display: inline-flex; align-items: center; gap: 6px; color: #8edbb1; font-size: 10px; font-style: normal; }
.system-console-bar em span { width: 6px; height: 6px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 12px #3ddc84; }

.system-console-body { position: relative; display: grid; grid-template-columns: 0.88fr 1.12fr; min-height: 365px; }
.system-console-flow { display: grid; align-content: stretch; padding: 18px; border-right: 1px solid var(--line); }
.system-console-flow button { position: relative; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 11px; width: 100%; padding: 13px 12px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: var(--muted-strong); text-align: left; cursor: pointer; transition: 160ms ease; }
.system-console-flow button::after { content: ""; position: absolute; left: 33px; top: calc(100% - 4px); width: 1px; height: 18px; background: var(--line-strong); }
.system-console-flow button:last-child::after { display: none; }
.system-console-flow button:hover { background: rgba(255, 255, 255, 0.035); color: var(--text); }
.system-console-flow button.is-active { border-color: rgba(57, 189, 245, 0.42); background: rgba(57, 189, 245, 0.08); color: var(--text); box-shadow: inset 3px 0 0 var(--blue); }
.system-console-flow .material-symbols-outlined { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line-strong); border-radius: 11px; color: var(--pink-bright); font-size: 21px; }
.system-console-flow button.is-active .material-symbols-outlined { border-color: rgba(57, 189, 245, 0.48); color: var(--blue-soft); }
.system-console-flow strong { font-size: 13px; }
.system-console-flow small { color: #526276; font-size: 9px; }

.system-console-result { display: flex; flex-direction: column; justify-content: center; padding: 30px; }
.console-result-head { display: flex; align-items: center; gap: 8px; margin-bottom: 30px; color: var(--blue-soft); }
.console-result-head .material-symbols-outlined { font-size: 21px; }
.console-result-head small { font-size: 9px; font-weight: 800; letter-spacing: 0.12em; }
.system-console-result > strong { max-width: 270px; color: var(--text); font-size: 27px; line-height: 1.08; letter-spacing: -0.035em; }
.system-console-result > p { min-height: 70px; margin: 16px 0 26px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.console-signal { display: flex; align-items: end; gap: 5px; height: 52px; padding-top: 10px; border-top: 1px solid var(--line); }
.console-signal i { flex: 1; height: 18%; border-radius: 3px 3px 0 0; background: var(--blue); opacity: 0.35; }
.console-signal i:nth-child(2) { height: 34%; }
.console-signal i:nth-child(3) { height: 27%; }
.console-signal i:nth-child(4) { height: 58%; background: var(--pink-bright); opacity: 0.58; }
.console-signal i:nth-child(5) { height: 49%; }
.console-signal i:nth-child(6) { height: 72%; }
.console-signal i:nth-child(7) { height: 95%; opacity: 0.8; }

.system-console-footer { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border-top: 1px solid var(--line); background: var(--line); }
.system-console-footer span { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 46px; padding: 8px; background: rgba(7, 12, 22, 0.96); color: var(--muted); font-size: 9px; font-weight: 700; text-align: center; }
.system-console-footer .material-symbols-outlined { color: var(--blue-soft); font-size: 15px; }

.detail-section { background: var(--bg-deep); }
.detail-grid { display: grid; gap: 1px; margin-top: 45px; border: 1px solid var(--line); background: var(--line); }
.detail-grid.three { grid-template-columns: repeat(3, 1fr); }
.detail-grid article { min-height: 290px; padding: 38px; background: var(--surface); }
.detail-grid article > .material-symbols-outlined { margin-bottom: 40px; color: var(--pink-bright); font-size: 42px; }
.detail-grid h3 { font-size: 24px; }
.detail-grid p { color: var(--muted); }

.system-map { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 45px; }
.system-map article { min-height: 180px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.system-map .material-symbols-outlined { color: var(--blue-soft); font-size: 34px; }
.system-map h3 { margin: 35px 0 0; }
.explain-band { display: grid; grid-template-columns: 120px 1fr; gap: 25px; margin-top: 28px; padding: 26px; border-left: 3px solid var(--pink-bright); background: var(--surface); }
.explain-band p { margin: 0; color: var(--muted); }

.price-table { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }
.price-table article { min-height: 440px; padding: 40px; border-right: 1px solid var(--line); }
.price-table article:last-child { border-right: 0; }
.price-table article.is-featured { background: var(--surface); }
.price-table h2 { font-size: 28px; }
.big-price { display: flex; align-items: baseline; gap: 8px; margin: 26px 0 35px; color: var(--pink-bright); font-size: 52px; font-weight: 800; letter-spacing: -0.04em; }
.big-price small { color: var(--muted); font-size: 14px; font-weight: 500; letter-spacing: 0; }
.big-price.is-text { font-size: 40px; }
.price-table ul { display: grid; gap: 13px; padding-left: 20px; color: var(--muted); }
.pricing-factors { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 70px; margin-top: 72px; }
.pricing-factors ol { margin: 0; counter-reset: pricing; list-style: none; }
.pricing-factors li { counter-increment: pricing; padding: 18px 0; border-bottom: 1px solid var(--line); color: var(--muted-strong); }
.pricing-factors li::before { content: "0" counter(pricing); display: inline-block; width: 55px; color: var(--pink-bright); font-weight: 800; }

.pricing-package-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 22px; }
.pricing-package-details article { display: flex; flex-direction: column; min-height: 470px; padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255, 255, 255, 0.02); }
.pricing-package-details h3 { margin: 20px 0 7px; font-size: 16px; }
.pricing-package-details p,
.pricing-package-details ul { color: var(--muted); }
.pricing-package-details ul { display: grid; gap: 9px; margin: 0; padding-left: 20px; }
.pricing-package-details .package-limit { padding-top: 18px; border-top: 1px solid var(--line); }
.pricing-package-details .package-limit strong { color: var(--text); }
.pricing-package-details .package-timing { display: flex; align-items: flex-start; gap: 8px; margin-top: auto; padding-top: 20px; color: var(--muted-strong); font-size: 13px; }
.pricing-package-details .package-timing .material-symbols-outlined { color: var(--blue-soft); font-size: 19px; }
.pricing-faq { padding-top: 76px; }
.pricing-faq .faq-list { width: min(100%, 900px); margin: 34px auto 0; }

.portfolio-section { overflow: hidden; }
.portfolio-section > .shell { width: min(calc(100% - 96px), var(--shell)); }
.portfolio-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.55fr); align-items: end; gap: 70px; margin-bottom: 42px; }
.portfolio-heading h2 { max-width: 820px; margin: 10px 0 0; font-size: clamp(40px, 5vw, 70px); line-height: 0.98; letter-spacing: -0.045em; }
.portfolio-heading > p { margin: 0 0 5px; color: var(--muted-strong); font-size: 17px; }
.portfolio-index { margin: 0 0 44px; padding: 40px; border-radius: 28px; color: #10182a; background: #f6f3ee; box-shadow: 0 28px 80px rgba(0, 0, 0, .22); }
.portfolio-index .kicker { color: #c4376f; }
.portfolio-index-head { display: grid; grid-template-columns: 1.15fr .55fr; align-items: end; gap: 70px; }
.portfolio-index-head h3 { max-width: 760px; margin: 10px 0 0; font-family: "DM Serif Display", Georgia, serif; font-size: clamp(34px, 4vw, 56px); font-weight: 400; line-height: 1; letter-spacing: -.025em; }
.portfolio-index-head > p { margin: 0 0 5px; color: #586174; font-size: 16px; }
.portfolio-index-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 34px 0 24px; padding-top: 20px; border-top: 1px solid #d8d4cc; }
.portfolio-index-filters button { display: inline-flex; align-items: center; gap: 14px; min-height: 42px; padding: 8px 9px 8px 16px; border: 1px solid #cbc6bd; border-radius: 999px; color: #414b5d; background: transparent; font-family: Inter, sans-serif; font-size: 12px; font-weight: 750; line-height: 1; cursor: pointer; }
.portfolio-index-filters button span { display: grid; place-items: center; min-width: 25px; height: 25px; padding: 0 5px; border-radius: 999px; color: #4f596b; background: #e4e0d8; font-size: 10px; }
.portfolio-index-filters button:hover,
.portfolio-index-filters button.is-active { border-color: #10182a; color: #fff; background: #10182a; }
.portfolio-index-filters button.is-active span { color: #10182a; background: #f3b6cf; }
.portfolio-index-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #cbc6bd; border-left: 1px solid #cbc6bd; }
.portfolio-index-card { display: grid; grid-template-columns: minmax(150px, .82fr) minmax(0, 1.18fr); min-height: 330px; border-right: 1px solid #cbc6bd; border-bottom: 1px solid #cbc6bd; background: #fff; }
.portfolio-index-card[hidden] { display: none; }
.portfolio-index-visual { position: relative; min-width: 0; padding: 0; border: 0; background: #dfe3e7; overflow: hidden; cursor: pointer; }
.portfolio-index-visual img { width: 100%; height: 100%; object-fit: cover; object-position: top; filter: saturate(.88); transition: transform .45s ease, filter .45s ease; }
.portfolio-index-visual:hover img { transform: scale(1.025); filter: saturate(1); }
.portfolio-index-visual > span { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: rgba(16, 24, 42, .9); font: 800 10px/1 Inter, sans-serif; }
.portfolio-index-copy { display: flex; flex-direction: column; min-width: 0; padding: 26px; }
.portfolio-index-copy > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.portfolio-index-copy > div > p { margin: 5px 0 0; color: #c4376f; font-size: 9px; font-weight: 850; letter-spacing: .11em; }
.portfolio-index-copy h4 { margin: 24px 0 10px; font-size: clamp(26px, 2.25vw, 38px); line-height: .96; letter-spacing: -.035em; }
.portfolio-index-copy > p { margin: 0; color: #596274; font-size: 13px; line-height: 1.55; }
.portfolio-index-copy > button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin-top: auto; padding: 15px 0 0; border: 0; border-top: 1px solid #d8d4cc; color: #10182a; background: transparent; font: 800 12px/1.25 Inter, sans-serif; text-align: left; cursor: pointer; }
.portfolio-index-copy > button .material-symbols-outlined { color: #c4376f; font-size: 19px; transition: transform .2s ease; }
.portfolio-index-copy > button:hover .material-symbols-outlined { transform: translateX(4px); }
.portfolio-index-status { flex: 0 0 auto; padding: 7px 9px; border-radius: 999px; color: #536071; background: #edf0f2; font-size: 9px; font-weight: 800; white-space: nowrap; }
.portfolio-index-status.is-live { color: #126443; background: #def2e9; }
.portfolio-index-status.is-limited,
.portfolio-index-status.is-progress { color: #8a5912; background: #f8ead1; }
.portfolio-workbench { position: relative; display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 980px; border: 1px solid rgba(57, 189, 245, 0.25); border-radius: 30px; background: radial-gradient(circle at 78% 8%, rgba(57, 189, 245, 0.1), transparent 32%), rgba(7, 11, 19, 0.92); box-shadow: 0 36px 90px rgba(0, 0, 0, 0.28); overflow: hidden; }
.portfolio-workbench::before { position: absolute; inset: 0; pointer-events: none; content: ""; opacity: 0.18; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(to right, transparent 15%, #000 55%); }
.portfolio-project-nav { position: relative; z-index: 2; display: flex; flex-direction: column; padding: 30px 22px; border-right: 1px solid var(--line); background: rgba(5, 8, 14, 0.76); }
.portfolio-project-nav { scrollbar-width: none; }
.portfolio-project-nav::-webkit-scrollbar { display: none; }
.portfolio-project-nav::before { display: block; margin: 6px 7px 26px; color: var(--muted); content: "SELECT PROJECT"; font-size: 10px; font-weight: 800; letter-spacing: 0.18em; }
.portfolio-tab { display: grid; grid-template-columns: 30px 1fr; gap: 3px 10px; width: 100%; padding: 21px 14px; border: 0; border-left: 2px solid transparent; color: var(--muted); background: transparent; text-align: left; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.portfolio-tab > span { grid-row: 1 / 3; padding-top: 3px; color: var(--muted); font: 700 11px/1 Inter, sans-serif; }
.portfolio-tab strong { color: inherit; font-size: 15px; }
.portfolio-tab small { font-size: 11px; }
.portfolio-tab:hover { color: var(--text); background: rgba(255, 255, 255, 0.035); }
.portfolio-tab.is-active { border-left-color: var(--pink-bright); color: var(--text); background: linear-gradient(90deg, rgba(255, 85, 128, 0.12), transparent); }
.portfolio-tab.is-active > span { color: var(--pink-bright); }
.portfolio-stage { position: relative; z-index: 1; min-width: 0; }
.portfolio-panel { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(350px, .78fr); min-height: 980px; animation: portfolio-in .35s ease both; }
.portfolio-panel[hidden] { display: none; }
@keyframes portfolio-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.portfolio-visual { position: relative; min-width: 0; min-height: 620px; margin: 34px 0 34px 34px; border: 1px solid var(--line-strong); border-radius: 20px; background: #0b1019; overflow: hidden; }
.portfolio-browser-bar { display: flex; align-items: center; gap: 7px; height: 43px; padding: 0 15px; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, 0.035); }
.portfolio-browser-bar > span { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); }
.portfolio-browser-bar > span:first-child { background: var(--pink-bright); }
.portfolio-browser-bar > span:nth-child(2) { background: #ffbd59; }
.portfolio-browser-bar > span:nth-child(3) { background: var(--blue-soft); }
.portfolio-browser-bar small { margin-left: auto; color: var(--muted); font-size: 10px; letter-spacing: .05em; }
.portfolio-visual img { display: block; width: 100%; height: calc(100% - 43px); min-height: 575px; object-fit: cover; object-position: top; filter: saturate(.92) contrast(1.02); }
.portfolio-visual::after { position: absolute; inset: 43px 0 0; pointer-events: none; content: ""; box-shadow: inset 0 -90px 90px rgba(5, 8, 14, 0.6); }
.portfolio-visual-status { position: absolute; z-index: 2; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(91, 221, 170, .3); border-radius: 999px; color: #bdf5dc; background: rgba(5, 15, 14, .84); backdrop-filter: blur(12px); font-size: 11px; font-weight: 700; }
.portfolio-visual-status i { width: 7px; height: 7px; border-radius: 50%; background: #5bddaa; box-shadow: 0 0 13px #5bddaa; }
.portfolio-visual-status.is-review { border-color: rgba(255, 189, 89, .35); color: #ffe1ad; }
.portfolio-visual-status.is-review i { background: #ffbd59; box-shadow: 0 0 13px #ffbd59; }
.portfolio-visual-status.is-archive { border-color: var(--line-strong); color: var(--muted-strong); }
.portfolio-visual-status.is-archive i { background: var(--muted); box-shadow: none; }
.portfolio-summary { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 60px 46px; }
.portfolio-summary h3 { margin: 9px 0 20px; font-size: clamp(45px, 5vw, 72px); line-height: .93; letter-spacing: -.05em; }
#portfolio-lexpersonal .portfolio-summary h3 { font-size: clamp(38px, 3.5vw, 56px); }
.portfolio-lead { margin: 0; color: var(--muted-strong); font-size: 17px; }
.portfolio-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)); gap: 8px; margin-top: 34px; }
.portfolio-facts span { padding: 14px 8px; border-top: 1px solid var(--line-strong); color: var(--muted); font-size: 10px; text-transform: uppercase; }
.portfolio-facts strong { display: block; margin-bottom: 4px; color: var(--text); font-size: 25px; }
.portfolio-jump { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; margin-top: 30px; padding: 15px 0; border: 0; border-bottom: 1px solid var(--pink); color: var(--text); background: transparent; font-weight: 750; text-align: left; cursor: pointer; }
.portfolio-jump .material-symbols-outlined { color: var(--pink-bright); transition: transform .2s ease; }
.portfolio-jump:hover .material-symbols-outlined { transform: translateY(4px); }
.portfolio-evidence { display: grid; grid-template-columns: 32px 1fr; gap: 14px; margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--line); }
.portfolio-evidence > span { color: var(--blue-soft); }
.portfolio-evidence p { margin: 0; color: var(--muted); font-size: 13px; }
.portfolio-evidence strong { display: block; margin-bottom: 5px; color: var(--text); }
.portfolio-panel-details { grid-column: 1 / -1; scroll-margin-top: 105px; padding: 46px 50px 50px; border-top: 1px solid var(--line); background: linear-gradient(135deg, rgba(255, 85, 128, .055), rgba(57, 189, 245, .035) 58%, transparent); }
.portfolio-detail-title { display: grid; grid-template-columns: .48fr 1.52fr; align-items: end; gap: 32px; }
.portfolio-detail-title .kicker { margin: 0 0 6px; }
.portfolio-detail-title h4 { max-width: 800px; margin: 0; font-size: clamp(29px, 3vw, 43px); line-height: 1.04; letter-spacing: -.035em; }
.portfolio-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 34px; }
.portfolio-detail-grid article { min-height: 230px; padding: 25px; border: 1px solid var(--line); border-radius: 17px; background: rgba(4, 8, 15, .58); }
.portfolio-detail-grid article > .material-symbols-outlined { display: block; margin-bottom: 30px; color: var(--blue-soft); font-size: 28px; }
.portfolio-detail-grid small { color: var(--pink-bright); font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.portfolio-detail-grid h5 { margin: 11px 0 9px; color: var(--text); font-size: 19px; line-height: 1.18; }
.portfolio-detail-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.58; }
.portfolio-mini-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 30px 0 0; padding: 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line); list-style: none; }
.portfolio-mini-flow li { padding: 19px 12px; border-right: 1px solid var(--line); color: var(--muted-strong); font-size: 11px; }
.portfolio-mini-flow li:last-child { border-right: 0; }
.portfolio-mini-flow span { margin-right: 8px; color: var(--pink-bright); font-weight: 800; }
.portfolio-project-note { display: grid; grid-template-columns: 28px 1fr; gap: 13px; margin-top: 28px; padding: 18px 20px; border: 1px solid rgba(255, 189, 89, .22); border-radius: 14px; background: rgba(255, 189, 89, .035); }
.portfolio-project-note > span { color: #ffbd59; }
.portfolio-project-note p { margin: 0; color: var(--muted); font-size: 13px; }
.portfolio-project-actions { display: flex; justify-content: flex-end; margin-top: 28px; }
.portfolio-project-actions a { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 7px; border-bottom: 1px solid var(--pink); color: var(--text); font-weight: 750; }
.portfolio-project-actions .material-symbols-outlined { color: var(--pink-bright); font-size: 18px; }
.portfolio-explorer-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 34px; margin-top: 34px; padding: 30px 34px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255, 255, 255, .025); }
.portfolio-explorer-cta h3 { margin: 7px 0 0; font-size: clamp(25px, 3vw, 38px); }

.portfolio-case-system { margin-top: 110px; padding: 55px; border: 1px solid var(--line); border-radius: 28px; background: radial-gradient(circle at 50% 40%, rgba(57, 189, 245, .1), transparent 38%), rgba(255,255,255,.02); }
.portfolio-case-head { display: grid; grid-template-columns: 1fr .75fr; gap: 70px; align-items: end; }
.portfolio-case-head h2 { max-width: 760px; margin: 8px 0 0; font-size: clamp(40px, 5vw, 68px); line-height: .98; letter-spacing: -.045em; }
.portfolio-case-head > p { margin: 0 0 5px; color: var(--muted-strong); font-size: 17px; }
.portfolio-system-map { position: relative; display: grid; grid-template-columns: 1fr 1.22fr 1fr; align-items: center; gap: 55px; margin-top: 68px; padding: 48px 35px 145px; }
.portfolio-system-map::before { position: absolute; top: 50%; left: 18%; right: 18%; height: 1px; content: ""; background: linear-gradient(90deg, var(--pink), var(--blue), var(--pink)); opacity: .7; }
.system-actor, .system-core { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 190px; border: 1px solid var(--line-strong); background: rgba(7, 11, 19, .92); text-align: center; }
.system-actor { border-radius: 18px; }
.system-actor > span { margin-bottom: 25px; color: var(--pink-bright); font-size: 35px; }
.system-actor small { margin-top: 7px; color: var(--muted); }
.system-core { min-height: 255px; border-color: rgba(57, 189, 245, .5); border-radius: 50%; box-shadow: 0 0 70px rgba(57, 189, 245, .12), inset 0 0 45px rgba(57, 189, 245, .06); }
.system-core > small { color: var(--blue-soft); font-size: 9px; letter-spacing: .2em; }
.system-core > strong { margin: 4px 0 18px; font-size: 34px; }
.system-core > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; max-width: 210px; }
.system-core > div span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-size: 9px; }
.system-pulse { position: absolute; inset: -15px; border: 1px solid rgba(57, 189, 245, .18); border-radius: 50%; }
.system-operations { position: absolute; z-index: 2; bottom: 0; left: 50%; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 15px; width: min(420px, 70%); padding: 18px 23px; border: 1px solid rgba(255, 85, 128, .35); border-radius: 14px; background: #0a0e17; transform: translateX(-50%); }
.system-operations::before { position: absolute; bottom: 100%; left: 50%; width: 1px; height: 60px; content: ""; background: linear-gradient(var(--blue), var(--pink)); }
.system-operations > span { color: var(--pink-bright); }
.system-operations strong, .system-operations small { display: block; }
.system-operations small { margin-top: 3px; color: var(--muted); }
.portfolio-flow { margin-top: 65px; padding-top: 24px; border-top: 1px solid var(--line); }
.portfolio-flow > p { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.portfolio-flow ol { display: grid; grid-template-columns: repeat(6, 1fr); margin: 25px 0 0; padding: 0; list-style: none; }
.portfolio-flow li { position: relative; min-height: 86px; padding: 0 12px 0 20px; border-left: 1px solid var(--line-strong); color: var(--muted-strong); font-size: 12px; }
.portfolio-flow li::after { position: absolute; top: 8px; left: -4px; width: 7px; height: 7px; border-radius: 50%; content: ""; background: var(--blue-soft); box-shadow: 0 0 10px var(--blue); }
.portfolio-flow li span { display: block; margin-bottom: 25px; color: var(--pink-bright); font-size: 10px; }
.portfolio-contribution { display: grid; grid-template-columns: .8fr 1.2fr; gap: 55px; margin-top: 45px; padding: 36px; border-radius: 18px; background: linear-gradient(120deg, rgba(255, 85, 128, .09), rgba(57, 189, 245, .05)); }
.portfolio-contribution h3 { margin: 9px 0 0; font-size: 29px; line-height: 1.12; }
.portfolio-contribution ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 28px; margin: 0; padding: 0; list-style: none; }
.portfolio-contribution li { position: relative; padding-left: 20px; color: var(--muted-strong); }
.portfolio-contribution li::before { position: absolute; left: 0; content: "↗"; color: var(--blue-soft); }
.portfolio-case-study { scroll-margin-top: 105px; }
.case-study-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 46px; }
.case-study-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255, 255, 255, .025); }
.case-study-grid article > span { color: var(--pink-bright); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.case-study-grid h3 { margin: 20px 0 10px; font-size: 24px; }
.case-study-grid p { margin: 0; color: var(--muted-strong); font-size: 14px; }
.case-study-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 42px; }
.case-study-metrics span { padding: 20px 16px; border-top: 1px solid var(--line-strong); color: var(--muted); font-size: 11px; text-transform: uppercase; }
.case-study-metrics strong { display: block; margin-bottom: 7px; color: var(--text); font-size: 31px; }
.case-study-status { display: grid; grid-template-columns: 34px 1fr; gap: 14px; margin-top: 30px; padding: 24px; border: 1px solid rgba(255, 189, 89, .24); border-radius: 16px; background: rgba(255, 189, 89, .045); }
.case-study-status > span { color: #ffbd59; }
.case-study-status p { margin: 0; color: var(--muted); font-size: 14px; }
.case-study-status strong { display: block; margin-bottom: 5px; color: var(--text); }
.case-study-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }

.process-timeline { max-width: 980px; }
.process-timeline article { display: grid; grid-template-columns: 90px 1fr; gap: 35px; padding: 35px 0; border-bottom: 1px solid var(--line); }
.process-timeline article > span { color: var(--pink-bright); font-size: 20px; font-weight: 800; }
.process-timeline h2 { margin-bottom: 8px; font-size: 31px; }
.process-timeline p { margin: 0; color: var(--muted); }

.about-layout { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 80px; }
.about-statement h2 { font-size: clamp(40px, 4vw, 62px); line-height: 1.05; }
.about-statement p { color: var(--muted); }
.values-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.values-list article { min-height: 210px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.values-list .material-symbols-outlined { color: var(--blue-soft); font-size: 36px; }
.values-list h3 { margin: 48px 0 0; font-size: 19px; }
.studio-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 54px; }
.studio-proof-grid article { min-height: 190px; padding: 24px; border-top: 2px solid var(--blue); background: rgba(255, 255, 255, 0.025); }
.studio-proof-grid .material-symbols-outlined { display: block; margin-bottom: 38px; color: var(--pink-bright); font-size: 28px; }
.studio-proof-grid strong { display: block; margin-bottom: 8px; }
.studio-proof-grid p { margin: 0; color: var(--muted); font-size: 14px; }
.founder-proof { padding-top: 0; }
.founder-proof-panel { display: grid; grid-template-columns: 0.85fr 1.15fr; align-items: center; gap: 70px; padding: 36px 42px; border: 1px solid var(--line-strong); border-radius: 22px; background: rgba(255, 255, 255, 0.025); }
.founder-identity { display: grid; grid-template-columns: 86px 1fr; align-items: center; gap: 22px; }
.founder-identity img { width: 86px; height: 86px; object-fit: contain; }
.founder-identity h2 { margin: 2px 0; font-size: 40px; }
.founder-identity p:last-child { margin: 0; color: var(--muted); }
.founder-proof-copy { padding-left: 38px; border-left: 1px solid var(--line); }
.founder-proof-copy h3 { margin-bottom: 10px; font-size: 25px; line-height: 1.2; }
.founder-proof-copy p { margin: 0; color: var(--muted); }

.contact-page-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 72px; }
.contact-page-grid h2 { font-size: clamp(38px, 4vw, 58px); }
.contact-page-options { display: grid; gap: 12px; margin-top: 32px; }
.contact-page-options a { display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 16px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.contact-page-options .material-symbols-outlined { color: var(--pink-bright); }
.contact-page-options strong,
.contact-page-options small { display: block; }
.contact-page-options small { color: var(--muted); }
.contact-brief { padding: 38px; border: 1px solid var(--line-strong); border-radius: 22px; background: var(--surface); }
.contact-brief h3 { font-size: 28px; }
.contact-brief ol { display: grid; gap: 14px; padding-left: 24px; margin: 25px 0 32px; color: var(--muted-strong); }
.footer-languages { display: flex; gap: 8px; margin-top: 10px; }
.footer-languages a { display: grid; place-items: center; min-width: 38px; height: 34px; border: 1px solid rgba(169, 190, 220, 0.24); border-radius: 999px; color: #9aa8ba; font-size: 12px; transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease; }
.footer-languages a:hover { border-color: #76d5ff; color: #f8fafc; }
.footer-languages a[aria-current="page"] { border-color: #f25abb; background: rgba(225, 75, 168, 0.12); color: #f8fafc; }

@media (max-width: 1180px) {
	.desktop-nav { display: none; }
	.header-actions .menu-toggle { display: inline-flex; }
	.solution-hero-grid { grid-template-columns: 1fr 1fr; gap: 35px; }
	.flow-steps strong { display: none; }
	.business-flow { min-height: 540px; }
	.home-process-grid { grid-template-columns: 1fr; }
	.home-process .section-intro { position: static; }
}

@media (max-width: 1460px) {
	.desktop-nav,
	.language-switch,
	.theme-switch--header { display: none; }
	.header-actions .menu-toggle { display: inline-grid; }
	.orbit-menu { display: grid !important; }
	.multipage-mobile-nav {
		position: relative;
		display: grid;
		align-content: start;
		gap: 8px;
		min-height: 0;
		padding: 24px 0;
		overflow-y: auto;
	}
	.multipage-mobile-nav .orbit-link { position: static; width: 100%; min-width: 0; }
	.orbit-menu-footer { flex-wrap: wrap; }
	.orbit-menu-footer > p,
	.theme-menu-setting { width: 100%; }
}

@media (max-width: 900px) {
	.portfolio-section > .shell { width: min(calc(100% - 38px), var(--shell)); }
	.solution-hero { min-height: auto; padding: 52px 0 64px; }
	.solution-hero-grid,
	.inner-hero-grid,
	.system-principle-panel,
	.depth-project,
	.home-process-grid,
	.pricing-factors,
	.about-layout,
	.contact-page-grid { grid-template-columns: 1fr; }
	.solution-hero h1,
	.inner-hero h1 { font-size: clamp(46px, 10vw, 70px); }
	.business-flow { min-height: 520px; margin-top: 20px; }
	.flow-steps { top: 8px; }
	.flow-preview { width: min(520px, 88%); }
	.level-grid,
	.detail-grid.three,
	.price-table,
	.pricing-package-details { grid-template-columns: 1fr; }
	.level-item,
	.price-table article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
	.level-item:last-child,
	.price-table article:last-child { border-bottom: 0; }
	.price-clarity { flex-direction: column; }
	.compact-projects { grid-template-columns: 1fr; }
	.home-process .section-intro { position: static; }
	.inner-hero-mark { display: none; }
	.system-console { width: 100%; margin: 12px 0 0; }
	.case-row { grid-template-columns: 1fr; }
	.case-row.reverse img { order: 0; }
	.ziazi-case-intro,
	.ziazi-delivery { grid-template-columns: 1fr; }
	.system-map { grid-template-columns: repeat(2, 1fr); }
	.studio-cta-panel { grid-template-columns: 1fr; }
	.studio-proof-grid { grid-template-columns: repeat(2, 1fr); }
	.founder-proof-panel { grid-template-columns: 1fr; gap: 28px; }
	.founder-proof-copy { padding: 26px 0 0; border-left: 0; border-top: 1px solid var(--line); }
	.portfolio-heading,
	.portfolio-index-head,
	.portfolio-case-head { grid-template-columns: 1fr; gap: 24px; }
	.portfolio-index-grid { grid-template-columns: 1fr; }
	.portfolio-workbench { grid-template-columns: 1fr; }
	.portfolio-project-nav { flex-direction: row; padding: 10px; border-right: 0; border-bottom: 1px solid var(--line); overflow-x: auto; }
	.portfolio-project-nav::before { display: none; }
	.portfolio-tab { flex: 0 0 190px; }
	.portfolio-panel { grid-template-columns: 1fr; }
	.portfolio-visual { min-height: 470px; margin: 24px 24px 0; }
	.portfolio-summary { padding: 38px 28px 44px; }
	.portfolio-panel-details { padding: 38px 28px 42px; }
	.portfolio-detail-title { grid-template-columns: 1fr; gap: 10px; }
	.portfolio-detail-grid { grid-template-columns: 1fr; }
	.portfolio-detail-grid article { min-height: 0; }
	.portfolio-explorer-cta { grid-template-columns: 1fr; }
	.portfolio-case-system { padding: 40px 28px; }
	.portfolio-system-map { gap: 22px; padding-inline: 0; }
	.portfolio-flow ol { grid-template-columns: repeat(3, 1fr); gap: 24px 0; }
	.portfolio-contribution { grid-template-columns: 1fr; gap: 28px; }
	.compact-projects { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.case-study-grid { grid-template-columns: 1fr; }
	.case-study-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
	.shell { width: min(calc(100% - 32px), var(--shell)); }
	.portfolio-section > .shell { width: min(calc(100% - 32px), var(--shell)); }
	.header-offer { display: none; }
	.solution-hero,
	.inner-hero { padding-top: 38px; }
	.solution-hero h1,
	.inner-hero h1 { font-size: clamp(42px, 12vw, 58px); }
	.solution-hero .hero-lead,
	.inner-lead { font-size: 16px; }
	.hero-actions { display: grid; grid-template-columns: 1fr; }
	.hero-actions .button { width: 100%; }
	.hero-trust-line { display: grid; }
	.system-principle-panel { padding: 28px 20px; }
	.system-layers div { grid-template-columns: 28px 1fr; }
	.system-layers p { grid-column: 2; text-align: left; }
	.system-console { border-radius: 18px; }
	.system-console-body { grid-template-columns: 1fr; min-height: 0; }
	.system-console-flow { grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 12px; border-right: 0; border-bottom: 1px solid var(--line); }
	.system-console-flow button { grid-template-columns: 1fr; justify-items: center; gap: 6px; padding: 11px 5px; text-align: center; }
	.system-console-flow button::after,
	.system-console-flow small { display: none; }
	.system-console-flow strong { font-size: 11px; }
	.system-console-result { padding: 24px 20px; }
	.console-result-head { margin-bottom: 20px; }
	.system-console-result > strong { font-size: 24px; }
	.system-console-result > p { min-height: 0; margin-bottom: 18px; }
	.system-console-footer { grid-template-columns: 1fr; }
	.system-console-footer span { justify-content: flex-start; padding-left: 18px; }
	.business-flow { min-height: 430px; }
	.business-system-visual { width: 118%; transform: translateX(0); }
	.flow-orbit { inset: 0 -18%; }
	.flow-steps { position: relative; grid-template-columns: repeat(5, 1fr); align-self: start; }
	.flow-steps .material-symbols-outlined { width: 44px; height: 44px; font-size: 20px; }
	.flow-steps li:not(:last-child)::after { top: 22px; }
	.flow-preview { position: absolute; bottom: 10px; width: 96%; margin: 0; padding: 16px; transform: none; }
	.flow-preview-body > div { padding: 10px; }
	.flow-preview-body small { min-height: 32px; font-size: 9px; }
	.flow-preview-body strong { font-size: 20px; }
	.solution-levels,
	.project-depth,
	.home-process,
	.studio-cta,
	.detail-section { padding: 62px 0; }
	.section-intro.centered h2,
	.section-intro h2 { font-size: 38px; }
	.level-item { padding: 30px 22px; }
	.compact-projects { grid-template-columns: 1fr; }
	.compact-project { grid-template-columns: 1fr; }
	.compact-project > img { height: auto; }
	.depth-copy { padding: 28px 24px; }
	.depth-visual { padding: 14px; }
	.studio-cta-panel { padding: 30px 24px; }
	.system-map,
	.values-list,
	.studio-proof-grid { grid-template-columns: 1fr; }
	.founder-proof-panel { padding: 28px 22px; }
	.founder-identity { grid-template-columns: 66px 1fr; }
	.founder-identity img { width: 66px; height: 66px; }
	.explain-band { grid-template-columns: 1fr; }
	.price-table article { padding: 30px 24px; }
	.portfolio-heading { margin-bottom: 28px; }
	.portfolio-index { margin-bottom: 28px; padding: 24px 18px; border-radius: 20px; }
	.portfolio-index-head { gap: 12px; }
	.portfolio-index-head h3 { font-size: 38px; }
	.portfolio-index-filters { flex-wrap: nowrap; margin: 25px -18px 18px; padding: 16px 18px 0; overflow-x: auto; scrollbar-width: none; }
	.portfolio-index-filters::-webkit-scrollbar { display: none; }
	.portfolio-index-filters button { flex: 0 0 auto; }
	.portfolio-index-card { grid-template-columns: 1fr; min-height: 0; }
	.portfolio-index-visual { aspect-ratio: 16 / 10; }
	.portfolio-index-copy { min-height: 250px; padding: 22px 19px; }
	.portfolio-index-copy h4 { margin-top: 20px; font-size: 34px; }
	.portfolio-heading h2,
	.portfolio-case-head h2 { font-size: clamp(38px, 11vw, 52px); }
	.portfolio-workbench { min-height: 0; border-radius: 20px; }
	.portfolio-project-nav { padding: 8px; }
	.portfolio-tab { flex-basis: 154px; padding: 13px 9px; }
	.portfolio-visual { min-height: 300px; margin: 14px 14px 0; }
	.portfolio-visual img { min-height: 300px; }
	.portfolio-browser-bar small { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.portfolio-summary { padding: 31px 20px 34px; }
	.portfolio-summary h3 { font-size: 50px; }
	.portfolio-panel-details { padding: 30px 18px 34px; }
	.portfolio-detail-title h4 { font-size: 30px; }
	.portfolio-detail-grid article { padding: 22px 19px; }
	.portfolio-mini-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.portfolio-mini-flow li { border-bottom: 1px solid var(--line); }
	.portfolio-explorer-cta { padding: 25px 20px; }
	.portfolio-explorer-cta .button { width: 100%; }
	.portfolio-case-system { margin-top: 70px; padding: 32px 18px; border-radius: 20px; }
	.portfolio-system-map { grid-template-columns: 1fr; gap: 14px; margin-top: 40px; padding: 0 0 105px; }
	.portfolio-system-map::before { top: 15%; bottom: 20%; left: 50%; right: auto; width: 1px; height: auto; background: linear-gradient(var(--pink), var(--blue), var(--pink)); }
	.system-actor { min-height: 130px; }
	.system-actor > span { margin-bottom: 12px; }
	.system-core { width: 230px; min-height: 230px; margin: 0 auto; }
	.system-operations { width: calc(100% - 10px); }
	.system-operations::before { height: 30px; }
	.portfolio-flow { margin-top: 45px; }
	.portfolio-flow ol { grid-template-columns: repeat(2, 1fr); }
	.portfolio-flow li { min-height: 92px; }
	.portfolio-contribution { padding: 26px 20px; }
	.portfolio-contribution ul { grid-template-columns: 1fr; }
	.case-study-metrics { grid-template-columns: 1fr 1fr; }
	.case-study-actions { flex-direction: column; }
	.case-study-actions .button { width: 100%; }
	.process-timeline article { grid-template-columns: 48px 1fr; gap: 16px; }
	.contact-brief { padding: 27px 22px; }
}

/**
 * De ce există:
 * Traduce direcția aprobată „Studio de precizie” în pagina principală locală.
 *
 * Responsabilitate:
 * Definește hero-ul editorial luminos, compoziția cu produse reale și banda de dovezi.
 *
 * Ce NU face:
 * Nu schimbă paginile interioare, logica formularelor sau datele proiectelor.
 *
 * Depinde de:
 * Markup-ul din front-page.php, logo-ul existent și capturile reale ale proiectelor.
 */
.mpweb-page-home .site-header {
	background: rgba(248, 246, 242, 0.96);
	border-bottom-color: rgba(12, 20, 34, 0.1);
	box-shadow: none;
}
.mpweb-page-home .site-header.is-scrolled { background: rgba(248, 246, 242, 0.98); box-shadow: 0 14px 40px rgba(11, 18, 32, 0.08); }
.mpweb-page-home .site-header .brand,
.mpweb-page-home .desktop-nav a { color: #0b1220; }
.mpweb-page-home .desktop-nav a:hover,
.mpweb-page-home .desktop-nav a:focus-visible { color: #d92e95; }
.mpweb-page-home .language-switch { border-color: rgba(11, 18, 32, 0.16); background: rgba(255, 255, 255, 0.45); }
.mpweb-page-home .language-switch a { color: #334155; }
.mpweb-page-home .language-switch a[aria-current="page"] { background: #e7e4df; color: #0b1220; }
.mpweb-page-home .menu-toggle { border-color: #0b1220; background: #0b1220; color: #fff; }
.studio-home [id] { scroll-margin-top: 105px; }

.solution-hero {
	min-height: 470px;
	padding: 20px 0 18px;
	overflow: hidden;
	border-bottom: 0;
	background: #f8f6f2;
	color: #0b1220;
}
.solution-hero-grid {
	grid-template-columns: minmax(0, 0.86fr) minmax(600px, 1.14fr);
	gap: clamp(48px, 5vw, 84px);
	min-height: 430px;
}
.solution-hero-copy { padding: 0; }
.solution-hero .kicker {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
	color: #b8297d;
	letter-spacing: 0.17em;
}
.solution-hero .kicker::after { content: ""; width: 72px; height: 1px; background: rgba(11, 18, 32, 0.22); }
.solution-hero h1 {
	max-width: 720px;
	margin-bottom: 22px;
	color: #0b1220;
	font-family: "DM Serif Display", Georgia, serif;
	font-size: clamp(48px, 4.15vw, 64px);
	font-weight: 400;
	line-height: 1.03;
	letter-spacing: -0.045em;
}
.solution-hero h1 span { color: #0b1220; }
.solution-hero h1 span::after { content: "."; color: #df3298; }
.solution-hero .hero-lead { max-width: 560px; margin-bottom: 26px; color: #273244; font-size: 17px; line-height: 1.65; }
.solution-hero .button-outline { border-color: rgba(11, 18, 32, 0.24); background: rgba(255, 255, 255, 0.48); color: #0b1220; }
.solution-hero .button-outline:hover,
.solution-hero .button-outline:focus-visible { border-color: #0b1220; background: #fff; color: #0b1220; }
.solution-hero .hero-actions .button { padding-inline: 18px; font-size: 14px; }
.hero-direct-note { display: flex; align-items: center; gap: 9px; margin: 22px 0 0; color: #354052; font-size: 13px; }
.hero-direct-note .material-symbols-outlined { color: #df3298; font-size: 20px; }

.business-flow {
	--hero-tilt-x: 0deg;
	--hero-tilt-y: 0deg;
	--hero-shift-x: 0px;
	--hero-shift-y: 0px;
	position: relative;
	min-height: 470px;
	isolation: isolate;
	perspective: 1100px;
}
.hero-system-grid {
	position: absolute;
	inset: 1% -3% 1% 2%;
	z-index: -2;
	border-radius: 34px;
	background-image: linear-gradient(rgba(76, 107, 145, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(76, 107, 145, .08) 1px, transparent 1px);
	background-size: 36px 36px;
	mask-image: radial-gradient(ellipse at 53% 50%, #000 28%, transparent 75%);
	opacity: .76;
	transform: translate3d(calc(var(--hero-shift-x) * .3), calc(var(--hero-shift-y) * .3), 0);
	transition: transform .7s cubic-bezier(.2,.8,.2,1);
}
.hero-system-glow {
	position: absolute;
	inset: 7% 1% 3% 7%;
	z-index: -1;
	border-radius: 50%;
	background: radial-gradient(circle at 62% 49%, rgba(57, 189, 245, .19), transparent 31%), radial-gradient(circle at 45% 62%, rgba(223, 50, 152, .14), transparent 37%);
	filter: blur(24px);
	animation: hero-glow-breathe 7s ease-in-out infinite alternate;
}
.hero-product-browser {
	position: absolute;
	top: 2%;
	left: 5%;
	z-index: 2;
	width: 75%;
	overflow: hidden;
	border: 1px solid rgba(11, 18, 32, .18);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 34px 70px rgba(11, 18, 32, .17), 0 2px 4px rgba(11, 18, 32, .08);
	animation: hero-browser-enter .85s .14s cubic-bezier(.2,.8,.2,1) both;
}
.hero-window-bar { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; background: #e9e7e2; }
.hero-window-bar > span { width: 7px; height: 7px; border-radius: 50%; background: #e14ba8; }
.hero-window-bar > span:nth-child(2) { background: #f4b740; }
.hero-window-bar > span:nth-child(3) { background: #35b8d6; }
.hero-window-bar small { margin-left: 8px; color: #435064; font-size: 10px; font-weight: 600; letter-spacing: .025em; }
.hero-window-bar b { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: #233044; font-size: 9px; font-weight: 750; }
.hero-window-bar b i,
.hero-control-center header small i { width: 6px; height: 6px; border-radius: 50%; background: #25b36a; box-shadow: 0 0 0 4px rgba(37, 179, 106, .12); animation: hero-status-pulse 2.4s ease-out infinite; }
.hero-product-screen { position: relative; height: 255px; overflow: hidden; background: #eef3f6; }
.hero-product-screen > img { width: 100%; height: 318px; object-fit: cover; object-position: top; animation: hero-product-pan 12s 1.4s ease-in-out infinite alternate; }
.hero-product-screen::after { content: ""; position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(transparent, rgba(6, 16, 29, .58)); pointer-events: none; }
.hero-product-roles { position: absolute; right: 12px; bottom: 11px; z-index: 1; display: flex; gap: 6px; }
.hero-product-roles span { padding: 6px 9px; border: 1px solid rgba(255,255,255,.48); border-radius: 999px; background: rgba(6, 16, 29, .88); color: #fff; font-size: 8px; font-weight: 750; }
.hero-control-center {
	position: absolute;
	left: 0;
	bottom: 1%;
	z-index: 4;
	width: 66%;
	padding: 15px 16px 13px;
	border: 1px solid rgba(99, 151, 207, .3);
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(6, 16, 29, .985), rgba(12, 30, 48, .98));
	box-shadow: 0 28px 55px rgba(6, 16, 29, .27), inset 0 1px rgba(255,255,255,.04);
	color: #edf5fc;
	animation: hero-console-enter .9s .32s cubic-bezier(.2,.8,.2,1) both;
}
.hero-control-center header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(135, 176, 215, .17); }
.hero-control-center header > div { display: flex; align-items: center; gap: 8px; }
.hero-control-center header .material-symbols-outlined { color: #5ed1fb; font-size: 20px; }
.hero-control-center header strong { color: #f5f9fc; font-size: 12px; font-weight: 750; letter-spacing: .015em; }
.hero-control-center header small { display: flex; align-items: center; gap: 7px; color: #a9bbca; font-size: 9px; font-weight: 600; }
.hero-pipeline { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0 10px; padding: 0; list-style: none; }
.hero-pipeline::before { content: ""; position: absolute; top: 19px; left: 11%; right: 11%; height: 1px; background: rgba(88, 162, 220, .24); }
.hero-pipeline::after { content: ""; position: absolute; top: 18px; left: 11%; width: 16%; height: 3px; border-radius: 4px; background: linear-gradient(90deg, transparent, #3dc2f2, #e73ba5, transparent); filter: drop-shadow(0 0 5px #3dc2f2); animation: hero-data-signal 4.8s linear infinite; }
.hero-pipeline li { position: relative; z-index: 1; display: grid; justify-items: center; gap: 5px; min-width: 0; }
.hero-pipeline li span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(74, 153, 214, .32); border-radius: 11px; background: #10283e; color: #67cef3; font-size: 17px; box-shadow: 0 0 0 0 rgba(64, 193, 241, 0); animation: hero-node-wave 4.8s ease-out infinite; }
.hero-pipeline li:nth-child(2) span { animation-delay: 1.2s; }
.hero-pipeline li:nth-child(3) span { color: #f15aac; animation-delay: 2.4s; }
.hero-pipeline li:nth-child(4) span { animation-delay: 3.6s; }
.hero-pipeline li b { overflow: hidden; max-width: 100%; color: #d2deea; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.hero-control-center footer { display: flex; align-items: center; justify-content: space-between; padding-top: 9px; border-top: 1px solid rgba(135, 176, 215, .14); color: #a2b4c5; font-size: 8px; font-weight: 600; }
.hero-control-center footer b { color: #e5eef6; font-weight: 700; }
.hero-mobile-console {
	position: absolute;
	right: 0;
	bottom: 2%;
	z-index: 5;
	width: 28%;
	min-width: 165px;
	padding: 9px 10px 12px;
	border: 4px solid #111c2b;
	border-radius: 22px;
	background: linear-gradient(180deg, #f8fafc, #edf3f7);
	box-shadow: 0 30px 52px rgba(11, 18, 32, .22);
	color: #0b1220;
	animation: hero-mobile-enter .85s .5s cubic-bezier(.2,.8,.2,1) both;
}
.hero-mobile-top { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 8px; color: #39465a; font-size: 8px; font-weight: 650; }
.hero-mobile-top i { width: 30px; height: 6px; border-radius: 99px; background: #111c2b; }
.hero-mobile-brand { display: flex; align-items: center; gap: 7px; padding: 8px; border-radius: 10px; background: #0b1727; color: #fff; }
.hero-mobile-brand > span { color: #56c9f3; font-size: 18px; }
.hero-mobile-brand div { display: grid; }
.hero-mobile-brand small { color: #9bb0c3; font-size: 6px; font-weight: 700; letter-spacing: .1em; }
.hero-mobile-brand strong { font-size: 11px; }
.hero-mobile-status { display: grid; grid-template-columns: 24px 1fr; gap: 7px; align-items: center; margin-top: 7px; padding: 7px; border: 1px solid #dce5eb; border-radius: 9px; background: #fff; }
.hero-mobile-status > span { color: #dc3197; font-size: 18px; }
.hero-mobile-status div { display: grid; }
.hero-mobile-status strong { color: #172235; font-size: 9px; font-weight: 750; }
.hero-mobile-status small { color: #59677b; font-size: 7px; font-weight: 550; }
.hero-mobile-chart { display: flex; align-items: end; gap: 4px; height: 37px; margin-top: 8px; padding: 6px 8px 0; border-radius: 8px; background: #e7eef3; }
.hero-mobile-chart i { flex: 1; height: 30%; border-radius: 3px 3px 0 0; background: linear-gradient(#51c9f4, #2473c5); animation: hero-chart 3.6s ease-in-out infinite alternate; }
.hero-mobile-chart i:nth-child(2) { height: 52%; animation-delay: -.8s; }
.hero-mobile-chart i:nth-child(3) { height: 78%; animation-delay: -1.5s; }
.hero-mobile-chart i:nth-child(4) { height: 60%; animation-delay: -2.1s; }
.hero-mobile-chart i:nth-child(5) { height: 92%; animation-delay: -2.8s; }
.hero-event-stack { position: absolute; top: 17%; right: -1%; z-index: 6; width: 218px; height: 64px; pointer-events: none; }
.hero-event-stack > div { position: absolute; inset: 0; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid rgba(11, 18, 32, .14); border-radius: 12px; background: #fff; box-shadow: 0 17px 35px rgba(11, 18, 32, .14); opacity: 0; animation: hero-event-cycle 12s linear infinite; }
.hero-event-stack > div:nth-child(2) { animation-delay: 4s; }
.hero-event-stack > div:nth-child(3) { animation-delay: 8s; }
.hero-event-stack .material-symbols-outlined { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: #e9f7fc; color: #147ca9; font-size: 19px; }
.hero-event-stack p { display: grid; margin: 0; }
.hero-event-stack strong { color: #172235; font-size: 10px; font-weight: 750; }
.hero-event-stack small { color: #59677b; font-size: 8px; font-weight: 550; }
.hero-system-owner { position: absolute; right: 5%; bottom: -4%; z-index: 7; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; width: 250px; padding: 12px 14px; border: 1px solid rgba(11, 18, 32, .13); border-radius: 12px; background: #faf9f6; box-shadow: 0 20px 42px rgba(11, 18, 32, .13); color: #0b1220; animation: hero-owner-enter .8s .72s cubic-bezier(.2,.8,.2,1) both; }
.hero-system-owner > span { color: #df3298; font-size: 28px; }
.hero-system-owner p { display: grid; margin: 0; }
.hero-system-owner strong { color: #172235; font-size: 11px; font-weight: 750; }
.hero-system-owner small { color: #536075; font-size: 9px; font-weight: 550; }
.hero-connector { position: absolute; z-index: 3; overflow: hidden; border-color: rgba(48, 144, 203, .28); pointer-events: none; }
.hero-connector::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #44c6f2; box-shadow: 0 0 12px #44c6f2; animation: hero-connector-dot 3.8s linear infinite; }
.hero-connector-a { left: 63%; top: 54%; width: 20%; height: 15%; border-top: 1px solid rgba(48, 144, 203, .28); border-right: 1px solid rgba(48, 144, 203, .28); border-radius: 0 18px 0 0; }
.hero-connector-a::after { top: -4px; left: -7px; }
.hero-connector-b { left: 45%; bottom: 23%; width: 18%; height: 16%; border-bottom: 1px solid rgba(223, 50, 152, .25); border-right: 1px solid rgba(223, 50, 152, .25); border-radius: 0 0 18px 0; }
.hero-connector-b::after { bottom: -4px; left: -7px; background: #e63aa3; box-shadow: 0 0 12px #e63aa3; animation-delay: -1.8s; }

@keyframes hero-browser-enter { from { opacity: 0; transform: translate3d(45px, 22px, 0) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes hero-console-enter { from { opacity: 0; transform: translate3d(-34px, 30px, 0) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes hero-mobile-enter { from { opacity: 0; transform: translate3d(28px, 34px, 0) rotate(3deg); } to { opacity: 1; transform: none; } }
@keyframes hero-owner-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes hero-glow-breathe { from { opacity: .62; transform: scale(.94); } to { opacity: 1; transform: scale(1.05); } }
@keyframes hero-product-pan { from { transform: translateY(0); } to { transform: translateY(-42px); } }
@keyframes hero-status-pulse { 0% { box-shadow: 0 0 0 0 rgba(37,179,106,.35); } 70%,100% { box-shadow: 0 0 0 7px rgba(37,179,106,0); } }
@keyframes hero-data-signal { from { transform: translateX(-30%); } to { transform: translateX(390%); } }
@keyframes hero-node-wave { 0%,18%,100% { opacity: .86; transform: scale(1); } 7% { opacity: 1; transform: scale(1.08); } }
@keyframes hero-chart { from { transform: scaleY(.72); opacity: .72; } to { transform: scaleY(1); opacity: 1; } }
@keyframes hero-event-cycle { 0%,2% { opacity: 0; transform: translate3d(12px, 0, 0); } 3%,30% { opacity: 1; transform: none; } 31%,100% { opacity: 0; transform: translate3d(-5px, 0, 0); } }
@keyframes hero-connector-dot { from { transform: translateX(0); } to { transform: translateX(150px); } }

.business-flow.is-paused *,
.business-flow.is-paused *::before,
.business-flow.is-paused *::after { animation-play-state: paused !important; }

.system-principle {
	padding: 38px 0 44px;
	border-top: 1px solid rgba(140, 171, 210, 0.16);
	border-bottom: 1px solid rgba(140, 171, 210, 0.16);
	background: #06101d;
}
.system-principle-panel {
	grid-template-columns: minmax(300px, 0.72fr) minmax(620px, 1.28fr);
	gap: 54px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.system-principle-copy h2 {
	margin-bottom: 14px;
	font-family: "DM Serif Display", Georgia, serif;
	font-size: clamp(32px, 3vw, 46px);
	font-weight: 400;
	letter-spacing: -0.025em;
}
.system-layers { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.system-layers li {
	min-height: 122px;
	padding: 20px;
	border: 0;
	border-right: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	border-radius: 0;
	background: transparent;
}
.system-layers li:not(:last-child)::after { display: none; }
.system-layers .material-symbols-outlined { border: 0; color: var(--blue-soft); }
.system-layers li:nth-child(odd) .material-symbols-outlined { color: var(--pink-bright); }
.system-layers div { grid-template-columns: 34px 1fr; }
.system-layers p { grid-column: 2; text-align: left; }
.system-project-link { background: rgba(57, 189, 245, 0.035) !important; }
.system-layers .system-project-link div {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 4px;
}
.system-layers .system-project-link small,
.system-layers .system-project-link strong,
.system-layers .system-project-link p {
	grid-column: 1;
}
.system-project-link a { color: var(--blue-soft); font-weight: 700; }

@media (max-width: 1180px) {
	.solution-hero-grid { grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr); gap: 34px; }
	.solution-hero h1 { font-size: clamp(48px, 5.5vw, 68px); }
	.hero-product-browser { width: 78%; }
	.hero-event-stack { right: -3%; }
	.system-principle-panel { grid-template-columns: 0.72fr 1.28fr; gap: 34px; }
}

@media (max-width: 980px) {
	.solution-hero { padding-top: 30px; }
	.solution-hero-grid,
	.system-principle-panel { grid-template-columns: 1fr; }
	.solution-hero-copy { max-width: 760px; }
	.business-flow { width: min(760px, 100%); min-height: 500px; margin: 0 auto; }
	.system-principle-panel { gap: 30px; }
}

@media (max-width: 700px) {
	.mpweb-page-home .site-header { background: rgba(248, 246, 242, 0.98); }
	.solution-hero { padding: 28px 0 34px; }
	.solution-hero h1 { font-size: clamp(43px, 13vw, 58px); line-height: 1; }
	.solution-hero .hero-lead { font-size: 16px; line-height: 1.6; }
	.solution-hero .hero-actions { align-items: stretch; }
	.solution-hero .hero-actions .button { width: 100%; justify-content: center; }
	.business-flow { min-height: 430px; margin-top: 18px; }
	.hero-system-grid { inset-inline: -10%; }
	.hero-product-browser { top: 0; left: 0; width: 92%; }
	.hero-product-screen { height: 210px; }
	.hero-product-screen > img { height: 255px; }
	.hero-window-bar b { display: none; }
	.hero-control-center { left: 0; bottom: 4%; width: 79%; padding: 12px; }
	.hero-control-center header strong { font-size: 10px; }
	.hero-control-center header small,
	.hero-control-center footer { display: none; }
	.hero-pipeline { gap: 5px; margin-bottom: 0; }
	.hero-pipeline li span { width: 33px; height: 33px; font-size: 15px; }
	.hero-mobile-console { right: -2%; bottom: 1%; width: 31%; min-width: 125px; }
	.hero-mobile-status { grid-template-columns: 20px 1fr; padding: 6px; }
	.hero-mobile-status > span { font-size: 15px; }
	.hero-event-stack { top: 12%; right: -2%; width: 164px; }
	.hero-system-owner { right: 1%; bottom: -3%; width: 205px; }
	.system-layers { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
	.business-flow { min-height: 390px; }
	.hero-product-screen { height: 188px; }
	.hero-product-roles span:nth-child(3) { display: none; }
	.hero-control-center { width: 82%; }
	.hero-control-center header strong { font-size: 9px; }
	.hero-pipeline li b { font-size: 7px; }
	.hero-mobile-console { bottom: 0; min-width: 114px; padding-inline: 7px; }
	.hero-mobile-brand { padding: 7px 5px; }
	.hero-mobile-status:nth-of-type(3) { display: none; }
	.hero-mobile-chart { height: 32px; }
	.hero-event-stack { top: 10%; width: 150px; }
	.hero-event-stack > div { grid-template-columns: 24px 1fr; padding: 8px; }
	.hero-system-owner { display: none; }
}

/**
 * De ce există:
 * Extinde direcția „Studio de precizie” pe toate paginile comerciale interioare.
 *
 * Responsabilitate:
 * Uniformizează headerul, hero-ul editorial, consola și traseul context-rezultat în RO/RU/EN.
 *
 * Ce NU face:
 * Nu schimbă ofertele, prețurile, contribuțiile de portofoliu sau logica formularelor.
 *
 * Depinde de:
 * Clasele mpweb-page-* din header.php și conținutul trilingv din studio-page.php.
 */
body[class*="mpweb-page-"]:not(.mpweb-page-home) .site-header {
	background: rgba(248, 246, 242, .97);
	border-bottom-color: rgba(12, 20, 34, .1);
	box-shadow: none;
}
body[class*="mpweb-page-"]:not(.mpweb-page-home) .site-header.is-scrolled {
	background: rgba(248, 246, 242, .985);
	box-shadow: 0 14px 40px rgba(11, 18, 32, .08);
}
body[class*="mpweb-page-"]:not(.mpweb-page-home) .site-header .brand,
body[class*="mpweb-page-"]:not(.mpweb-page-home) .desktop-nav a { color: #0b1220; }
body[class*="mpweb-page-"]:not(.mpweb-page-home) .desktop-nav a:hover,
body[class*="mpweb-page-"]:not(.mpweb-page-home) .desktop-nav a:focus-visible,
body[class*="mpweb-page-"]:not(.mpweb-page-home) .desktop-nav a[aria-current="page"] { color: #d92e95; }
body[class*="mpweb-page-"]:not(.mpweb-page-home) .language-switch { border-color: rgba(11, 18, 32, .16); background: rgba(255, 255, 255, .45); }
body[class*="mpweb-page-"]:not(.mpweb-page-home) .language-switch a { color: #334155; }
body[class*="mpweb-page-"]:not(.mpweb-page-home) .language-switch a[aria-current="page"] { background: #e7e4df; color: #0b1220; }
body[class*="mpweb-page-"]:not(.mpweb-page-home) .menu-toggle { border-color: #0b1220; background: #0b1220; color: #fff; }

.studio-inner-page .inner-hero {
	min-height: 650px;
	padding: 54px 0 58px;
	border-bottom: 0;
	background: #f8f6f2;
	color: #0b1220;
}
.studio-inner-page .inner-hero::before { opacity: 1; }
.studio-inner-page .inner-hero--services::before { background: radial-gradient(circle at 72% 22%, rgba(223, 50, 152, .09), transparent 29%); }
.studio-inner-page .inner-hero--systems::before { background: linear-gradient(135deg, transparent 46%, rgba(57, 189, 245, .075)); }
.studio-inner-page .inner-hero--pricing::before { background: radial-gradient(ellipse at 78% 20%, rgba(245, 158, 11, .09), transparent 31%); }
.studio-inner-page .inner-hero--projects::before { background: linear-gradient(120deg, rgba(124, 92, 255, .055), transparent 48%); }
.studio-inner-page .inner-hero--process::before { background: repeating-linear-gradient(125deg, transparent 0 70px, rgba(11, 18, 32, .025) 71px 72px); }
.studio-inner-page .inner-hero--about::before { background: radial-gradient(circle at 78% 42%, rgba(22, 163, 74, .07), transparent 31%); }
.studio-inner-page .inner-hero--contact::before { background: radial-gradient(circle at 78% 38%, rgba(223, 50, 152, .08), transparent 29%); }
.studio-inner-page .inner-hero-grid { grid-template-columns: minmax(0, .9fr) minmax(520px, .7fr); gap: clamp(52px, 6vw, 92px); }
.studio-inner-page .breadcrumbs { margin-bottom: 42px; color: #5f6878; }
.studio-inner-page .breadcrumbs a { color: #a82070; }
.studio-inner-page .inner-hero .kicker {
	display: flex;
	align-items: center;
	gap: 16px;
	color: #a82070;
	letter-spacing: .17em;
}
.studio-inner-page .inner-hero .kicker::after { content: ""; width: 68px; height: 1px; background: rgba(11, 18, 32, .2); }
.studio-inner-page .inner-hero h1 {
	max-width: 780px;
	margin-bottom: 22px;
	color: #0b1220;
	font-family: "DM Serif Display", Georgia, serif;
	font-size: clamp(48px, 4.5vw, 68px);
	font-weight: 400;
	line-height: 1.01;
	letter-spacing: -.04em;
}
.studio-inner-page .inner-lead { max-width: 680px; color: #354052; font-size: 17px; line-height: 1.65; }
.studio-inner-page .inner-hero .button-outline { border-color: rgba(11, 18, 32, .24); background: rgba(255, 255, 255, .48); color: #0b1220; }
.studio-inner-page .inner-hero .button-outline:hover,
.studio-inner-page .inner-hero .button-outline:focus-visible { border-color: #0b1220; background: #fff; color: #0b1220; }
.studio-inner-page .inner-hero .hero-action-note { color: #4d596b; }
.studio-inner-page .inner-hero .hero-action-note .material-symbols-outlined { color: #df3298; }
.studio-inner-page .system-console { box-shadow: 0 30px 70px rgba(11, 18, 32, .2), 0 0 55px rgba(57, 189, 245, .06); }

.inner-proof-rail { border-top: 1px solid rgba(11, 18, 32, .11); border-bottom: 1px solid rgba(11, 18, 32, .12); background: #f8f6f2; color: #0b1220; }
.inner-proof-rail > .shell { display: grid; grid-template-columns: minmax(210px, .6fr) minmax(0, 1.4fr); align-items: stretch; }
.inner-proof-rail > .shell > p { display: flex; align-items: center; margin: 0; padding: 22px 28px 22px 0; border-right: 1px solid rgba(11, 18, 32, .12); color: #a82070; font-size: 9px; font-weight: 850; letter-spacing: .15em; }
.inner-proof-rail ol { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; list-style: none; }
.inner-proof-rail li { display: grid; grid-template-columns: 28px 24px 1fr; align-items: center; gap: 10px; min-height: 78px; padding: 14px 22px; border-right: 1px solid rgba(11, 18, 32, .12); }
.inner-proof-rail li:last-child { border-right: 0; }
.inner-proof-rail li > span { color: #5f6878; font-size: 10px; font-weight: 800; }
.inner-proof-rail li > i { color: #c42e88; font-size: 20px; }
.inner-proof-rail li:nth-child(2) > i { color: #4869b7; }
.inner-proof-rail li > strong { font-size: 12px; }

@media (max-width: 1080px) {
	.studio-inner-page .inner-hero { min-height: 0; }
	.studio-inner-page .inner-hero-grid { grid-template-columns: 1fr; gap: 42px; }
	.studio-inner-page .system-console { width: min(100%, 760px); margin: 0; }
	.inner-proof-rail > .shell { grid-template-columns: 1fr; }
	.inner-proof-rail > .shell > p { padding: 18px 0; border-right: 0; border-bottom: 1px solid rgba(11, 18, 32, .12); }
}

@media (max-width: 700px) {
	body[class*="mpweb-page-"]:not(.mpweb-page-home) .site-header { background: rgba(248, 246, 242, .985); }
	.studio-inner-page .inner-hero { padding: 30px 0 38px; }
	.studio-inner-page .breadcrumbs { margin-bottom: 30px; }
	.studio-inner-page .inner-hero h1 { font-size: clamp(43px, 12vw, 55px); }
	.studio-inner-page .inner-lead { font-size: 16px; line-height: 1.58; }
	.studio-inner-page .inner-hero .hero-actions { align-items: stretch; }
	.studio-inner-page .inner-hero .hero-actions .button { width: 100%; justify-content: center; }
	.inner-proof-rail > .shell { width: 100%; }
	.inner-proof-rail > .shell > p { padding-inline: 20px; }
	.inner-proof-rail ol { grid-template-columns: 1fr; }
	.inner-proof-rail li { min-height: 62px; padding: 12px 20px; border-right: 0; border-bottom: 1px solid rgba(11, 18, 32, .1); }
	.inner-proof-rail li:last-child { border-bottom: 0; }
}

/**
 * De ce există:
 * Aplică alegerea globală Automat / Luminos / Întunecat fără a inversa mecanic imaginile sau consolele de produs.
 *
 * Responsabilitate:
 * Recolorează suprafețele, textele, navigația, formularele și panourile editoriale pe toate paginile și dimensiunile.
 *
 * Ce NU face:
 * Nu modifică imaginile proiectelor și păstrează consolele operaționale întunecate pentru lizibilitatea lor internă.
 *
 * Depinde de:
 * Atributele data-color-theme aplicate pe elementul html de header.php și site.js.
 */
html[data-color-theme] body,
html[data-color-theme] .site-header,
html[data-color-theme] .section-dark,
html[data-color-theme] .solution-hero,
html[data-color-theme] .inner-hero,
html[data-color-theme] .inner-proof-rail,
html[data-color-theme] .orbit-menu-panel,
html[data-color-theme] .modal-dialog,
html[data-color-theme] .cookie-dialog,
html[data-color-theme] .cookie-consent {
	transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

html[data-color-theme="light"] .guide-category-nav {
	background: rgba(248, 246, 242, 0.94);
}

html[data-color-theme="light"] .orbit-menu-panel {
	background: #f8f6f2;
}

html[data-color-theme="light"] .orbit-link {
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 14px 34px rgba(11, 18, 32, 0.12);
}

html[data-color-theme="light"] .orbit-menu-backdrop,
html[data-color-theme="light"] .modal-backdrop {
	background: rgba(21, 29, 43, 0.58);
}

html[data-color-theme="light"] .cookie-consent {
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 28px 80px rgba(11, 18, 32, 0.18), inset 3px 0 0 var(--pink);
}

html[data-color-theme="light"] .system-principle {
	background: #f1eee8;
}

html[data-color-theme="light"] .system-layers li {
	background: rgba(255, 255, 255, 0.7);
}

html[data-color-theme="light"] .system-project-link {
	background: rgba(20, 124, 169, 0.055) !important;
}

html[data-color-theme="light"] .contact-option,
html[data-color-theme="light"] .pricing-details-grid {
	background: rgba(255, 255, 255, 0.72);
}

html[data-color-theme="light"] .guide-card {
	background: rgba(255, 255, 255, 0.34);
}

html[data-color-theme="light"] .guide-sources {
	background: rgba(255, 255, 255, 0.5);
}

html[data-color-theme="dark"] .mpweb-page-home .site-header,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .site-header {
	border-bottom-color: var(--line);
	background: rgba(2, 5, 10, 0.9);
}

html[data-color-theme="dark"] .mpweb-page-home .site-header.is-scrolled,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .site-header.is-scrolled {
	background: rgba(2, 5, 10, 0.97);
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.26);
}

html[data-color-theme="dark"] .mpweb-page-home .site-header .brand,
html[data-color-theme="dark"] .mpweb-page-home .desktop-nav a,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .site-header .brand,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .desktop-nav a {
	color: var(--muted-strong);
}

html[data-color-theme="dark"] .mpweb-page-home .desktop-nav a:hover,
html[data-color-theme="dark"] .mpweb-page-home .desktop-nav a:focus-visible,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .desktop-nav a:hover,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .desktop-nav a:focus-visible,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .desktop-nav a[aria-current="page"] {
	color: var(--text);
}

html[data-color-theme="dark"] .mpweb-page-home .language-switch,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .language-switch,
html[data-color-theme="dark"] .mpweb-page-home .theme-switch--header,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .theme-switch--header {
	border-color: var(--line);
	background: rgba(8, 17, 29, 0.78);
}

html[data-color-theme="dark"] .mpweb-page-home .language-switch a,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .language-switch a {
	color: var(--muted);
}

html[data-color-theme="dark"] .mpweb-page-home .language-switch a[aria-current="page"],
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .language-switch a[aria-current="page"] {
	background: linear-gradient(135deg, rgba(225, 75, 168, 0.28), rgba(57, 189, 245, 0.27));
	color: var(--text);
}

html[data-color-theme="dark"] .mpweb-page-home .menu-toggle,
html[data-color-theme="dark"] body[class*="mpweb-page-"]:not(.mpweb-page-home) .menu-toggle {
	border-color: var(--line-strong);
	background: var(--surface);
	color: var(--text);
}

html[data-color-theme="dark"] .solution-hero,
html[data-color-theme="dark"] .studio-inner-page .inner-hero,
html[data-color-theme="dark"] .inner-proof-rail {
	background: #050b14;
	color: var(--text);
}

html[data-color-theme="dark"] .solution-hero h1,
html[data-color-theme="dark"] .solution-hero h1 span,
html[data-color-theme="dark"] .studio-inner-page .inner-hero h1 {
	color: var(--text);
}

html[data-color-theme="dark"] .solution-hero .hero-lead,
html[data-color-theme="dark"] .hero-direct-note,
html[data-color-theme="dark"] .studio-inner-page .inner-lead,
html[data-color-theme="dark"] .studio-inner-page .inner-hero .hero-action-note,
html[data-color-theme="dark"] .studio-inner-page .breadcrumbs {
	color: var(--muted-strong);
}

html[data-color-theme="dark"] .solution-hero .kicker::after,
html[data-color-theme="dark"] .studio-inner-page .inner-hero .kicker::after {
	background: var(--line-strong);
}

html[data-color-theme="dark"] .solution-hero .kicker {
	color: #f47ac5;
}

html[data-color-theme="dark"] .solution-hero .button-outline,
html[data-color-theme="dark"] .studio-inner-page .inner-hero .button-outline {
	border-color: var(--line-strong);
	background: rgba(255, 255, 255, 0.035);
	color: var(--text);
}

html[data-color-theme="dark"] .solution-hero .button-outline:hover,
html[data-color-theme="dark"] .solution-hero .button-outline:focus-visible,
html[data-color-theme="dark"] .studio-inner-page .inner-hero .button-outline:hover,
html[data-color-theme="dark"] .studio-inner-page .inner-hero .button-outline:focus-visible {
	border-color: var(--blue);
	background: var(--surface-raised);
	color: var(--text);
}

html[data-color-theme="dark"] .inner-proof-rail,
html[data-color-theme="dark"] .inner-proof-rail > .shell > p,
html[data-color-theme="dark"] .inner-proof-rail li {
	border-color: var(--line);
}

html[data-color-theme="dark"] .inner-proof-rail li > span {
	color: var(--muted);
}

html[data-color-theme="dark"] .studio-inner-page .breadcrumbs a,
html[data-color-theme="dark"] .studio-inner-page .inner-hero .kicker,
html[data-color-theme="dark"] .inner-proof-rail > .shell > p {
	color: #f47ac5;
}

html[data-color-theme="dark"] .portfolio-index {
	color: var(--text);
	background: #07111d;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
}

html[data-color-theme="dark"] .portfolio-index-head > p,
html[data-color-theme="dark"] .portfolio-index-copy > p {
	color: var(--muted);
}

html[data-color-theme="dark"] .portfolio-index-filters button {
	border-color: var(--line-strong);
	color: var(--muted-strong);
}

html[data-color-theme="dark"] .portfolio-index-filters button span {
	color: var(--muted-strong);
	background: var(--surface-raised);
}

html[data-color-theme="dark"] .portfolio-index-filters button.is-active {
	border-color: var(--blue);
	color: var(--text);
	background: var(--surface-raised);
}

html[data-color-theme="dark"] .portfolio-index-card {
	border-color: var(--line);
	background: var(--surface);
}

html[data-color-theme="dark"] .portfolio-index-copy > button {
	border-color: var(--line);
	color: var(--text);
}

html[data-color-theme="dark"] .portfolio-index-status {
	color: var(--muted-strong);
	background: var(--surface-raised);
}

@media (max-width: 1180px) {
	.desktop-nav,
	.language-switch,
	.theme-switch--header { display: none; }
	.header-actions .menu-toggle { display: inline-grid; }
	.orbit-menu { display: grid; }
	.multipage-mobile-nav {
		position: relative;
		display: grid;
		align-content: start;
		gap: 8px;
		min-height: 0;
		padding: 24px 0;
		overflow-y: auto;
	}
	.multipage-mobile-nav .orbit-link {
		position: static;
		width: 100%;
		min-width: 0;
	}
	.orbit-menu-footer { flex-wrap: wrap; }
	.orbit-menu-footer > p { width: 100%; }
	.theme-menu-setting { width: 100%; }
	.theme-switch--mobile { width: 100%; justify-content: space-between; }
	.theme-switch--mobile button { flex: 1; justify-content: center; min-height: 38px; }
}

@media (prefers-reduced-motion: reduce) {
	html[data-color-theme] body,
	html[data-color-theme] .site-header,
	html[data-color-theme] .section-dark,
	html[data-color-theme] .solution-hero,
	html[data-color-theme] .inner-hero,
	html[data-color-theme] .inner-proof-rail,
	html[data-color-theme] .orbit-menu-panel,
	html[data-color-theme] .modal-dialog,
	html[data-color-theme] .cookie-dialog,
	html[data-color-theme] .cookie-consent {
		transition: none;
	}
}

/* Ultimele ajustări mobile rămân după toate regulile istorice ale temei. */
@media (max-width: 700px) {
	.solution-hero h1 {
		font-size: clamp(37px, 10.5vw, 49px);
		line-height: 1.02;
	}
}

/*
 * De ce există:
 * Separă serviciile de dezvoltare de viitoarele produse WordPress și face diferențele de preț verificabile.
 *
 * Responsabilitate:
 * Afișează fundația comună, nivelurile comerciale, comparația, costurile separate și catalogul în pregătire.
 *
 * Ce NU face:
 * Nu activează plăți, licențe sau produse care nu au fost încă publicate și verificate.
 *
 * Depinde de:
 * Structura paginilor pricing și products din studio-page.php și teaserul din front-page.php.
 */
.pricing-rebuild {
	padding-top: 70px;
}

.pricing-foundation,
.products-pricing-bridge,
.product-status-panel,
.products-waitlist,
.home-products-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
	align-items: center;
	gap: clamp(34px, 5vw, 76px);
	padding: clamp(30px, 4vw, 52px);
	border: 1px solid var(--line-strong);
	border-radius: 24px;
	background: linear-gradient(145deg, rgba(12, 28, 47, 0.92), rgba(7, 15, 27, 0.96));
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.16);
}

.pricing-foundation h2,
.products-pricing-bridge h2,
.product-status-panel h2,
.products-waitlist h2,
.home-products-panel h2,
.pricing-comparison h2,
.pricing-options h2,
.product-standard h2 {
	margin-bottom: 14px;
	font-size: clamp(31px, 3.5vw, 50px);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

.pricing-foundation p,
.products-pricing-bridge p,
.product-status-panel p,
.products-waitlist p,
.home-products-panel p {
	max-width: 760px;
	margin-bottom: 0;
	color: var(--muted);
}

.pricing-foundation > ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing-foundation li {
	display: grid;
	grid-template-columns: 34px 1fr;
	align-items: center;
	gap: 10px;
	min-height: 74px;
	padding: 12px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.025);
	color: var(--muted-strong);
	font-size: 13px;
	font-weight: 750;
}

.pricing-foundation li .material-symbols-outlined {
	color: var(--blue-soft);
}

.pricing-level-heading {
	margin-top: 88px;
}

.price-table--decisions {
	margin-top: 40px;
}

.price-table--decisions article {
	min-height: 620px;
}

.price-table--decisions article > p:not(.kicker, .big-price, .package-boundary) {
	color: var(--muted);
	line-height: 1.65;
}

.price-table--decisions .package-boundary {
	margin-top: auto;
	padding-top: 22px;
	border-top: 1px solid var(--line);
	color: var(--muted);
	font-size: 13px;
	line-height: 1.55;
}

.price-table--decisions .package-boundary strong {
	color: var(--text);
}

.pricing-comparison,
.pricing-options,
.product-standard {
	padding-top: 92px;
}

.pricing-comparison .section-intro,
.pricing-options .section-intro {
	max-width: 850px;
	margin-bottom: 34px;
}

.pricing-comparison-table {
	overflow: hidden;
	border: 1px solid var(--line-strong);
	border-radius: 20px;
	background: var(--surface);
}

.comparison-row {
	display: grid;
	grid-template-columns: minmax(180px, 1.15fr) repeat(3, minmax(150px, 1fr));
	border-bottom: 1px solid var(--line);
}

.comparison-row:last-child {
	border-bottom: 0;
}

.comparison-row > * {
	display: flex;
	align-items: center;
	min-height: 70px;
	padding: 14px 18px;
	border-right: 1px solid var(--line);
	color: var(--muted-strong);
	font-size: 13px;
}

.comparison-row > *:last-child {
	border-right: 0;
}

.comparison-row > strong:first-child {
	color: var(--text);
}

.comparison-head {
	background: rgba(57, 189, 245, 0.055);
}

.comparison-head > strong {
	color: var(--blue-soft);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pricing-option-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--line);
	border-left: 1px solid var(--line);
}

.pricing-option-grid article {
	display: grid;
	align-content: start;
	gap: 22px;
	min-height: 170px;
	padding: 25px;
	border-right: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.pricing-option-grid .material-symbols-outlined {
	color: var(--pink-bright);
	font-size: 28px;
}

.pricing-option-grid strong {
	font-size: 15px;
	line-height: 1.45;
}

.products-pricing-bridge {
	margin-top: 92px;
	background:
		radial-gradient(circle at 80% 20%, rgba(225, 75, 168, 0.13), transparent 35%),
		linear-gradient(145deg, rgba(12, 28, 47, 0.96), rgba(7, 15, 27, 0.98));
}

.products-pricing-bridge .button,
.home-products-panel .button {
	justify-self: end;
}

.products-page {
	padding-top: 70px;
}

.product-status-panel {
	grid-template-columns: 72px 1fr;
	align-items: start;
	background:
		radial-gradient(circle at 8% 15%, rgba(57, 189, 245, 0.12), transparent 26%),
		var(--surface);
}

.product-status-panel > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border: 1px solid rgba(57, 189, 245, 0.32);
	border-radius: 17px;
	color: var(--blue-soft);
	font-size: 31px;
}

.products-page > .shell > .section-intro {
	margin-top: 90px;
}

.product-delivery-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 40px;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.product-delivery-grid article {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 370px;
	padding: 38px 32px;
	border-right: 1px solid var(--line);
}

.product-delivery-grid article:last-child {
	border-right: 0;
}

.product-delivery-grid article.is-featured {
	background: var(--surface);
}

.product-delivery-grid article > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-bottom: 38px;
	border: 1px solid var(--line-strong);
	border-radius: 15px;
	color: var(--blue-soft);
	font-size: 29px;
}

.product-delivery-grid article > small {
	position: absolute;
	top: 40px;
	right: 32px;
	color: var(--pink-bright);
	font-weight: 850;
}

.product-delivery-grid h3 {
	margin-bottom: 14px;
	font-size: 28px;
}

.product-delivery-grid p {
	color: var(--muted);
	line-height: 1.7;
}

.product-standard {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(480px, 1.2fr);
	gap: clamp(42px, 7vw, 100px);
}

.product-standard ol {
	display: grid;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--line);
	list-style: none;
}

.product-standard li {
	display: grid;
	grid-template-columns: 46px 1fr;
	align-items: center;
	gap: 18px;
	min-height: 78px;
	border-bottom: 1px solid var(--line);
}

.product-standard li span {
	color: var(--pink-bright);
	font-size: 12px;
	font-weight: 850;
}

.product-standard li strong {
	font-size: 15px;
}

.products-waitlist {
	margin-top: 92px;
}

.products-waitlist .button {
	justify-self: end;
}

.home-products-strip {
	padding: 0 0 92px;
}

.home-products-panel {
	background:
		radial-gradient(circle at 84% 18%, rgba(225, 75, 168, 0.14), transparent 30%),
		linear-gradient(145deg, rgba(10, 25, 43, 0.96), rgba(6, 14, 25, 0.98));
}

@media (max-width: 980px) {
	.pricing-foundation,
	.products-pricing-bridge,
	.products-waitlist,
	.home-products-panel,
	.product-standard {
		grid-template-columns: 1fr;
	}
	.products-pricing-bridge .button,
	.products-waitlist .button,
	.home-products-panel .button {
		justify-self: start;
	}
	.pricing-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.product-delivery-grid { grid-template-columns: 1fr; }
	.product-delivery-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
	.product-delivery-grid article:last-child { border-bottom: 0; }
}

@media (max-width: 700px) {
	.pricing-rebuild,
	.products-page { padding-top: 48px; }
	.pricing-foundation,
	.products-pricing-bridge,
	.product-status-panel,
	.products-waitlist,
	.home-products-panel { padding: 25px 21px; border-radius: 18px; }
	.pricing-foundation { grid-template-columns: 1fr; }
	.pricing-foundation > ul { grid-template-columns: 1fr; }
	.pricing-foundation li { min-height: 62px; }
	.pricing-level-heading,
	.pricing-comparison,
	.pricing-options,
	.product-standard,
	.products-pricing-bridge,
	.products-waitlist,
	.products-page > .shell > .section-intro { margin-top: 64px; padding-top: 0; }
	.price-table--decisions article { min-height: 0; }
	.comparison-head { display: none; }
	.pricing-comparison-table { overflow: visible; border: 0; background: transparent; }
	.comparison-row { grid-template-columns: 1fr; margin-bottom: 14px; border: 1px solid var(--line-strong); border-radius: 14px; background: var(--surface); overflow: hidden; }
	.comparison-row > * { min-height: 0; padding: 12px 15px; border-right: 0; border-bottom: 1px solid var(--line); }
	.comparison-row > *:last-child { border-bottom: 0; }
	.comparison-row > strong:first-child { min-height: 50px; background: rgba(57, 189, 245, 0.055); }
	.comparison-row > span { display: grid; grid-template-columns: 90px 1fr; gap: 12px; }
	.comparison-row > span::before { color: var(--blue-soft); font-size: 10px; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; content: attr(data-package); }
	.pricing-option-grid { grid-template-columns: 1fr; }
	.pricing-option-grid article { min-height: 120px; }
	.product-status-panel { grid-template-columns: 1fr; }
	.product-status-panel > .material-symbols-outlined { width: 54px; height: 54px; }
	.product-delivery-grid article { padding: 30px 22px; }
	.product-standard { grid-template-columns: 1fr; }
	.product-standard li { grid-template-columns: 36px 1fr; }
	.home-products-strip { padding-bottom: 62px; }
	.mobile-language-switch a,
	.footer-languages a {
		min-width: 46px;
		height: 46px;
	}
	.footer-link-grid a,
	.level-item > a,
	.level-item > button,
	.problem-project-copy > a,
	.home-guides-heading a,
	.home-process a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
}