:root {
	--font-body: "Manrope", sans-serif;
	--font-display: "Space Grotesk", sans-serif;
	--design-acid: #86fd19;
	--design-acid-dark: #6acb12;
	--design-acid-gradient: linear-gradient(90deg, rgba(149, 242, 73, 0.95) 0%, rgba(134, 253, 25, 0.88) 100%);
	--design-ink: #111111;
	--design-ink-soft: #2e3238;
	--design-mute: #666a72;
	--design-cream: #f5f0e8;
	--design-paper: #fbf8f2;
	--design-panel: #171a1f;
	--design-panel-soft: #20242b;
	--design-line: rgba(17, 17, 17, 0.1);
	--design-line-dark: rgba(255, 255, 255, 0.12);
	--design-shadow: 0 24px 70px rgba(17, 17, 17, 0.1);
}


.design-refresh .bg-light-white {
	background-color: #fbf8f2;
}

.design-refresh .dark-bg-color {
	background-color: #111317;
}

.design-refresh .container-1660 {
	max-width: 1660px;
	margin: 0 auto;
}

.design-refresh .mx-532 {
	max-width: 532px;
}

.design-refresh .pt-100 {
	padding-top: 100px;
}

.design-refresh .pb-100 {
	padding-bottom: 100px;
}

.design-refresh .ptb-100 {
	padding: 100px 0;
}

.design-refresh .mt-40 {
	margin-top: 40px;
}

.design-refresh .mt-60 {
	margin-top: 60px;
}

.design-refresh .mb-32 {
	margin-bottom: 32px;
}

.design-refresh .theme-input,
.design-refresh .big-select {
	width: 100%;
	padding: 17px 20px;
	border: 1px solid rgba(17, 17, 17, 0.12);
	border-radius: 15px;
	outline: 0;
	background: #ffffff;
	color: #111111;
	transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.design-refresh .theme-input::placeholder {
	color: #747981;
}

.design-refresh .theme-input:focus,
.design-refresh .big-select:focus {
	border-color: rgba(134, 253, 25, 0.9);
	box-shadow: 0 0 0 3px rgba(134, 253, 25, 0.12);
}

.design-refresh .big-select {
	appearance: none;
	padding-right: 48px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5L7 7.5L13 1.5' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: right 18px center;
	background-repeat: no-repeat;
	background-size: 14px 9px;
	cursor: pointer;
}

.design-refresh .ct-contact-form .input-field.width-half {
	width: 50%;
}

.design-refresh .contact-info-list li + li {
	margin-top: 26px;
}

.design-refresh .contact-info-list .nohover .contact-info-value:hover {
	cursor: default;
}

.design-refresh .contact-info-list .hover .contact-info-value {
	text-decoration: underline;
}

.design-refresh .mobile-menu {
	width: min(320px, 88vw);
	height: 100vh;
	position: fixed;
	top: 0;
	left: -110%;
	padding: 72px 24px 28px;
	overflow-y: auto;
	background: rgba(251, 248, 242, 0.98);
	backdrop-filter: blur(24px);
	box-shadow: 0 24px 56px rgba(17, 17, 17, 0.18);
	transition: left 0.24s ease;
	z-index: 160;
}

.design-refresh .mobile-menu.active {
	left: 0;
}

.design-refresh .mobile-menu .close {
	position: absolute;
	top: 18px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 14px;
	color: #111111;
	background: rgba(255, 255, 255, 0.84);
	cursor: pointer;
}

.design-refresh .mobile-menu .logo {
	display: block;
	padding: 26px;
	border-radius: 20px;
	background: #ece7de !important;
}

.design-refresh .mobile-menu .mobile-nav-menu {
	margin: 26px 0 0;
	padding: 0;
	list-style: none;
}

.design-refresh .mobile-menu .mobile-nav-menu li + li {
	margin-top: 6px;
}

.design-refresh .mobile-menu .mobile-nav-menu li a {
	display: block;
	padding: 12px 4px;
	color: #111111;
	font-weight: 600;
	text-decoration: none;
}

.design-refresh .scroll-top-btn {
	position: fixed;
	right: 24px;
	bottom: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 16px;
	color: #111111;
	box-shadow: 0 18px 36px rgba(17, 17, 17, 0.18);
	z-index: 80;
}

@media (max-width: 767.98px) {
	.design-refresh .pt-100 {
		padding-top: 70px;
	}

	.design-refresh .pb-100 {
		padding-bottom: 70px;
	}

	.design-refresh .ptb-100 {
		padding: 70px 0;
	}
}

html {
	scroll-behavior: smooth;
}

section[id],
div[id] {
	scroll-margin-top: 120px;
}

body.design-refresh {
	font-family: var(--font-body);
	color: var(--design-ink);
	background:
		radial-gradient(circle at 12% 8%, rgba(149, 242, 73, 0.12), transparent 24%),
		linear-gradient(180deg, #fbf8f2 0%, #f3eee6 100%);
}

body.design-refresh::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(rgba(17, 17, 17, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 17, 17, 0.03) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.85), transparent 88%);
	opacity: 0.3;
	z-index: -1;
}

body.design-refresh.gdpr-page {
	min-height: 100vh;
	background:
		radial-gradient(circle at 14% 8%, rgba(149, 242, 73, 0.14), transparent 22%),
		linear-gradient(180deg, #f7f3eb 0%, #efe9df 100%);
}

.design-refresh .legal-shell {
	padding: 28px 0 88px;
}

.design-refresh .legal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 24px;
	padding: 18px 22px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(20px);
	box-shadow: 0 16px 34px rgba(17, 17, 17, 0.06);
}

.design-refresh .legal-brand {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	color: #111111;
	text-decoration: none;
}

.design-refresh .legal-brand img {
	max-height: 38px;
	width: auto;
}

.design-refresh .legal-brand span {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(17, 17, 17, 0.48);
}

.design-refresh .legal-card {
	max-width: 940px;
	margin: 0 auto;
	padding: 42px 46px 48px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 28px 70px rgba(17, 17, 17, 0.08);
}

.design-refresh .legal-kicker {
	display: inline-flex;
	margin-bottom: 18px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(149, 242, 73, 0.16);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #497d11;
}

.design-refresh .legal-card h1 {
	margin: 0 0 14px;
	font-size: clamp(40px, 5vw, 58px);
	line-height: 0.98;
	letter-spacing: -0.05em;
	color: #111111;
}

.design-refresh .legal-intro {
	max-width: 62ch;
	margin: 0 0 30px;
	font-size: 18px;
	line-height: 1.7;
	color: #5d636c;
}

.design-refresh .legal-section + .legal-section {
	margin-top: 30px;
	padding-top: 26px;
	border-top: 1px solid rgba(17, 17, 17, 0.08);
}

.design-refresh .legal-section h2 {
	margin: 0 0 14px;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -0.03em;
	color: #111111;
}

.design-refresh .legal-card p,
.design-refresh .legal-card li {
	font-size: 17px;
	line-height: 1.75;
	color: #565c66;
}

.design-refresh .legal-card p {
	margin: 0;
}

.design-refresh .legal-card ul {
	margin: 14px 0 0;
	padding-left: 22px;
}

.design-refresh .legal-card li + li {
	margin-top: 8px;
}

.design-refresh .legal-note {
	margin-top: 18px !important;
	padding: 18px 20px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 22px;
	background: rgba(17, 17, 17, 0.03);
}

.design-refresh h1,
.design-refresh h2,
.design-refresh h3,
.design-refresh h4,
.design-refresh h5,
.design-refresh h6,
.design-refresh .template-btn,
.design-refresh .crete-navmenu li a,
.design-refresh .mobile-nav-menu li a {
	font-family: var(--font-display);
}

.design-refresh .container {
	max-width: 1240px;
}

.design-refresh .header-section {
	position: relative;
	padding: 18px 0 60px 0;
	z-index: 120;
	transition: padding 0.25s ease;
}

.design-refresh .infobar {
	display: none !important;
}

.design-refresh .header-section .container {
	transition: max-width 0.25s ease, transform 0.25s ease;
}

.design-refresh .crete-navbar {
	padding: 20px 28px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 32px;
	background: rgba(255, 255, 255, 0.9) !important;
	backdrop-filter: blur(26px);
	box-shadow: 0 16px 36px rgba(17, 17, 17, 0.07);
	transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, border-radius 0.25s ease, padding 0.25s ease;
}

.design-refresh .logo-wrapper img {
	max-height: 42px;
}

.design-refresh .crete-navmenu ul {
	display: flex;
	justify-content: center;
	gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.design-refresh .crete-navmenu > ul {
	display: flex;
	align-items: center;
}

.design-refresh .crete-navmenu li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 16px !important;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-transform: none;
	color: #404753;
	text-decoration: none;
	transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
}

.design-refresh .crete-navmenu > ul > li > a::before {
	display: none;
}

.design-refresh .crete-navmenu li a:hover,
.design-refresh .crete-navmenu li a.active {
	background: #10151c;
	color: #ffffff;
	box-shadow: 0 14px 30px rgba(16, 21, 28, 0.14);
}

.design-refresh .mobile-menu .mobile-nav-menu li a.active {
	color: #111111;
	font-weight: 700;
}

.design-refresh .header-right {
	gap: 12px !important;
}

.design-refresh .header-right .template-btn {
	align-self: center;
	min-height: 45px;
	padding: 15px 28px;
}

.design-refresh .header-right .template-btn img {
	width: 14px;
	height: 14px;
	margin: 0;
}

.design-refresh .header-toggle.mobile-menu-toggle {
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid rgba(17, 17, 17, 0.1);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.86);
	color: var(--design-ink);
}

.design-refresh .header-toggle.mobile-menu-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	margin: 0 auto 4px;
	background: var(--design-ink);
	border-radius: 999px;
}

.design-refresh .header-toggle.mobile-menu-toggle span:last-child {
	margin-bottom: 0;
}

.design-refresh .header-sticky.sticky-on {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 10px;
	background: transparent;
	box-shadow: none;
}

.design-refresh .header-sticky.sticky-on .container {
	transform: translateY(0);
}

.design-refresh .header-sticky.sticky-on .crete-navbar {
	padding: 16px 24px;
	border-color: rgba(17, 17, 17, 0.09);
	background: rgba(251, 248, 242, 0.95) !important;
	box-shadow: 0 14px 34px rgba(17, 17, 17, 0.08);
}

.design-refresh .header-right .template-btn,
.design-refresh .template-btn,
.design-refresh .phone-btn,
.design-refresh .template-btn.primary-btn,
.design-refresh .template-btn.white-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 24px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.design-refresh .header-right .template-btn,
.design-refresh .template-btn.primary-btn,
.design-refresh .template-btn.white-btn {
	border: 0;
	background: var(--design-acid-gradient);
	color: var(--design-ink);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.design-refresh .header-right .template-btn.primary-btn {
	background: #10151c;
	color: #ffffff;
	box-shadow: none;
}

.design-refresh .header-right .green-btn {
	width: 58px;
	min-width: 58px;
	padding-inline: 0;
	background: var(--design-acid-gradient);
	color: var(--design-ink);
	text-align: center;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.design-refresh .header-right .template-btn:hover,
.design-refresh .template-btn.primary-btn:hover,
.design-refresh .template-btn.white-btn:hover {
	color: var(--design-ink);
	background: linear-gradient(90deg, rgba(134, 253, 25, 0.94) 0%, rgba(159, 246, 96, 1) 100%);
	box-shadow: 0 16px 34px rgba(134, 253, 25, 0.22);
	transform: none;
}

.design-refresh .header-right .template-btn.primary-btn:hover {
	background: #1a2028;
	color: #ffffff;
	box-shadow: 0 16px 34px rgba(16, 21, 28, 0.2);
}

.design-refresh .header-right .template-btn.green-btn:hover {
	background: linear-gradient(90deg, rgba(134, 253, 25, 0.94) 0%, rgba(159, 246, 96, 1) 100%);
	color: var(--design-ink);
	box-shadow: 0 16px 34px rgba(134, 253, 25, 0.22);
}

.design-refresh .template-btn.outline-secondary {
	padding: 15px 24px;
	border: 1px solid rgba(17, 17, 17, 0.12);
	background: rgba(255, 255, 255, 0.62);
	color: var(--design-ink);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.design-refresh .template-btn.outline-secondary svg path {
	transition: fill 0.22s ease;
}

.design-refresh .template-btn::before {
	display: none !important;
}

.design-refresh .template-btn.outline-secondary:hover {
	background: #111111;
	border-color: #111111;
	color: #ffffff;
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22);
	transform: none;
}

.design-refresh .template-btn.outline-secondary:hover svg path {
	fill: #000000;
}

.design-refresh .hm2-hero-section {
	padding: 24px 0 64px;
	background:
		radial-gradient(circle at 17% 22%, rgba(149, 242, 73, 0.18), transparent 24%),
		radial-gradient(circle at 78% 18%, rgba(149, 242, 73, 0.14), transparent 20%),
		linear-gradient(180deg, #f9f5ee 0%, #f4efe7 100%);
}

.design-refresh .hm2-hero-section .hero-shape,
.design-refresh .hm2-hero-section .circle-shape-1,
.design-refresh .hm2-hero-section .circle-shape-2,
.design-refresh .hm2-hero-section .circle-shape-3 {
	display: none;
}

.design-refresh .hero-eyebrow {
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 1;
	margin-bottom: 28px;
	padding: 9px 16px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	font-weight: 500;
	color: #343942;
}

.design-refresh .hm2-hero-content h1 {
	max-width: 640px;
	margin-bottom: 20px !important;
	font-size: clamp(52px, 7vw, 86px);
	line-height: 0.94;
	letter-spacing: -0.05em;
}

.design-refresh .hero-kicker {
	display: block;
	max-width: 30ch;
	margin-top: 14px;
	font-size: clamp(22px, 2.6vw, 30px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #252a31;
}

.design-refresh .hm2-hero-content p {
	max-width: 560px;
	margin-bottom: 30px !important;
	font-size: 18px;
	line-height: 1.68;
	color: #454b54;
}

.design-refresh .primary-bg-light {
	background: transparent !important;
	padding: 0 !important;
}

.design-refresh .cr2-brand-n-service h2 .primary-bg-light,
.design-refresh .why-creatia-section h2 .primary-bg-light,
.design-refresh .cr-about-section h2 .primary-bg-light,
.design-refresh .hm4-pricing-section h3 .primary-bg-light,
.design-refresh .contact-info h2 .primary-bg-light {
	display: inline;
	padding: 0.08em 0.34em !important;
	border-radius: 0.28em;
	background: linear-gradient(90deg, rgba(149, 242, 73, 0.95) 0%, rgba(187, 255, 116, 0.92) 100%) !important;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	color: #111111 !important;
}

.design-refresh .primary-text-color {
	color: inherit !important;
}

.design-refresh .hero-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin-bottom: 30px;
}

.design-refresh .hero-availability {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #444a54;
}

.design-refresh .hero-availability::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #39d632;
	box-shadow: 0 0 0 6px rgba(57, 214, 50, 0.14);
}

.design-refresh .hero-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	max-width: 760px;
}

.design-refresh .hero-fact {
	padding: 16px 16px 14px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.44);
}

.design-refresh .hero-fact strong {
	display: block;
	margin-bottom: 6px;
	font-size: 17px;
	line-height: 1.1;
	color: var(--design-ink);
}

.design-refresh .hero-fact span {
	display: block;
	font-size: 14px;
	line-height: 1.55;
	color: #555b65;
}

.design-refresh .hero-image {
	position: relative;
	padding-left: 8px;
}

.design-refresh .hero-image-frame {
	position: relative;
	overflow: hidden;
	min-height: 560px;
	padding: 18px 18px 18px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 34px;
	background:
		radial-gradient(circle at 34% 18%, rgba(149, 242, 73, 0.18), transparent 28%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.62) 100%);
	box-shadow: 0 24px 70px rgba(17, 17, 17, 0.1);
}

.design-refresh .hero-man {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 475px;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 26px 34px rgba(17, 17, 17, 0.14));
}

.design-refresh .hero-image-card {
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	width: calc(100% - 28px);
	max-width: 520px;
	margin-top: -8px;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(17, 20, 24, 0.82);
	backdrop-filter: blur(12px);
	text-align: center;
	box-shadow: 0 18px 40px rgba(17, 17, 17, 0.18);
}

.design-refresh .hero-image-card span {
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(149, 242, 73, 0.78);
}

.design-refresh .hero-image-card strong {
	display: block;
	font-size: 18px;
	line-height: 1.14;
	letter-spacing: -0.03em;
	color: #ffffff;
}

.design-refresh .section-label {
	display: inline-block;
	margin-bottom: 16px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.56);
}

.design-refresh .section-label.light {
	color: rgba(17, 17, 17, 0.68);
}

.design-refresh .cr2-brand-n-service,
.design-refresh .why-creatia-section,
.design-refresh .cr-about-section,
.design-refresh .hm4-pricing-section,
.design-refresh .team-section,
.design-refresh .contact-section,
.design-refresh footer {
	position: relative;
}

.design-refresh .cr2-brand-n-service {
	padding: 42px 0 36px;
	background:
		radial-gradient(circle at 18% 22%, rgba(149, 242, 73, 0.14), transparent 20%),
		radial-gradient(circle at 82% 74%, rgba(149, 242, 73, 0.08), transparent 16%),
		linear-gradient(180deg, #1b1d21 0%, #15171b 100%);
	color: #ffffff;
	border-top: 1px solid rgba(17, 17, 17, 0.06);
}

.design-refresh .cr2-brand-n-service .section-label {
	color: rgba(255, 255, 255, 0.4);
}

.design-refresh .cr2-brand-n-service .net-vector,
.design-refresh .cr2-brand-n-service .circle-shape-1,
.design-refresh .cr2-brand-n-service .circle-shape-2 {
	display: none;
}
.design-refresh .cr2-brand-n-service h2 {
	color: #fff;
}
.design-refresh .cr2-brand-n-service h2,
.design-refresh .why-creatia-section h2,
.design-refresh .cr-about-section h2,
.design-refresh .hm4-pricing-section h3,
.design-refresh .contact-info h2 {
	font-size: clamp(36px, 5vw, 58px);
	line-height: 1.02;
	letter-spacing: -0.045em;
	margin-bottom: 0;
}

.design-refresh .hm2-service-slider {
	margin-top: 56px;
}

.design-refresh .hm2-service-slider .row {
	row-gap: 22px;
}

.design-refresh .services-showcase {
	display: grid;
	grid-template-columns: 1fr 1.08fr 1fr;
	gap: 22px;
	align-items: stretch;
}

.design-refresh .service-panel {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 30px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.025) 100%);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}

.design-refresh .service-panel h3 {
	margin: 18px 0 14px;
	font-size: 30px;
	line-height: 1.08;
	letter-spacing: -0.04em;
	color: #ffffff;
}

.design-refresh .service-panel p {
	margin-bottom: 20px;
	line-height: 1.72;
	color: rgba(255, 255, 255, 0.72);
}

.design-refresh .service-panel-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 66px;
	height: 66px;
	border-radius: 22px;
	background: rgba(149, 242, 73, 0.12);
	border: 1px solid rgba(149, 242, 73, 0.18);
	flex: 0 0 66px;
}

.design-refresh .service-panel-icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.design-refresh .service-panel-featured {
	grid-row: span 2;
	display: flex;
	flex-direction: column;
	padding: 18px;
	background:
		radial-gradient(circle at 50% 0%, rgba(149, 242, 73, 0.12), transparent 36%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(149, 242, 73, 0.05) 100%);
	border-color: rgba(149, 242, 73, 0.18);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
}

.design-refresh .service-panel-visual {
	overflow: hidden;
	border-radius: 24px;
}

.design-refresh .service-panel-visual img {
	width: 100%;
	height: 360px;
	object-fit: cover;
}

.design-refresh .service-panel-caption {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px 10px 10px;
}

.design-refresh .service-panel-caption span {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(149, 242, 73, 0.82);
}

.design-refresh .service-panel-caption h3 {
	margin-top: 0;
}

.design-refresh .service-panel-tech {
	background:
		radial-gradient(circle at 82% 18%, rgba(149, 242, 73, 0.14), transparent 22%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(149, 242, 73, 0.06) 100%);
}

.design-refresh .service-panel-icon-group {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 66px;
}

.design-refresh .service-panel-icon-group img {
	width: 66px;
	height: 66px;
	padding: 16px;
	border: 1px solid rgba(149, 242, 73, 0.18);
	border-radius: 22px;
	background: rgba(149, 242, 73, 0.1);
	object-fit: contain;
}

.design-refresh .service-panel-product {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 14% 18%, rgba(149, 242, 73, 0.2), transparent 28%),
		linear-gradient(180deg, #20262d 0%, #171b20 100%);
	border-color: rgba(149, 242, 73, 0.22);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 22px 54px rgba(0, 0, 0, 0.24);
}



.design-refresh .service-panel-product-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 66px;
	position: relative;
	z-index: 1;
}

.design-refresh .service-panel-product-top strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	padding: 7px 11px;
	border: 1px solid var(--mr-line);
	border-radius: 999px;
	background: rgba(255,255,255,0.62);
	font-family: 'JetBrains Mono', monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--mr-muted);
	white-space: nowrap;
	flex: 0 0 auto;
}

.design-refresh .service-panel-product-top strong a {
	color: inherit;
	text-decoration: none;
}

.design-refresh .service-panel-product-logo {
	max-width: 130px;
	height: auto;
	filter: none;
	align-self: center;
}

.design-refresh .service-panel-product h3,
.design-refresh .service-panel-product p,
.design-refresh .service-panel-product .template-btn {
	position: relative;
	z-index: 1;
}

.design-refresh .service-panel-product h3 {
	font-size: 34px;
}

.design-refresh .service-panel-product p {
	max-width: 28ch;
	color: rgba(255, 255, 255, 0.74);
}

.design-refresh .service-panel > .template-btn,
.design-refresh .service-panel-caption > .template-btn,
.design-refresh .service-panel-product > .template-btn {
	margin-top: auto;
}

.design-refresh .hm2-service-box {
	height: 100%;
	padding: 36px 34px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.74);
	box-shadow: 0 14px 44px rgba(17, 17, 17, 0.06);
}

.design-refresh .service-panel .template-btn.primary-btn {
	color: #111111;
}

.design-refresh .service-panel .template-btn.outline-secondary {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(255, 255, 255, 0.12);
	color: #111111;
}

.design-refresh .service-panel-product .template-btn.outline-secondary {
	background: rgba(149, 242, 73, 0.12);
	border: 1px solid rgba(149, 242, 73, 0.2);
	color: #ffffff;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.design-refresh .service-panel-product .template-btn.outline-secondary:hover {
	background: var(--design-acid-gradient);
	border-color: transparent;
	color: #111111
}

.design-refresh .hm2-service-box .icon-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 22px;
	background: rgba(149, 242, 73, 0.12);
	border: 1px solid rgba(149, 242, 73, 0.22);
}

.design-refresh .hm2-service-box h6,
.design-refresh .pricing-features h6 {
	font-size: 30px;
	line-height: 1.08;
	letter-spacing: -0.04em;
	color: var(--design-ink);
}

.design-refresh .tab-content-right h3 {
	font-size: 30px;
	line-height: 1.08;
	letter-spacing: -0.04em;
	color: #ffffff;
}

.design-refresh .hm2-service-box p {
	color: #555b65;
	line-height: 1.75;
}

.design-refresh .hm2-service-box .template-btn {
	margin-top: 10px;
	margin-right: 10px;
}

.design-refresh .why-creatia-section {
	padding: 110px 0;
	background: #fbf8f2;
	border-top: 1px solid rgba(17, 17, 17, 0.06);
	border-bottom: 1px solid rgba(17, 17, 17, 0.06);
}

.design-refresh .why-creatia-intro {
	max-width: 760px;
	margin: 0 auto 42px;
	font-size: 17px;
	line-height: 1.75;
	color: #2c352f;
}

.design-refresh .why-creatia-grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr 1fr;
	gap: 22px;
	align-items: stretch;
}

.design-refresh .why-creatia-card {
	padding: 30px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 14px 40px rgba(17, 17, 17, 0.06);
}

.design-refresh .why-creatia-card h3 {
	margin-bottom: 14px;
	font-size: 28px;
	line-height: 1.08;
	letter-spacing: -0.04em;
	color: var(--design-ink);
}

.design-refresh .why-creatia-card p,
.design-refresh .why-creatia-points li {
	color: #2c352f;
	line-height: 1.72;
}

.design-refresh .why-creatia-eyebrow {
	display: inline-flex;
	margin-bottom: 16px;
	padding: 7px 10px;
	border-radius: 12px;
	background: rgba(17, 17, 17, 0.08);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	color: #1f2823;
}

.design-refresh .why-creatia-card-featured {
	grid-row: span 2;
	padding: 18px;
	background: #181c22;
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: 0 30px 70px rgba(17, 17, 17, 0.18);
}

.design-refresh .why-creatia-visual {
	position: relative;
	height: 100%;
	min-height: 560px;
	border-radius: 24px;
	overflow: hidden;
}

.design-refresh .why-creatia-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.design-refresh .why-creatia-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 16, 20, 0.06) 0%, rgba(14, 16, 20, 0.84) 100%);
}

.design-refresh .why-creatia-visual-caption {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	z-index: 1;
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 22px;
	background: rgba(14, 16, 20, 0.62);
	backdrop-filter: blur(14px);
}

.design-refresh .why-creatia-visual-caption span {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
}

.design-refresh .why-creatia-visual-caption strong {
	display: block;
	font-size: 24px;
	line-height: 1.18;
	letter-spacing: -0.03em;
	color: #ffffff;
}

.design-refresh .why-creatia-card-accent {
	background: #eff4e8;
}

.design-refresh .why-creatia-card-wide {
	grid-column: span 2;
	background:
		radial-gradient(circle at top left, rgba(149, 242, 73, 0.16), transparent 28%),
		rgba(255, 255, 255, 0.86);
}

.design-refresh .why-creatia-points {
	margin: 0;
	padding-left: 18px;
}

.design-refresh .why-creatia-points li + li {
	margin-top: 10px;
}

.design-refresh .cr-about-section {
	padding: 108px 0 102px;
	background:
		radial-gradient(circle at 14% 18%, rgba(149, 242, 73, 0.14), transparent 20%),
		linear-gradient(180deg, #f7f3eb 0%, #f2ede4 100%);
	color: var(--design-ink);
}

.design-refresh .cr-about-section h2 .primary-bg-light {
	padding: 0.06em 0.24em !important;
	border-radius: 0.22em;
	background: linear-gradient(90deg, rgba(176, 243, 88, 0.9) 0%, rgba(196, 248, 126, 0.82) 100%) !important;
}

.design-refresh .cr-about-section .section-label {
	color: rgba(17, 17, 17, 0.44);
}

.design-refresh .realizace-intro {
	margin: 0 0 28px;
	font-size: 16px;
	line-height: 1.7;
	color: #676c74;
}

.design-refresh .project-mosaic {
	display: none;
}

.design-refresh .cr-about-tab-control {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 28px;
	border: 0;
}

.design-refresh .cr-about-tab-control li {
	margin: 0;
}

.design-refresh .cr-about-tab-control li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid rgba(17, 17, 17, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.88);
	color: #40454d;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: none;
	box-shadow: none;
}

.design-refresh .cr-about-tab-control li a::before,
.design-refresh .cr-about-tab-control li a::after {
	display: none !important;
}

.design-refresh .cr-about-tab-control li a.active,
.design-refresh .cr-about-tab-control li a:hover {
	background: linear-gradient(90deg, rgba(176, 243, 88, 0.9) 0%, rgba(196, 248, 126, 0.82) 100%);
	border-color: rgba(149, 242, 73, 0.28);
	color: var(--design-ink);
	box-shadow: 0 10px 20px rgba(149, 242, 73, 0.12);
}

.design-refresh .tab-content .tab-pane {
	padding: 10px 0 0;
}

.design-refresh .tab-content .row,
.design-refresh .team-section .row,
.design-refresh .contact-section .row {
	align-items: center;
}

.design-refresh .about-content-left,
.design-refresh .img-left {
	position: relative;
	padding: 22px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.84);
	box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}

.design-refresh .about-content-left img,
.design-refresh .img-left img,
.design-refresh .cr-service-box img {
	display: block;
	width: 100%;
	border-radius: 0px;
}

.design-refresh .ab-years-box {
	left: 22px;
	bottom: 22px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border: 1px solid rgba(17, 17, 17, 0.06);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--design-ink);
	box-shadow: 0 14px 32px rgba(17, 17, 17, 0.12);
	backdrop-filter: blur(10px);
	height: 60px;
}

.design-refresh .ab-years-box h3,
.design-refresh .ab-years-box p {
	margin: 0;
	color: var(--design-ink)
}

.design-refresh .ab-years-box h3 {
	font-size: 26px;
	line-height: 1;
	letter-spacing: -0.03em;
}

.design-refresh .ab-years-box p {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #5a6068;
}

.design-refresh #pgk .about-content-left {
	padding: 24px;
	background:
		radial-gradient(circle at 78% 18%, rgba(149, 242, 73, 0.14), transparent 24%),
		linear-gradient(180deg, #1d2128 0%, #181c22 100%);
	border-color: rgba(149, 242, 73, 0.14);
	box-shadow: 0 22px 56px rgba(17, 17, 17, 0.18);
}

.design-refresh #pgk .about-content-left img {
	display: block;
	border-radius: 0px;
}

.design-refresh #pgk .ab-years-box {
	left: 24px;
	bottom: 24px;
	display: inline-flex;
	align-items: baseline;
	gap: 10px;
	padding: 14px 18px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.design-refresh #pgk .ab-years-box h3,
.design-refresh #pgk .ab-years-box p {
	margin: 0;
}

.design-refresh #pgk .ab-years-box h3 {
	font-size: 28px;
	line-height: 1;
}

.design-refresh #pgk .ab-years-box p {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #4e545d;
}

.design-refresh .tab-content-right {
	max-width: 560px;
}

.design-refresh .cr-about-section .tab-content-right {
	padding-top: 4px;
}

.design-refresh .tab-content-right p,
.design-refresh .cr-content-right p,
.design-refresh .contact-info-list span,
.design-refresh .contact-info-list h6,
.design-refresh .contact-info-list .contact-info-value {
	color: rgba(255, 255, 255, 0.76);
}

.design-refresh .cr-about-section .tab-content-right h3 {
	color: var(--design-ink);
}

.design-refresh .cr-about-section .tab-content-right p {
	color: #565b64;
}

.design-refresh .cr-about-section .cr-tab-counter-single h3,
.design-refresh .cr-about-section .cr-tab-counter-single h6,
.design-refresh .cr-about-section .phone-btn h5 {
	color: var(--design-ink);
}

.design-refresh .cr-about-section .phone-btn div span {
	color: #5d626b;
}

.design-refresh .cr-tab-counter-single {
	padding: 0px;
//	border: 1px solid rgba(17, 17, 17, 0.06);
	border-radius: 20px;
//	background: rgba(255, 255, 255, 0.52);
	box-shadow: none;
}

.design-refresh .cr-about-section .cr-tab-counter-single h3 {
	font-size: clamp(22px, 3vw, 30px);
	line-height: 1.04;
	letter-spacing: -0.04em;
}

.design-refresh .cr-about-section .cr-tab-counter-single h6 {
	margin-top: 4px;
	font-size: clamp(15px, 1.5vw, 18px);
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.design-refresh .phone-btn {
	justify-content: flex-start;
	min-width: 0;
	padding: 10px 16px;
//	border: 1px solid rgba(17, 17, 17, 0.06);
//	border-radius: 20px;
//	background: rgba(255, 255, 255, 0.52);
	box-shadow: none;
}

.design-refresh .phone-btn h5,
.design-refresh .phone-btn span {
	color: var(--design-ink);
}

.design-refresh .phone-btn h5,
.design-refresh .phone-btn div span {
	text-transform: none;
	letter-spacing: -0.02em;
}

.design-refresh .cr-about-section .phone-btn h5 {
	margin-bottom: 2px !important;
	font-size: clamp(18px, 2.2vw, 24px);
	line-height: 1.05;
}

.design-refresh .cr-about-section .phone-btn div span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}

.design-refresh .phone-btn .icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border: 1px solid rgba(17, 17, 17, 0.06);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
}

.design-refresh .cr-about-section .phone-btn .icon img {
	width: 18px;
	height: 18px;
}

.design-refresh .phone-btn:hover {
	background: rgba(255, 255, 255, 0.62);
	border-color: rgba(17, 17, 17, 0.08);
	box-shadow: none;
	transform: none;
}

.design-refresh .cr2-footer-brands {
	padding: 88px 0 88px;
	background:
		radial-gradient(circle at 14% 18%, rgba(149, 242, 73, 0.16), transparent 18%),
		linear-gradient(180deg, #171a1f 0%, #111317 100%);
}

.design-refresh .cr2-footer-brands .container {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.design-refresh .technology-block {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 28px;
	padding: 34px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 32px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 22px 54px rgba(0, 0, 0, 0.16);
}

.design-refresh .technology-copy {
	max-width: 420px;
}

.design-refresh .technology-copy .section-label {
	color: rgba(255, 255, 255, 0.46);
}

.design-refresh .technology-copy h2 {
	margin-bottom: 18px;
	font-size: clamp(34px, 4vw, 52px);
	line-height: 1.02;
	letter-spacing: -0.04em;
	color: #ffffff;
}

.design-refresh .technology-copy p {
	margin: 0;
	font-size: 17px;
	line-height: 1.72;
	color: rgba(255, 255, 255, 0.72);
}

.design-refresh .technology-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.design-refresh .technology-card {
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.03);
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.design-refresh .technology-card:hover {
	border-color: rgba(149, 242, 73, 0.18);
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 0 1px rgba(149, 242, 73, 0.08), 0 16px 36px rgba(149, 242, 73, 0.08);
}

.design-refresh .technology-logo-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 40px;
	margin-bottom: 18px;
}

.design-refresh .technology-logo-wrap img {
	max-width: 120px;
	max-height: 24px;
	width: auto;
	height: auto;
	filter: brightness(0) invert(1);
	opacity: 0.92;
}

.design-refresh .technology-card h3 {
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 1.12;
	letter-spacing: -0.03em;
	color: #ffffff;
}

.design-refresh .technology-card p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
	color: rgba(255, 255, 255, 0.68);
}

.design-refresh .hm4-pricing-section {
	padding: 108px 0;
	background:
		radial-gradient(circle at 14% 22%, rgba(149, 242, 73, 0.16), transparent 18%),
		linear-gradient(180deg, #f4efe7 0%, #f0e9df 100%);
}

.design-refresh .hm4-pricing-section .section-title p {
	max-width: 520px;
	font-size: 16px;
	line-height: 1.72;
	color: #545963;
}

.design-refresh .hm4-pricing-section .section-title h3,
.design-refresh .hm4-pricing-section .section-title p {
	color: var(--design-ink) !important;
}

.design-refresh .hm4-pricing-box {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	gap: 24px;
	position: relative;
	padding: 42px 32px 32px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 16px 48px rgba(17, 17, 17, 0.08);
}

.design-refresh .hm4-pricing-box .pricing-features {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding-right: 0;
}

.design-refresh .hm4-pricing-box .pricing-features::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: rgba(17, 17, 17, 0.1);
}

.design-refresh .hm4-pricing-box .pricing-features h6 {
	margin: 0;
	padding-right: 24px;
	font-size: 28px;
	line-height: 1.04;
	letter-spacing: -0.04em;
}

.design-refresh .hm4-pricing-box .pricing-features h3 {
	margin: 0;
	padding-right: 24px;
	font-size: 28px;
	line-height: 1.04;
	letter-spacing: -0.04em;
	color: var(--design-ink);
	padding-bottom: 15px;
}

.design-refresh .hm4-pricing-box .pricing-features ul {
	margin: 14px 0 0;
	padding-left: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.design-refresh .hm4-pricing-box .pricing-features li {
	display: block;
	width: 100%;
	position: relative;
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	border-bottom: 0;
	padding: 0 24px 10px 0;
}

.design-refresh .hm4-pricing-box .pricing-features li + li {
	margin-top: 12px;
}

.design-refresh .hm4-pricing-box .pricing-features li::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(17, 17, 17, 0.08);
}

.design-refresh .hm4-pricing-box .pricing-features li:last-child {
	padding-bottom: 0;
}

.design-refresh .hm4-pricing-box .pricing-features li:last-child::after {
	display: none;
}

.design-refresh .pricing-inline-note {
	position: relative;
	display: inline;
	cursor: help;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.14em;
}

.design-refresh .pricing-info-tooltip {
	left: 50%;
	right: auto;
	width: max-content;
	max-width: min(320px, 72vw);
	white-space: normal;
	transform: translateX(-50%) translateY(6px);
}

.design-refresh .pricing-inline-note:hover .pricing-info-tooltip,
.design-refresh .pricing-inline-note:focus-visible .pricing-info-tooltip {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}


.design-refresh .hm4-pricing-box .price-amount {
	flex: 0 0 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	text-align: center;
}

.design-refresh .hm4-pricing-box .price-amount h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	margin-bottom: 18px !important;
	line-height: 1;
	letter-spacing: -0.04em;
}

.design-refresh .hm4-pricing-box .price-amount-line {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	margin-bottom: 18px !important;
	line-height: 1;
	letter-spacing: -0.04em;
}

.design-refresh .hm4-pricing-box .price-amount .price-prefix {
	display: block;
	font-size: 16px !important;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	opacity: 1;
	color: var(--design-ink);
}

.design-refresh .hm4-pricing-box .price-amount .price-value {
	display: inline;
	font-size: 40px;
	font-weight: 700;
	line-height: 0.92;
	letter-spacing: -0.05em;
}

.design-refresh .hm4-pricing-box .price-amount .price-currency {
	display: inline;
	margin-left: 8px;
	font-size: 40px;
	font-weight: 700;
	line-height: 0.95;
	letter-spacing: -0.04em;
}

.design-refresh .hm4-pricing-box .saving-badge,
.design-refresh .hm4-pricing-box .price-amount h3,
.design-refresh .hm4-pricing-box .pricing-features li {
	color: var(--design-ink);
}

.design-refresh .hm4-pricing-box .price-amount-line {
	color: var(--design-ink);
}

.design-refresh .hm4-pricing-section .col-xl-6:nth-child(2) .hm4-pricing-box,
.design-refresh .hm4-pricing-section .col-xl-6:nth-child(4) .hm4-pricing-box {
	background: #1b1f25;
	border-color: rgba(255, 255, 255, 0.08);
}

.design-refresh .hm4-pricing-section .col-xl-6:nth-child(2) .hm4-pricing-box {
	margin-top: 96px;
}

.design-refresh .hm4-pricing-section .col-xl-6:nth-child(2) .hm4-pricing-box .pricing-features::before,
.design-refresh .hm4-pricing-section .col-xl-6:nth-child(4) .hm4-pricing-box .pricing-features::before {
	background: rgba(255, 255, 255, 0.14);
}

.design-refresh .hm4-pricing-section .col-xl-6:nth-child(2) .hm4-pricing-box .pricing-features li,
.design-refresh .hm4-pricing-section .col-xl-6:nth-child(4) .hm4-pricing-box .pricing-features li {
	border-bottom-color: transparent;
}

.design-refresh .hm4-pricing-section .col-xl-6:nth-child(2) .hm4-pricing-box .pricing-features li::after,
.design-refresh .hm4-pricing-section .col-xl-6:nth-child(4) .hm4-pricing-box .pricing-features li::after {
	background: rgba(255, 255, 255, 0.1);
}

.design-refresh .hm4-pricing-section .col-xl-6:nth-child(2) .hm4-pricing-box h6,
.design-refresh .hm4-pricing-section .col-xl-6:nth-child(2) .hm4-pricing-box li,
.design-refresh .hm4-pricing-section .col-xl-6:nth-child(4) .hm4-pricing-box h6,
.design-refresh .hm4-pricing-section .col-xl-6:nth-child(4) .hm4-pricing-box li {
	color: #ffffff;
}

.design-refresh .saving-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 14px;
	background: rgba(149, 242, 73, 1);
	color: var(--design-ink);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
	position: absolute;
	top: -18px;
	left: 26px;
	z-index: 2;
	box-shadow: 0 0 0 4px rgba(240, 233, 223, 1);
}

.design-refresh .team-section {
	padding: 88px 0 0;
	background:
		radial-gradient(circle at 16% 22%, rgba(149, 242, 73, 0.18), transparent 18%),
		linear-gradient(180deg, #171a1f 0%, #111317 100%) !important;
}

.design-refresh .cr-service-box {
	padding: 56px 56px 0;
	border-radius: 34px 34px 0 0;
	background: linear-gradient(180deg, #1f2329 0%, #171a1f 100%) !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

.design-refresh .cr-service-box .row {
	align-items: center;
}

.design-refresh .cr-service-box .cr-content-right {
	max-width: 560px;
	padding-bottom: 56px;
}

.design-refresh .cr-service-box .position-relative.z-1 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.design-refresh .cr-content-right h2,
.design-refresh .cr-content-right .cr-subtitle,
.design-refresh .team-section .section-label {
	color: #ffffff !important;
}

.design-refresh .team-section .section-label {
	opacity: 0.64;
}

.design-refresh .team-section .cr-content-right p {
	max-width: 520px;
	color: rgba(255, 255, 255, 0.74);
}

.design-refresh .support-steps {
	margin: -4px 0 20px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	color: #d8ffb2 !important;
}

.design-refresh .support-downloads {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	max-width: 420px;
}

.design-refresh .support-download {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 88px;
	padding: 16px 18px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
	transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.design-refresh .support-download:hover {
	transform: translateY(-1px);
	border-color: rgba(149, 242, 73, 0.24);
	background: rgba(255, 255, 255, 0.06);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14);
}

.design-refresh .support-download img {
	display: block;
	width: auto;
	height: 56px;
	filter: none;
	border-radius: 0;
}

.design-refresh .support-note {
	max-width: 560px;
	margin: 22px 0 0;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 13px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.58) !important;
	font-style: normal !important;
}

.design-refresh .contact-section {
	padding: 108px 0;
	background: #0f1115;
}

.design-refresh .contact-section .circle-shape,
.design-refresh .contact-section .circle-shape-2,
.design-refresh .contact-section .circle-shape-3 {
	display: none;
}

.design-refresh .contact-form-box {
	padding: 36px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: var(--design-shadow);
}

.design-refresh .contact-form-box h3,
.design-refresh .contact-form-box p,
.design-refresh .contact-form-box label,
.design-refresh .contact-form-box .col-lg-12 {
	color: var(--design-ink);
	width: 100%;
}

.design-refresh .contact-form-box .theme-input,
.design-refresh .contact-form-box .nice-select,
.design-refresh .contact-form-box textarea {
	border-color: rgba(17, 17, 17, 0.12);
	background: #ffffff;
}

.design-refresh .contact-form-box textarea.theme-input {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 180px;
	min-height: 180px;
	max-height: 180px;
	resize: none;
}

.design-refresh footer {
	background: #0f1115;
}

.design-refresh .scroll-top-btn {
	background: var(--design-acid-gradient);
}

@media (max-width: 1199px) {
	.design-refresh .hero-image {
		padding-left: 0;
		margin-top: 30px;
	}

	.design-refresh .hero-image-frame {
		min-height: 500px;
	}

	.design-refresh .hero-man {
		min-height: 460px;
	}

	.design-refresh .why-creatia-grid {
		grid-template-columns: 1fr 1fr;
	}

	.design-refresh .services-showcase {
		grid-template-columns: 1fr 1fr;
	}

	.design-refresh .technology-block {
		grid-template-columns: 1fr;
	}

	.design-refresh .service-panel-featured {
		grid-column: span 2;
		grid-row: auto;
	}

	.design-refresh .why-creatia-card-featured,
	.design-refresh .why-creatia-card-wide {
		grid-column: span 2;
		grid-row: auto;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.design-refresh .service-panel-featured {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
		gap: 24px;
		padding: 24px;
	}

	.design-refresh .service-panel-featured .service-panel-visual {
		height: 100%;
		min-height: 320px;
	}

	.design-refresh .service-panel-featured .service-panel-visual img {
		height: 100%;
		min-height: 320px;
	}

	.design-refresh .service-panel-featured .service-panel-caption {
		justify-content: center;
		padding: 6px 0 0;
	}

	.design-refresh .service-panel-featured .service-panel-caption h3 {
		max-width: 12ch;
	}

	.design-refresh .service-panel-featured .service-panel-caption p {
		max-width: 34ch;
	}
}

@media (max-width: 991px) {
	section[id],
	div[id] {
		scroll-margin-top: 88px;
	}

	.design-refresh .crete-navbar {
		padding: 12px 16px;
	}

	.design-refresh .hm2-hero-section {
		padding-top: 20px;
	}

	.design-refresh .header-section {
		padding-top: 12px;
	}

	.design-refresh .header-sticky.sticky-on {
		padding-top: 6px;
	}

	.design-refresh .hm2-hero-content h1 {
		font-size: clamp(44px, 11vw, 72px);
	}

	.design-refresh .hero-facts {
		grid-template-columns: 1fr;
	}

	.design-refresh .hero-image-frame {
		min-height: 420px;
	}

	.design-refresh .hero-man {
		min-height: 380px;
	}

	.design-refresh .hm4-pricing-box,
	.design-refresh .cr-service-box,
	.design-refresh .contact-form-box {
		padding: 28px;
	}

	.design-refresh .hm4-pricing-box {
		flex-wrap: wrap;
		gap: 18px;
	}

	.design-refresh .hm4-pricing-box .pricing-features {
		padding-right: 0;
		flex-basis: 100%;
	}

	.design-refresh .hm4-pricing-box .pricing-features::before {
		display: none;
	}

	.design-refresh .hm4-pricing-box .price-amount {
		flex-basis: 100%;
		align-items: center;
		text-align: center;
	}

	.design-refresh .hm4-pricing-box .price-amount h3 {
		margin-bottom: 14px !important;
	}

	.design-refresh .hm4-pricing-box .price-amount .price-value,
	.design-refresh .hm4-pricing-box .price-amount .price-currency {
		font-size: 36px;
	}

	.design-refresh .hm4-pricing-box .price-amount .template-btn {
		min-width: 0;
	}

	.design-refresh .cr-service-box {
		padding: 32px 32px 0;
	}

	.design-refresh .cr-service-box .cr-content-right {
		padding-bottom: 24px;
	}
}

@media (max-width: 767px) {
	.design-refresh .hm2-hero-section,
	.design-refresh .why-creatia-section,
	.design-refresh .cr-about-section,
	.design-refresh .hm4-pricing-section,
	.design-refresh .contact-section {
		padding: 82px 0;
	}

	.design-refresh .hero-meta,
	.design-refresh .hero-actions {
		gap: 12px;
	}

	.design-refresh .crete-navbar {
		border-radius: 20px;
	}

	.design-refresh .hm2-service-box,
	.design-refresh .why-creatia-card,
	.design-refresh .contact-form-box {
		padding: 24px;
	}

	.design-refresh .hero-image-card strong {
		font-size: 20px;
	}

	.design-refresh .hero-image {
		display: none;
	}

	.design-refresh .service-panel-visual {
		display: none;
	}

	.design-refresh .service-panel-icon {
		display: none;
	}

	.design-refresh .service-panel-caption > span {
		display: none;
	}

	.design-refresh .why-creatia-grid {
		grid-template-columns: 1fr;
	}

	.design-refresh .services-showcase {
		grid-template-columns: 1fr;
	}

	.design-refresh .technology-grid {
		grid-template-columns: 1fr;
	}

	.design-refresh .support-downloads {
		grid-template-columns: 1fr;
		max-width: none;
	}

	.design-refresh .service-panel-featured {
		grid-column: auto;
	}

	.design-refresh .why-creatia-card-featured,
	.design-refresh .why-creatia-card-wide {
		grid-column: auto;
	}

	.design-refresh .why-creatia-visual {
		min-height: 380px;
	}

	.design-refresh .cr-about-tab-control {
		gap: 10px;
	}

	.design-refresh .cr-about-tab-control li a {
		padding: 11px 15px;
		font-size: 13px;
	}

	.design-refresh .hm4-pricing-box {
		padding: 32px 24px 24px;
	}

	.design-refresh .hm4-pricing-box .pricing-features h6 {
		padding-right: 0;
		font-size: 24px;
	}

	.design-refresh .hm4-pricing-box .pricing-features ul {
		margin-top: 12px;
	}

	.design-refresh .hm4-pricing-box .pricing-features li {
		padding-right: 0;
		font-size: 14px;
	}

	.design-refresh .hm4-pricing-box .price-amount {
		padding-top: 2px;
	}

	.design-refresh .hm4-pricing-box .price-amount .price-prefix {
		font-size: 15px !important;
	}

	.design-refresh .hm4-pricing-box .price-amount .price-value,
	.design-refresh .hm4-pricing-box .price-amount .price-currency {
		font-size: 32px;
	}

	.design-refresh .hm4-pricing-box .price-amount .price-currency {
		margin-left: 6px;
	}
}

/* BEGIN: extracted homepage inline styles */

/* extracted-style-block */
@media (min-width: 992px) {
				body.design-refresh .hm2-hero-section {
					margin-top: 0;
					padding-top: 0px;
					padding-bottom: 56px;
				}

				body.design-refresh .hm2-hero-section > .header-section.header-sticky {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					background: transparent;
					z-index: 20;
				}

				body.design-refresh .hm2-hero-section > .header-section .container {
					padding-top: 14px;
				}

				body.design-refresh .hm2-hero-section .hm2-hero-content {
					padding-right: 18px;
				}

				body.design-refresh .hm2-hero-section .hm2-hero-content h1 {
					margin-bottom: 20px !important;
				}

				body.design-refresh .hm2-hero-section .hm2-hero-content p.lead {
					margin-bottom: 32px !important;
				}

				body.design-refresh .hm2-hero-section .hero-actions {
					margin-bottom: 18px;
				}

				body.design-refresh .hm2-hero-section .hero-image {
					padding-left: 20px;
				}
			}

			@media (max-width: 991.98px) {
				body.design-refresh .hm2-hero-section {
					padding-top: 10px;
				}
			}

			body.design-refresh .section-title-accent {
				color: #245940;
			}

			body.design-refresh .cr2-brand-n-service,
			body.design-refresh .cr-about-section,
			body.design-refresh .hm4-pricing-section {
				background:
					radial-gradient(circle at 12% 18%, rgba(191, 244, 89, 0.12) 0%, rgba(191, 244, 89, 0) 20%),
					radial-gradient(circle at 88% 76%, rgba(191, 244, 89, 0.08) 0%, rgba(191, 244, 89, 0) 18%),
					linear-gradient(180deg, #f7f7f3 0%, #ececea 100%);
			}

			body.design-refresh .cr2-brand-n-service .circle-shape-1,
			body.design-refresh .cr2-brand-n-service .circle-shape-2,
			body.design-refresh .cr2-brand-n-service .net-vector {
				display: none !important;
			}

			body.design-refresh .cr2-brand-n-service .section-label,
			body.design-refresh .cr-about-section .section-label,
			body.design-refresh .hm4-pricing-section .section-label {
				color: rgba(28, 34, 30, 0.48);
			}

			body.design-refresh .cr2-brand-n-service h2,
			body.design-refresh .cr-about-section h2,
			body.design-refresh .hm4-pricing-section h3 {
				color: #161a17;
			}

			body.design-refresh .services-showcase {
				display: grid;
				grid-template-columns: repeat(12, minmax(0, 1fr));
				gap: 24px;
			}

			body.design-refresh .service-panel {
				grid-column: span 4;
				min-height: 100%;
				padding: 32px 28px;
				border: 1px solid rgba(23, 31, 27, 0.08);
				border-radius: 26px;
				background: rgba(255, 255, 255, 0.92);
				box-shadow: 0 24px 60px rgba(24, 31, 28, 0.06);
			}

			body.design-refresh .service-panel h3,
			body.design-refresh .service-panel p {
				color: #1a211d;
			}

			body.design-refresh .service-panel p {
				opacity: 0.78;
			}

			body.design-refresh .service-panel-icon {
				background: rgba(191, 244, 89, 0.14);
				border: 1px solid rgba(36, 89, 64, 0.1);
			}

			body.design-refresh .service-panel-featured {
				grid-column: span 4;
				background: linear-gradient(180deg, #ffffff 0%, #fbfbf9 100%);
			}

			body.design-refresh .service-panel-tech,
			body.design-refresh .service-panel-product {
				background: rgba(255, 255, 255, 0.86);
			}

			body.design-refresh .service-panel-caption span,
			body.design-refresh .service-panel-product-top strong {
				color: #4c5d54;
			}

			body.design-refresh .service-panel-product-top {
				gap: 12px;
			}

			body.design-refresh .service-panel-product-logo {
				filter: invert(1);
				opacity: 0.88;
			}

			body.design-refresh .cr-about-section .primary-bg-light,
			body.design-refresh .cr2-brand-n-service .primary-bg-light {
				background: transparent;
				padding: 0 !important;
			}

			body.design-refresh .cr-about-section .primary-text-color,
			body.design-refresh .cr2-brand-n-service .primary-text-color,
			body.design-refresh .hm4-pricing-section .primary-text-color {
				color: #245940;
			}

			body.design-refresh .cr-about-section .ab-years-box {
				background: #ffffff;
				color: #161a17;
				border: 1px solid rgba(23, 31, 27, 0.08);
				box-shadow: 0 18px 40px rgba(24, 31, 28, 0.08);
			}

			body.design-refresh .cr-about-section .ab-years-box h3 {
				color: #161a17;
			}

			body.design-refresh .cr-about-tab-control {
				gap: 14px;
				border-top-color: rgba(23, 31, 27, 0.08);
				border-bottom-color: rgba(23, 31, 27, 0.08);
				flex-wrap: wrap;
			}

			body.design-refresh .cr-about-tab-control li a {
				padding: 10px 18px;
				border: 1px solid rgba(23, 31, 27, 0.08);
				border-radius: 999px;
				background: rgba(255, 255, 255, 0.88);
				text-transform: none;
				letter-spacing: 0;
			}

			body.design-refresh .cr-about-tab-control li a::before,
			body.design-refresh .cr-about-tab-control li a::after {
				display: none;
			}

			body.design-refresh .cr-about-tab-control li a.active {
				background: #bff459;
				color: #161a17;
				border-color: #bff459;
			}

			body.design-refresh .hm4-pricing-section .text-white,
			body.design-refresh .hm4-pricing-section .section-label.light {
				color: #161a17 !important;
			}

			body.design-refresh .hm4-pricing-section .white-btn {
				background: #bff459;
				color: #161a17;
				border-color: #bff459;
			}

			body.design-refresh .hm4-pricing-box {
				border: 1px solid rgba(23, 31, 27, 0.08);
				box-shadow: 0 22px 50px rgba(24, 31, 28, 0.08);
			}

			body.design-refresh .hm4-pricing-box .saving-badge {
				background: #bff459;
				color: #161a17;
				border-color: #ffffff;
				box-shadow: none;
			}

			@media (max-width: 1199.98px) {
				body.design-refresh .service-panel,
				body.design-refresh .service-panel-featured {
					grid-column: span 6;
				}
			}

			@media (max-width: 767.98px) {
				body.design-refresh .service-panel,
				body.design-refresh .service-panel-featured {
					grid-column: 1 / -1;
				}
			}
		
			/* ============================================================
			   Service blocks — 3 separate typed sections
			   ============================================================ */
			body.design-refresh .services-showcase{
				display:flex !important;flex-direction:column;gap:32px !important;
			}
			body.design-refresh .service-block{
				position:relative;
				border-radius:32px;
				padding:44px 48px;
				overflow:hidden;
				isolation:isolate;
			}
			body.design-refresh .service-block-header{
				display:grid;
				grid-template-columns:auto 1fr auto;
				align-items:start;
				gap:28px;
			}
			body.design-refresh .service-block-num{
				font-family:'JetBrains Mono',monospace;
				font-size:13px;letter-spacing:0.12em;
				padding:6px 12px;border-radius:999px;
				background:rgba(15,30,23,0.06);
				color:var(--mr-ink-soft);
				align-self:start;
				white-space:nowrap;
			}
			body.design-refresh .service-block-title h3{
				font-size:clamp(26px,2.4vw,36px);
				font-weight:600;letter-spacing:-0.025em;
				line-height:1.1;margin:0 0 14px;
				color:var(--mr-ink);
				text-wrap:balance;
			}
			body.design-refresh .service-block-title p{
				font-size:16px;line-height:1.55;
				color:var(--mr-ink-soft);
				max-width:60ch;margin:0;
			}
			body.design-refresh .service-block-cta{
				align-self:start;
				white-space:nowrap;
			}

			/* Block 01 — WEB: light with lime accent line */
			body.design-refresh .service-block-web{
				background:var(--mr-card);
				border:1px solid var(--mr-line);
			}
			body.design-refresh .service-block-web::before{
				content:"";position:absolute;left:0;top:44px;bottom:44px;width:3px;
				background:var(--mr-lime);border-radius:0 3px 3px 0;
			}
			body.design-refresh .service-block-tags{
				display:flex;flex-wrap:wrap;gap:8px;
				margin:28px 0 0;padding:0;list-style:none;
			}
			body.design-refresh .service-block-tags li{
				font-family:'JetBrains Mono',monospace;
				font-size:12px;letter-spacing:0.04em;
				padding:8px 14px;border-radius:999px;
				background:var(--mr-bg-soft);
				color:var(--mr-ink-soft);
				border:1px solid var(--mr-line);
			}

			/* Block 02 — E-COMMERCE: dark, product shot */
			body.design-refresh .service-block-commerce{
				background:#0a120d;
				color:#eef1ec;
				background-image:
					radial-gradient(ellipse 55% 50% at 92% 12%, rgba(191,244,89,0.24), transparent 55%),
					radial-gradient(ellipse 40% 35% at 8% 95%, rgba(191,244,89,0.10), transparent 55%);
			}
			body.design-refresh .service-block-commerce::before{
				content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
				background-image:
					linear-gradient(rgba(191,244,89,0.04) 1px,transparent 1px),
					linear-gradient(90deg,rgba(191,244,89,0.04) 1px,transparent 1px);
				background-size:44px 44px;
				-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 88%);
				        mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 88%);
			}
			body.design-refresh .service-block-commerce .service-block-num{
				background:rgba(191,244,89,0.14);
				color:var(--mr-lime);
			}
			body.design-refresh .service-block-commerce .service-block-title h3{color:#eef1ec}
			body.design-refresh .service-block-commerce .service-block-title p{color:rgba(238,241,236,0.72)}
			body.design-refresh .service-block-commerce .template-btn.white-btn{
				background:var(--mr-lime) !important;color:#0a120d !important;
			}
			body.design-refresh .service-block-showcase{
				display:grid;grid-template-columns:1.4fr 1fr;
				gap:24px;align-items:stretch;
				margin-top:36px;padding-top:32px;
				border-top:1px solid rgba(191,244,89,0.14);
			}
			body.design-refresh .service-block-showcase img{
				width:100%;height:100%;object-fit:cover;border-radius:16px;
				border:1px solid rgba(191,244,89,0.14);
				min-height:260px;
			}

			/* Commerce hero composition --- full-bleed image + floating badge */
			body.design-refresh .commerce-hero{
				position:relative;margin-top:36px;
				border-radius:20px;overflow:hidden;
				border:1px solid rgba(191,244,89,0.18);
				aspect-ratio:21/9;
				background:#0a120d;
			}
			body.design-refresh .commerce-hero-img{position:absolute;inset:0}
			body.design-refresh .commerce-hero-img::after{
				content:"";position:absolute;inset:0;
				background:linear-gradient(100deg,rgba(10,18,13,0.9) 0%,rgba(10,18,13,0.6) 38%,transparent 62%);
			}
			body.design-refresh .commerce-hero-img img{
				position:absolute;inset:0;
				width:100%;height:100%;
				object-fit:cover;object-position:center var(--commerce-hero-focus, 0%);
				display:block;
				will-change:object-position;
			}
			body.design-refresh .commerce-hero-badge{
				position:absolute;left:36px;top:50%;transform:translateY(-50%);
				z-index:2;max-width:360px;
			}
			body.design-refresh .commerce-hero-badge span{
				display:block;
				font-family:'JetBrains Mono',monospace;
				font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
				color:var(--mr-lime);margin-bottom:14px;
			}
			body.design-refresh .commerce-hero-badge strong{
				display:block;font-size:clamp(24px,2.6vw,34px);font-weight:600;
				color:#eef1ec;letter-spacing:-0.02em;line-height:1.1;margin-bottom:10px;
			}
			body.design-refresh .commerce-hero-badge em{
				font-style:normal;font-size:13px;
				color:rgba(238,241,236,0.6);line-height:1.5;
			}

			/* Commerce facts --- horizontal ticker of 4 facts */
			body.design-refresh .commerce-facts{
				margin:0;padding:28px 0 0;list-style:none;
				display:grid;grid-template-columns:repeat(4,1fr);
				margin-top:28px;
				border-top:1px solid rgba(191,244,89,0.14);
			}
			body.design-refresh .commerce-facts li{
				padding:0 24px;
				border-left:1px solid rgba(191,244,89,0.14);
				display:flex;flex-direction:column;gap:12px;
			}
			body.design-refresh .commerce-facts li:first-child{border-left:0;padding-left:4px}
			body.design-refresh .commerce-facts strong{
				font-size:clamp(54px,5.8vw,76px);font-weight:700;
				letter-spacing:-0.04em;line-height:0.88;
				color:var(--mr-lime);font-variant-numeric:tabular-nums;
			}
			body.design-refresh .commerce-facts span{
				font-family:'JetBrains Mono',monospace;
				font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
				color:rgba(238,241,236,0.6);line-height:1.35;
			}
			@media(max-width:900px){
				body.design-refresh .commerce-hero{aspect-ratio:16/11}
				body.design-refresh .commerce-hero-badge{left:24px;right:24px;max-width:none;top:auto;bottom:24px;transform:none}
				body.design-refresh .commerce-facts{grid-template-columns:1fr 1fr;gap:20px 0;padding-top:24px}
				body.design-refresh .commerce-facts li{border-left:0;padding:0 20px}
			}

			body.design-refresh .service-block-stats{
				display:grid;grid-template-rows:1fr 1fr;gap:16px;align-self:stretch;
			}
			body.design-refresh .service-block-stats > div{
				padding:28px 28px;border-radius:18px;
				background:rgba(191,244,89,0.08);
				border:1px solid rgba(191,244,89,0.14);
				display:flex;flex-direction:column;justify-content:space-between;gap:16px;
			}
			body.design-refresh .service-block-stats strong{
				display:block;font-size:clamp(56px,6vw,76px);font-weight:700;
				letter-spacing:-0.04em;line-height:0.9;
				color:var(--mr-lime);
				font-variant-numeric:tabular-nums;
			}
			body.design-refresh .service-block-stats strong em{
				font-style:normal;font-size:13px;font-weight:500;
				color:rgba(238,241,236,0.55);
				font-family:'JetBrains Mono',monospace;
				text-transform:uppercase;letter-spacing:0.1em;
				display:block;margin-bottom:6px;
			}
			body.design-refresh .service-block-stats span{
				display:block;font-size:13px;
				color:rgba(238,241,236,0.62);line-height:1.4;
				max-width:20ch;
				font-family:'JetBrains Mono',monospace;
				text-transform:uppercase;letter-spacing:0.06em;
				font-size:11px;
			}
			@media(max-width:900px){
				body.design-refresh .service-block-showcase{grid-template-columns:1fr}
				body.design-refresh .service-block-stats{grid-template-columns:1fr 1fr;grid-template-rows:auto}
			}

			/* Block 03 — IT: soft bg + grid of items */
			body.design-refresh .service-block-it{
				background:var(--mr-bg-soft);
				border:1px solid var(--mr-line);
			}
			body.design-refresh .service-block-it-grid{
				display:grid;grid-template-columns:repeat(4,1fr);
				gap:1px;margin-top:36px;
				background:var(--mr-line);
				border:1px solid var(--mr-line);
				border-radius:18px;overflow:hidden;
			}
			body.design-refresh .service-block-it-grid .it-item{
				background:var(--mr-card);padding:22px 24px;
				display:flex;flex-direction:column;gap:6px;
				transition:background .3s var(--mr-ease);
			}
			body.design-refresh .service-block-it-grid .it-item:hover{
				background:rgba(191,244,89,0.10);
			}
			body.design-refresh .service-block-it-grid .it-item strong{
				font-size:15px;font-weight:600;color:var(--mr-ink);letter-spacing:-0.01em;
			}
			body.design-refresh .service-block-it-grid .it-item span{
				font-size:13px;color:var(--mr-muted);line-height:1.4;
			}

			/* Block 04 — AUTOMATION: operational integrations */
			body.design-refresh .service-block-automation{
				background:var(--mr-card);
				border:1px solid var(--mr-line);
			}
			body.design-refresh .service-block-automation::before{
				content:"";position:absolute;left:0;top:44px;bottom:44px;width:3px;
				background:#6ba6ff;border-radius:0 3px 3px 0;
			}
body.design-refresh .service-block-automation .service-block-num{
	background:rgba(107,166,255,0.18);
	color:#153a72;
}
body.design-refresh .service-block-automation .service-block-title p{
	color:#24322b;
}
	body.design-refresh .service-block-automation-grid{
		display:grid;grid-template-columns:repeat(4,1fr);
				gap:1px;margin-top:36px;
				background:var(--mr-line);
				border:1px solid var(--mr-line);
				border-radius:18px;overflow:hidden;
			}
			body.design-refresh .service-block-automation-grid .automation-item{
				background:var(--mr-bg-soft);padding:24px;
				display:flex;flex-direction:column;gap:8px;
				transition:background .3s var(--mr-ease);
			}
			body.design-refresh .service-block-automation-grid .automation-item:hover{
				background:rgba(107,166,255,0.10);
			}
body.design-refresh .service-block-automation-grid .automation-item strong{
	font-size:15px;font-weight:600;color:var(--mr-ink);letter-spacing:-0.01em;
}
body.design-refresh .service-block-automation-grid .automation-item span{
	font-size:13px;color:#25332c;line-height:1.4;
}

				@media(max-width:900px){
				body.design-refresh .service-block{padding:32px 24px;border-radius:24px}
				body.design-refresh .service-block-header{grid-template-columns:1fr;gap:16px}
				body.design-refresh .service-block-cta{justify-self:start}
				body.design-refresh .service-block-web::before{top:32px;bottom:auto;width:40px;height:3px;left:24px}
				body.design-refresh .service-block-automation::before{top:32px;bottom:auto;width:40px;height:3px;left:24px}
				body.design-refresh .service-block-showcase{grid-template-columns:1fr}
				body.design-refresh .service-block-stats{grid-template-rows:auto;grid-template-columns:1fr 1fr}
				body.design-refresh .service-block-it-grid{grid-template-columns:repeat(2,1fr)}
				body.design-refresh .service-block-automation-grid{grid-template-columns:repeat(2,1fr)}
			}
			@media(max-width:520px){
				body.design-refresh .service-block-it-grid{grid-template-columns:1fr}
				body.design-refresh .service-block-automation-grid{grid-template-columns:1fr}
			}

			/* ============================================================
			   Own tools and operational services
			   ============================================================ */
			body.design-refresh .tools-services-section {
				padding: 108px 0;
				background:
					linear-gradient(180deg, #f3eee6 0%, #fbf8f2 100%);
			}

			body.design-refresh .tools-services-layout {
				display: grid;
				grid-template-columns: 1fr;
				gap: 28px;
				align-items: stretch;
			}

			body.design-refresh .tools-services-copy {
				padding: 8px 0 0;
			}

			body.design-refresh .tools-services-copy h2 {
				margin: 22px 0 20px;
				font-size: clamp(34px, 4vw, 58px);
				font-weight: 700;
				line-height: 1.02;
				color: var(--mr-ink);
				text-wrap: balance;
			}

			body.design-refresh .tools-services-copy p {
				margin: 0;
				font-size: 17px;
				line-height: 1.68;
				color: var(--mr-ink-soft);
			}

			body.design-refresh .tools-services-products {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 24px;
			}

			body.design-refresh .tools-services-feature {
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				min-height: 300px;
				padding: 34px;
				overflow: hidden;
				border-radius: 30px;
				background:
					radial-gradient(circle at 86% 10%, rgba(191, 244, 89, 0.3), transparent 28%),
					linear-gradient(135deg, #10151c 0%, #151b23 100%);
				color: #ffffff;
			}

			body.design-refresh .tools-services-feature-enty {
				background:
					radial-gradient(circle at 90% 8%, rgba(107, 166, 255, 0.28), transparent 28%),
					radial-gradient(circle at 12% 90%, rgba(191, 244, 89, 0.16), transparent 32%),
					linear-gradient(135deg, #0d1624 0%, #11151b 100%);
			}

			body.design-refresh .tools-services-feature::before {
				content: "";
				position: absolute;
				inset: 0;
				pointer-events: none;
				background-image:
					linear-gradient(rgba(191, 244, 89, 0.05) 1px, transparent 1px),
					linear-gradient(90deg, rgba(191, 244, 89, 0.05) 1px, transparent 1px);
				background-size: 38px 38px;
				-webkit-mask-image: radial-gradient(ellipse 70% 70% at 70% 20%, black, transparent 86%);
				mask-image: radial-gradient(ellipse 70% 70% at 70% 20%, black, transparent 86%);
			}

			body.design-refresh .tools-services-feature-top {
				position: relative;
				z-index: 1;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 18px;
				margin-bottom: auto;
			}

			body.design-refresh .tools-services-logo {
				width: min(190px, 52vw);
				height: auto;
			}

			body.design-refresh .tools-services-wordmark {
				position: relative;
				z-index: 1;
				font-family: var(--font-display);
				font-size: 34px;
				font-weight: 700;
				line-height: 1;
				letter-spacing: -0.03em;
				color: #ffffff;
			}

			body.design-refresh .tools-services-feature-top a {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-height: 40px;
				padding: 10px 15px;
				border: 1px solid rgba(255, 255, 255, 0.18);
				border-radius: 999px;
				color: #ffffff;
				font-size: 13px;
				font-weight: 700;
				text-decoration: none;
				white-space: nowrap;
				transition: background 0.22s ease, color 0.22s ease;
			}

			body.design-refresh .tools-services-feature-top a:hover {
				background: var(--mr-lime);
				color: #10151c;
			}

			body.design-refresh .tools-services-kicker {
				position: relative;
				z-index: 1;
				display: inline-flex;
				width: fit-content;
				margin: 54px 0 12px;
				font-family: "JetBrains Mono", monospace;
				font-size: 11px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				color: var(--mr-lime);
			}

			body.design-refresh .tools-services-feature h3,
			body.design-refresh .tools-services-feature p {
				position: relative;
				z-index: 1;
			}

			body.design-refresh .tools-services-feature h3 {
				margin: 58px 0 14px;
				font-size: clamp(30px, 3vw, 44px);
				line-height: 1;
				color: #ffffff;
			}

			body.design-refresh .tools-services-kicker + h3 {
				margin-top: 0;
			}

			body.design-refresh .tools-services-feature p {
				max-width: 46ch;
				margin: 0;
				color: rgba(255, 255, 255, 0.74);
				font-size: 16px;
				line-height: 1.58;
			}

			body.design-refresh .tools-services-cta {
				position: relative;
				z-index: 1;
				width: fit-content;
				margin-top: 28px;
				cursor: pointer;
			}

			body.design-refresh .tools-services-list {
				grid-column: 1 / -1;
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 1px;
				margin-top: 8px;
				overflow: hidden;
				border: 1px solid var(--mr-line);
				border-radius: 26px;
				background: var(--mr-line);
			}

			body.design-refresh .tools-services-item {
				display: flex;
				flex-direction: column;
				min-height: 250px;
				padding: 28px;
				background: rgba(255, 255, 255, 0.72);
				transition: background 0.22s ease;
			}

			body.design-refresh .tools-services-item:hover {
				background: #ffffff;
			}

			body.design-refresh .tools-services-item span {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 46px;
				font-family: "JetBrains Mono", monospace;
				font-size: 12px;
				letter-spacing: 0.08em;
				color: var(--mr-muted);
			}

			body.design-refresh .tools-services-item h3 {
				margin: 0 0 12px;
				font-size: 21px;
				line-height: 1.18;
				color: var(--mr-ink);
			}

			body.design-refresh .tools-services-item p {
				margin: 0;
				font-size: 14px;
				line-height: 1.62;
				color: var(--mr-ink-soft);
			}

			body.design-refresh .tools-services-item-cta {
				width: fit-content;
				margin-top: auto;
				padding: 13px 18px;
				cursor: pointer;
			}

			body.design-refresh .tools-modal {
				position: fixed;
				inset: 0;
				display: none;
				align-items: center;
				justify-content: center;
				padding: 24px;
				z-index: 10020;
			}

			body.design-refresh.tools-modal-open {
				overflow: hidden;
			}

			body.design-refresh .tools-modal.is-open {
				display: flex;
			}

			body.design-refresh .tools-modal-backdrop {
				position: absolute;
				inset: 0;
				background: rgba(10, 12, 14, 0.72);
				backdrop-filter: blur(14px);
			}

			body.design-refresh .tools-modal-panel {
				position: relative;
				width: min(520px, 100%);
				max-height: calc(100svh - 48px);
				overflow-y: auto;
				padding: 34px;
				border: 1px solid var(--mr-line);
				border-radius: 28px;
				background: var(--mr-card);
				box-shadow: 0 32px 80px rgba(0, 0, 0, 0.24);
			}

			body.design-refresh .tools-modal-close {
				position: absolute;
				top: 18px;
				right: 18px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 42px;
				height: 42px;
				border: 1px solid var(--mr-line);
				border-radius: 50%;
				background: var(--mr-bg-soft);
				color: var(--mr-ink);
				font-size: 24px;
				line-height: 1;
				cursor: pointer;
			}

			body.design-refresh .tools-modal-panel h2 {
				margin: 18px 0 24px;
				padding-right: 44px;
				font-size: clamp(30px, 4vw, 44px);
				line-height: 1.05;
				color: var(--mr-ink);
			}

			body.design-refresh .tools-modal-form fieldset {
				display: grid;
				gap: 18px;
				margin: 0;
				padding: 0;
				border: 0;
			}

			body.design-refresh .tools-modal-form label {
				color: var(--mr-ink);
				font-weight: 600;
			}

			body.design-refresh .tools-modal-submit {
				width: 100%;
				margin-top: 6px;
			}

			body.design-refresh .tools-modal-gdpr {
				margin: 0;
				font-size: 13px;
				line-height: 1.55;
				text-align: center;
				color: var(--mr-muted);
			}

			body.design-refresh .tools-modal-gdpr a {
				color: var(--mr-ink);
				font-weight: 700;
			}

			@media(max-width: 991.98px) {
				body.design-refresh .tools-services-section {
					padding: 78px 0;
				}

				body.design-refresh .tools-services-layout {
					grid-template-columns: 1fr;
				}

				body.design-refresh .tools-services-list {
					grid-template-columns: 1fr;
				}
			}

			@media(max-width: 575.98px) {
				body.design-refresh .tools-services-products {
					grid-template-columns: 1fr;
				}

				body.design-refresh .tools-services-feature {
					min-height: 330px;
					padding: 28px 24px;
					border-radius: 24px;
				}

				body.design-refresh .tools-services-feature-top {
					align-items: flex-start;
					flex-direction: column;
				}

				body.design-refresh .tools-services-list {
					grid-template-columns: 1fr;
					border-radius: 22px;
				}

				body.design-refresh .tools-services-item {
					min-height: auto;
					padding: 24px;
				}

				body.design-refresh .tools-services-item span {
					margin-bottom: 30px;
				}

				body.design-refresh .tools-modal {
					padding: 14px;
				}

				body.design-refresh .tools-modal-panel {
					padding: 28px 22px;
					border-radius: 22px;
				}
			}

			/* ============================================================
			   Micro-details
			   ============================================================ */
			/* Noise overlay for warmth */
			body.design-refresh::after{
				content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;
				opacity:0.04;mix-blend-mode:multiply;
				background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.8'/></svg>");
			}
			body.design-refresh[data-refresh-variant="B"]::after{
				opacity:0.06;mix-blend-mode:screen;
			}

			/* Animated counter entrance */
			body.design-refresh .counter{
				display:inline-block;font-variant-numeric:tabular-nums;
			}

			/* Button micro-arrow */
			body.design-refresh .template-btn{position:relative;overflow:hidden}
			body.design-refresh .template-btn.primary-btn::after{
				content:"";position:absolute;inset:0;
				background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);
				transform:translateX(-120%);
				transition:transform .6s var(--mr-ease);
			}
			body.design-refresh .template-btn.primary-btn:hover::after{
				transform:translateX(120%);
			}

			/* Hero fact links */
			body.design-refresh .hero-fact{
				transition:border-color .25s var(--mr-ease),background .25s var(--mr-ease),box-shadow .25s var(--mr-ease);
			}
			body.design-refresh .hero-fact:hover,
			body.design-refresh .hero-fact:focus-visible{
				background:rgba(255,255,255,0.86);
				border-color:rgba(191,244,89,0.5);
				box-shadow:0 0 0 1px rgba(191,244,89,0.18), 0 18px 42px rgba(15,30,23,0.08);
				outline:none;
			}
			body.design-refresh .hero-fact:hover::before,
			body.design-refresh .hero-fact:focus-visible::before{
				color:var(--mr-ink);
				opacity:1;
			}

			/* Service panel product — subtle logo glow on hover */
			body.design-refresh .service-panel-product{
				transition:transform .4s var(--mr-ease),border-color .3s var(--mr-ease);
			}

			/* Smoother section reveal */
			body.design-refresh .wow{
				opacity: 0;
				transform: translateY(18px);
				transition: opacity .7s var(--mr-ease), transform .7s var(--mr-ease);
			}
			body.design-refresh .wow.animated,
			body.design-refresh .wow.revealed{
				opacity: 1;
				transform: none;
			}
			body.design-refresh .hm2-hero-section .wow{
				opacity: 1;
				transform: none;
			}

		
			/* Pricing ribbon */
			body.design-refresh .pricing-ribbon{
				position:absolute;top:-12px;right:28px;z-index:2;
				padding:6px 14px;border-radius:999px;
				background:var(--mr-ink);color:var(--mr-bg);
				font-family:'JetBrains Mono',monospace;
				font-size:11px;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;
				box-shadow:0 10px 24px -8px rgba(0,0,0,0.4);
			}
			body.design-refresh .hm4-pricing-box.pricing-featured{
				border-color:var(--mr-ink) !important;
				box-shadow:0 30px 60px -20px rgba(15,30,23,0.25) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .pricing-ribbon{
				background:var(--mr-lime);color:#0c0f0d;
			}

			/* Ensure existing pricing-box override doesn't break */
			body.design-refresh .hm4-pricing-box{
				position:relative;
			}

			/* Realizace — ab-years-box upgrade */
			body.design-refresh .ab-years-box{
				padding:22px 28px !important;
				bottom:24px;left:24px;
			}
			body.design-refresh .ab-years-box h3 .counter{
				font-size:56px;font-weight:600;letter-spacing:-0.03em;
				font-variant-numeric:tabular-nums;
			}
			body.design-refresh .ab-years-box p{
				color:var(--mr-muted);font-size:13px;
				font-family:'JetBrains Mono',monospace;
				text-transform:uppercase;letter-spacing:0.08em;margin-top:6px;
			}

		

      /* ============================================================
         Case Studies stack (Realizace)
         ============================================================ */
      body.design-refresh .case-studies-carousel{
        position:relative;
        margin-top:48px;
      }
      body.design-refresh .case-studies-heading{
        display:block;
      }
      body.design-refresh .case-studies-toolbar{
        display:none;
      }
      body.design-refresh .case-studies-viewport{
        overflow:visible;
      }
      body.design-refresh .case-studies-dots{
        display:none;
      }
      body.design-refresh .case-studies-stack{
        display:flex;flex-direction:column;gap:40px;
      }
      body.design-refresh .case-study{
        display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;
        padding:40px;border-radius:32px;
        background:var(--mr-card);border:1px solid var(--mr-line);
        position:relative;overflow:hidden;
      }
      body.design-refresh .case-study-img-wrap{
        position:relative;border-radius:0px;overflow:hidden;
      }
      body.design-refresh .case-study-img-skeleton{
        position:absolute;inset:0;z-index:0;
		background-size:200% 100%,100% 100%;
        animation: casestudy-shimmer 1.8s linear infinite;
      }
      @keyframes casestudy-shimmer{
        0%{background-position:-100% 0, 0 0}
        100%{background-position:200% 0, 0 0}
      }
      body.design-refresh .case-study-img-wrap img{
        position:relative;z-index:1;width:100%;height:100%;object-fit:cover;
        opacity:0;transition:opacity .6s var(--mr-ease);
      }
      body.design-refresh .case-study-img-wrap img.loaded{opacity:1}
      body.design-refresh .case-study-img-wrap img.loaded ~ .case-study-img-skeleton{display:none}
      body.design-refresh .case-study-img-wrap img{transition:opacity .6s var(--mr-ease)}

      body.design-refresh .case-study-meta{
        display:flex;align-items:center;gap:10px;
        font-family:'JetBrains Mono',monospace;
        font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
        color:var(--mr-muted);margin-bottom:14px;
      }
      body.design-refresh .case-study-tag{
        padding:4px 10px;border-radius:999px;
        background:var(--mr-lime);color:var(--mr-on-lime);font-weight:500;
      }
      body.design-refresh .case-study-title{
        font-size:clamp(24px,2.2vw,32px);font-weight:600;letter-spacing:-0.025em;
        line-height:1.15;margin:0 0 8px;color:var(--mr-ink);text-wrap:balance;
      }
      body.design-refresh .case-study-client{
        font-size:13px;color:var(--mr-muted);margin:0 0 16px;
        font-family:'JetBrains Mono',monospace;
      }
      body.design-refresh .case-study-text{
        font-size:15px;line-height:1.6;color:var(--mr-ink-soft);margin:0 0 28px;
      }
      body.design-refresh .case-study-text strong{color:var(--mr-ink);font-weight:600}
      body.design-refresh .case-study-stats{
        display:grid;grid-template-columns:repeat(2,1fr);gap:4px;
        padding:20px 0;margin:0 0 28px;
        border-top:1px solid var(--mr-line);border-bottom:1px solid var(--mr-line);
      }
      body.design-refresh .case-stat strong{
        display:block;font-size:32px;font-weight:600;letter-spacing:-0.03em;
        color:var(--mr-ink);line-height:1;margin-bottom:6px;
        font-variant-numeric:tabular-nums;
        white-space:nowrap;
      }
      body.design-refresh .case-stat strong em{
        display:inline;
        margin:0 4px 0 0;
        font-style:normal;font-size:14px;font-weight:400;
        color:var(--mr-muted);
        font-family:inherit;text-transform:none;letter-spacing:0;
        line-height:1;
        white-space:nowrap;
      }
      body.design-refresh .case-stat span{
        font-size:12px;color:var(--mr-muted);line-height:1.35;display:block;
      }
      body.design-refresh .case-study-cta{
        display:flex;align-items:center;gap:20px;flex-wrap:wrap;
      }
      body.design-refresh .case-study-phone{
        font-family:'JetBrains Mono',monospace;font-size:14px;
        color:var(--mr-ink-soft);text-decoration:none;
        border-bottom:1px dashed var(--mr-ink-soft);padding-bottom:2px;
        transition:color .3s var(--mr-ease),border-color .3s var(--mr-ease);
      }
      body.design-refresh .case-study-phone:hover{color:var(--mr-ink);border-color:var(--mr-ink)}

      @media(max-width:900px){
        body.design-refresh .case-study{grid-template-columns:1fr;gap:24px;padding:28px}
        body.design-refresh .case-study-stats{grid-template-columns:1fr 1fr;}
      }

      @media(min-width:901px){
        body.design-refresh .case-studies-carousel{
          margin:48px calc(50% - 50vw) 0;
        }
        body.design-refresh .case-studies-heading{
          display:grid;
          grid-template-columns:minmax(0, 9fr) minmax(96px, 1fr);
          gap:24px;
          align-items:end;
        }
        body.design-refresh .case-studies-heading h2{
          margin:0;
        }
        body.design-refresh .case-studies-toolbar{
          display:flex;
          justify-content:flex-end;
          gap:10px;
        }
        body.design-refresh .case-studies-nav{
          display:inline-flex;
          align-items:center;
          justify-content:center;
          width:48px;
          height:48px;
          border:1px solid var(--mr-line);
          border-radius:999px;
          background:rgba(255,255,255,0.88);
          color:var(--mr-ink);
          font-family:'JetBrains Mono',monospace;
          font-size:18px;
          transition:transform .25s var(--mr-ease),border-color .25s var(--mr-ease),background .25s var(--mr-ease);
        }
        body.design-refresh .case-studies-nav:hover{
          transform:translateY(-2px);
          border-color:rgba(15,30,23,0.18);
          background:#fff;
        }
        body.design-refresh .case-studies-viewport{
          overflow-x:auto;
          overflow-y:hidden;
          scroll-snap-type:x mandatory;
          overscroll-behavior-x:contain;
          scrollbar-width:none;
          padding:8px 25vw 18px;
          cursor:grab;
        }
        body.design-refresh .case-studies-viewport::-webkit-scrollbar{
          display:none;
        }
        body.design-refresh .case-studies-viewport.is-dragging{
          cursor:grabbing;
          scroll-snap-type:none;
        }
        body.design-refresh .case-studies-stack{
          display:flex;
          flex-direction:row;
          gap:28px;
        }
        body.design-refresh .case-studies-dots{
          display:flex;
          align-items:center;
          justify-content:center;
          gap:10px;
          margin-top:18px;
        }
        body.design-refresh .case-studies-dot{
          width:10px;
          height:10px;
          padding:0;
          border:0;
          border-radius:999px;
          background:rgba(15,30,23,0.16);
          transition:transform .25s var(--mr-ease),background .25s var(--mr-ease),width .25s var(--mr-ease);
        }
        body.design-refresh .case-studies-dot.active{
          width:28px;
          background:var(--mr-lime);
        }
        body.design-refresh .case-study{
          flex:0 0 min(980px, 50vw);
          width:min(980px, 50vw);
          scroll-snap-align:center;
          scroll-snap-stop:always;
        }
      }

      /* ============================================================
         Proč Creatia — bento grid
         ============================================================ */
      body.design-refresh .why-creatia-section{
        padding:100px 0;
        background:var(--mr-bg) !important;
      }
      body.design-refresh .why-creatia-intro{
        color:var(--mr-muted);font-size:16px;line-height:1.6;max-width:60ch;margin:20px auto 0;
      }
      body.design-refresh .why-creatia-grid{
        display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-top:60px;
      }
      body.design-refresh .why-creatia-card{
        grid-column:span 4;
        padding:36px 32px;
        border-radius:28px;
        background:var(--mr-card);border:1px solid var(--mr-line);
        position:relative;overflow:hidden;
      }
      body.design-refresh .why-creatia-card-featured{
        grid-column:span 8;grid-row:span 2;padding:0;
      }
      body.design-refresh .why-creatia-card-accent{
        grid-column:span 4;
        background:#0a120d;color:#eef1ec;border-color:transparent;
        background-image:
          radial-gradient(ellipse 60% 50% at 90% 15%, rgba(191,244,89,0.22), transparent 55%);
      }
      body.design-refresh .why-creatia-card-wide{
        grid-column:span 8;
        background:var(--mr-bg-soft);
      }
      body.design-refresh .why-creatia-eyebrow{
        display:inline-block;
        font-family:'JetBrains Mono',monospace;
        font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
        color:var(--mr-muted);margin-bottom:20px;
        padding:4px 10px;border-radius:999px;
        background:var(--mr-bg-soft);
      }
      body.design-refresh .why-creatia-card-accent .why-creatia-eyebrow{
        background:rgba(191,244,89,0.14);color:var(--mr-lime);
      }
      body.design-refresh .why-creatia-card h3{
        font-size:20px;font-weight:600;letter-spacing:-0.02em;
        line-height:1.25;margin:0 0 12px;color:var(--mr-ink);text-wrap:balance;
      }
      body.design-refresh .why-creatia-card-accent h3{color:#eef1ec}
      body.design-refresh .why-creatia-card p{
        font-size:14px;line-height:1.55;color:var(--mr-ink-soft);margin:0;
      }
      body.design-refresh .why-creatia-card-accent p{color:rgba(238,241,236,0.72)}
      body.design-refresh .why-creatia-points{
        margin:0;padding:0;list-style:none;
      }
      body.design-refresh .why-creatia-points li{
        font-size:14px;color:var(--mr-ink-soft);line-height:1.5;
        padding:10px 0 10px 24px;border-top:1px solid var(--mr-line);
        position:relative;
      }
      body.design-refresh .why-creatia-points li:first-child{border-top:0}
      body.design-refresh .why-creatia-points li::before{
        content:"";position:absolute;left:0;top:18px;
        width:12px;height:2px;background:var(--mr-lime);
      }
      body.design-refresh .why-creatia-visual{
        position:relative;height:100%;min-height:300px;
        border-radius:28px;overflow:hidden;
      }
      body.design-refresh .why-creatia-visual img{
        width:100%;height:100%;object-fit:cover;display:block;
      }
      body.design-refresh .why-creatia-visual-caption{
        position:absolute;bottom:24px;left:24px;right:24px;
        padding:18px 22px;border-radius:18px;
        background:rgba(10,18,13,0.85);backdrop-filter:blur(14px);
        color:#eef1ec;
      }
      body.design-refresh .why-creatia-visual-caption span{
        display:block;font-family:'JetBrains Mono',monospace;
        font-size:10px;letter-spacing:0.12em;text-transform:uppercase;
        color:var(--mr-lime);margin-bottom:6px;
      }
      body.design-refresh .why-creatia-visual-caption strong{
        font-size:15px;font-weight:500;line-height:1.4;
      }
      @media(max-width:900px){
        body.design-refresh .why-creatia-card,
        body.design-refresh .why-creatia-card-featured,
        body.design-refresh .why-creatia-card-accent,
        body.design-refresh .why-creatia-card-wide{grid-column:span 12;grid-row:auto}
      }

      /* ============================================================
         Footer redesign
         ============================================================ */
      body.design-refresh .footer-style-2{
        background:#0a120d !important;padding:0 !important;border-top:0 !important;
      }
      body.design-refresh .footer-top{
        padding:72px 0 40px;
        border-bottom:1px solid rgba(239,244,233,0.08);
      }
      body.design-refresh .footer-grid{
        display:grid;
        grid-template-columns:minmax(300px, 1.25fr) repeat(3, minmax(180px, 1fr));
        gap:36px;
        align-items:start;
      }
      body.design-refresh .footer-grid > .footer-col{
        min-width:0;
      }
      body.design-refresh .footer-col h3{
        font-size:12px;font-weight:500;
        font-family:'JetBrains Mono',monospace;
        text-transform:uppercase;letter-spacing:0.12em;
        color:var(--mr-lime);margin:0 0 20px;
      }
      body.design-refresh .footer-col ul{
        margin:0;padding:0;list-style:none;
      }
      body.design-refresh .footer-col li{margin-bottom:12px}
      body.design-refresh .footer-col a{
        color:rgba(238,241,236,0.72);font-size:14px;
        text-decoration:none;transition:color .25s var(--mr-ease);
      }
      body.design-refresh .footer-col a:hover{color:#eef1ec}
      body.design-refresh .footer-logo{
        height:36px;margin-bottom:20px;
        filter:brightness(0) invert(1);
      }
      body.design-refresh .footer-tagline{
        font-size:15px;line-height:1.5;color:rgba(238,241,236,0.6);
        max-width:36ch;margin:0 0 24px;
      }
      body.design-refresh .footer-contact{display:flex;flex-direction:column;gap:8px}
      body.design-refresh .footer-contact a{
        color:#eef1ec;font-size:15px;font-weight:500;
      }
      body.design-refresh .footer-bottom{
        display:flex;justify-content:space-between;align-items:baseline;
        gap:24px;flex-wrap:wrap;
        padding-top:24px;
      }
      body.design-refresh .footer-copy{
        font-family:'JetBrains Mono',monospace;font-size:12px;
        color:rgba(238,241,236,0.6);margin:0;
      }
      body.design-refresh .footer-legal{
        font-size:10px;line-height:1.6;color:rgba(238,241,236,0.48);
        margin:0;max-width:110ch;
      }
      body.design-refresh .footer-legal a{color:rgba(238,241,236,0.5);text-decoration:underline}
      body.design-refresh .ui-info-trigger{
        position:relative;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:20px;
        height:20px;
        padding:0;
        border:1px solid rgba(238,241,236,0.22);
        border-radius:999px;
        background:transparent;
        color:rgba(238,241,236,0.82);
        font-family:'JetBrains Mono',monospace;
        font-size:11px;
        line-height:1;
        vertical-align:middle;
      }
      body.design-refresh .ui-info-tooltip{
        position:absolute;
        bottom:calc(100% + 12px);
        padding:12px 14px;
        border-radius:12px;
        background:rgba(12,15,13,0.96);
        border:1px solid rgba(191,244,89,0.14);
        box-shadow:0 16px 44px rgba(0,0,0,0.28);
        color:rgba(238,241,236,0.82);
        font-family:'JetBrains Mono',monospace;
        font-size:10px;
        letter-spacing:0.02em;
        line-height:1.6;
        text-align:left;
        opacity:0;
        pointer-events:none;
        transform:translateY(6px);
        transition:opacity .2s ease,transform .2s ease;
        z-index:6;
      }
      body.design-refresh .footer-info-trigger{
        margin-left:8px;
      }
      body.design-refresh .footer-info-tooltip{
        right:0;
        width:min(460px, 80vw);
      }
      body.design-refresh .footer-info-tooltip a{color:rgba(238,241,236,0.92) !important}
      body.design-refresh .ui-info-trigger:hover .ui-info-tooltip,
      body.design-refresh .ui-info-trigger:focus-visible .ui-info-tooltip{
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
      }
      @media(max-width:900px){
        body.design-refresh .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
        body.design-refresh .footer-col-brand{grid-column:1/-1}
        body.design-refresh .footer-bottom{flex-direction:column}
        body.design-refresh .footer-info-tooltip{
          right:auto;
          left:0;
          width:min(360px, 82vw);
        }
      }

      /* ============================================================
         Scroll progress bar + sticky indicator
         ============================================================ */
      body.design-refresh .scroll-progress{
        position:fixed;top:0;left:0;right:0;height:2px;z-index:10001;
        background:transparent;
        pointer-events:none;
      }
      body.design-refresh .scroll-progress-bar{
        height:100%;width:0;background:var(--mr-lime);
        transition:width .1s linear;
      }
      body.design-refresh .scroll-sections{
        display:none;
        position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:900;
        flex-direction:column;gap:12px;
        pointer-events:auto;
      }
      body.design-refresh .scroll-sections a{
        display:block;width:10px;height:10px;border-radius:999px;
        background:var(--mr-ink);opacity:0.22;
        transition:opacity .25s var(--mr-ease),width .25s var(--mr-ease),background .25s var(--mr-ease);
        position:relative;
      }
      body.design-refresh .scroll-sections a:hover{opacity:0.5}
      body.design-refresh .scroll-sections a.active{
        opacity:1;width:28px;background:var(--mr-lime);
      }
      body.design-refresh .scroll-sections a span{
        position:absolute;right:100%;top:50%;transform:translateY(-50%) translateX(-10px);
        font-family:'JetBrains Mono',monospace;
        font-size:11px;text-transform:uppercase;letter-spacing:0.08em;
        color:var(--mr-ink);white-space:nowrap;
        background:var(--mr-card);padding:6px 10px;border-radius:8px;
        border:1px solid var(--mr-line);
        opacity:0;pointer-events:none;
        transition:opacity .25s var(--mr-ease),transform .25s var(--mr-ease);
      }
      body.design-refresh .scroll-sections a:hover span{
        opacity:1;transform:translateY(-50%) translateX(-16px);
      }
      @media(max-width:1100px){body.design-refresh .scroll-sections{display:none}}

      /* ============================================================
         Monument numerals for hero + year backgrounds
         ============================================================ */
      body.design-refresh .hm2-hero-section{position:relative}
      body.design-refresh .hm2-hero-section::after{
        content:"2016";position:absolute;right:-20px;bottom:-40px;
        font-size:clamp(160px,22vw,320px);font-weight:700;letter-spacing:-0.06em;
        line-height:0.8;color:transparent;
        -webkit-text-stroke:1px rgba(15,30,23,0.06);
        pointer-events:none;user-select:none;z-index:0;
      }
      body.design-refresh[data-refresh-variant="B"] .hm2-hero-section::after{
        -webkit-text-stroke-color:rgba(191,244,89,0.15);
      }

      body.design-refresh .hm2-hero-section > .container{position:relative;z-index:1}

      /* ============================================================
         Generic lazy image skeleton for all imgs with class lazy-skel
         ============================================================ */
      body.design-refresh img[loading="lazy"]:not(.loaded){
        background:
          linear-gradient(90deg, transparent, rgba(191,244,89,0.08), transparent) 0 0/200% 100%,
          var(--mr-bg-soft);
        animation: casestudy-shimmer 1.8s linear infinite;
      }

/* extracted-style-block */
			body.design-refresh{
				--mr-lime:#bff459;
				--mr-lime-deep:#a8e23b;
				--mr-ease:cubic-bezier(.16,1,.3,1);
			}
			/* Override Creatia external cream tokens + cream gradient backgrounds with whiter tone */
			body.design-refresh[data-refresh-variant="A"]{
				--design-paper:#f7f7f3;
				--design-cream:#ececea;
			}
			body.design-refresh[data-refresh-variant="A"] .bg-light-white,
			body.design-refresh[data-refresh-variant="A"] .cr2-brand-n-service,
			body.design-refresh[data-refresh-variant="A"] .cr-about-section,
			body.design-refresh[data-refresh-variant="A"] .hm4-pricing-section,
			body.design-refresh[data-refresh-variant="A"] .team-section,
			body.design-refresh[data-refresh-variant="A"] .hm2-hero-section{
				background:
					radial-gradient(circle at 14% 8%, rgba(191,244,89,0.10), transparent 22%),
					linear-gradient(180deg, #f7f7f3 0%, #ececea 100%) !important;
			}
			body.design-refresh[data-refresh-variant="A"] .mobile-menu .logo{
				background:#f1f0ee !important;
			}
			/* Variant A — Swiss/Calm */
			body.design-refresh[data-refresh-variant="A"]{
				--mr-bg:#f7f7f3;
				--mr-bg-soft:#ececea;
				--mr-ink:#0f1e17;
				--mr-ink-soft:#3b463f;
				--mr-muted:#6b766f;
				--mr-line:rgba(15,30,23,0.08);
				--mr-card:#ffffff;
				--mr-card-2:#fbfbf9;
				--mr-on-lime:#0f1e17;
			}
			/* Variant B — Bold/Neon */
			body.design-refresh[data-refresh-variant="B"]{
				--mr-bg:#0c0f0d;
				--mr-bg-soft:#141916;
				--mr-ink:#eef1ec;
				--mr-ink-soft:#c9cec8;
				--mr-muted:#8b958e;
				--mr-line:rgba(239,244,233,0.10);
				--mr-card:#141916;
				--mr-card-2:#1b221e;
				--mr-on-lime:#0c0f0d;
			}

			/* Global page background + text color */
			body.design-refresh{
				background:var(--mr-bg) !important;
				color:var(--mr-ink);
				transition:background .5s var(--mr-ease),color .5s var(--mr-ease);
			}
			body.design-refresh ::selection{background:var(--mr-lime);color:#0f1e17}

			/* ============================================================
			   Typography & section backgrounds
			   ============================================================ */
			body.design-refresh h1,
			body.design-refresh h2,
			body.design-refresh h3,
			body.design-refresh h4,
			body.design-refresh h5,
			body.design-refresh h6{
				font-family:var(--font-display);
				color:var(--mr-ink);
				letter-spacing:-0.02em;
			}
			body.design-refresh p,
			body.design-refresh li,
			body.design-refresh input,
			body.design-refresh textarea,
			body.design-refresh select{
				font-family:var(--font-body);
			}
			body.design-refresh p,
			body.design-refresh li,
			body.design-refresh span{
				color:inherit;
			}
			body.design-refresh p{color:var(--mr-ink-soft)}
			body.design-refresh .section-label{
				font-family:'JetBrains Mono',monospace !important;
				font-size:12px !important;
				letter-spacing:0.14em !important;
				text-transform:uppercase;
				color:var(--mr-muted) !important;
				font-weight:500;
			}

			/* Backgrounds per section — variant aware */
			body.design-refresh .hm2-hero-section,
			body.design-refresh .cr2-brand-n-service,
			body.design-refresh .cr-about-section,
			body.design-refresh .hm4-pricing-section,
			body.design-refresh .team-section,
			body.design-refresh .cr2-footer-brands{
				background:var(--mr-bg) !important;
			}
			body.design-refresh[data-refresh-variant="A"] .hm2-hero-section{
				background:
					radial-gradient(ellipse 80% 55% at 85% 5%, rgba(191,244,89,0.28) 0%, transparent 55%),
					radial-gradient(ellipse 55% 40% at 8% 90%, rgba(191,244,89,0.12) 0%, transparent 55%),
					var(--mr-bg) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .hm2-hero-section{
				background:
					radial-gradient(ellipse 90% 65% at 80% 15%, rgba(191,244,89,0.18) 0%, transparent 60%),
					var(--mr-bg) !important;
				position:relative;
			}
			body.design-refresh[data-refresh-variant="B"] .hm2-hero-section::before{
				content:"";position:absolute;inset:0;pointer-events:none;
				background-image:
					linear-gradient(rgba(239,244,233,0.05) 1px,transparent 1px),
					linear-gradient(90deg,rgba(239,244,233,0.05) 1px,transparent 1px);
				background-size:56px 56px;
				-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black,transparent 85%);
				        mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black,transparent 85%);
				z-index:0;
			}

			body.design-refresh .hm2-hero-section .circle-shape-1,
			body.design-refresh .hm2-hero-section .circle-shape-2,
			body.design-refresh .hm2-hero-section .circle-shape-3,
			body.design-refresh .cr-about-section .circle-shape-1,
			body.design-refresh .cr-about-section .circle-shape-2{
				display:none !important;
			}

			/* ============================================================
			   Header / nav
			   ============================================================ */
			body.design-refresh .header-section.header-sticky{
				backdrop-filter:blur(18px) saturate(160%);
				-webkit-backdrop-filter:blur(18px) saturate(160%);
			}
			body.design-refresh .header-sticky.sticky-on{
				position:relative !important;
				top:auto;
				left:auto;
				width:auto;
				padding-top:0;
				background:transparent;
				box-shadow:none;
			}
			body.design-refresh .header-sticky.sticky-on .container{
				transform:none;
			}
			body.design-refresh .header-sticky.sticky-on .crete-navbar{
				padding:20px 28px;
				border-color:rgba(17, 17, 17, 0.08);
				background:transparent !important;
				box-shadow:none;
			}
			body.design-refresh[data-refresh-variant="A"] .header-section.header-sticky{
			}
			body.design-refresh[data-refresh-variant="B"] .header-section.header-sticky{
			}
			body.design-refresh .crete-navbar{background:transparent !important}
			body.design-refresh .crete-navmenu ul li a{
				color:var(--mr-ink-soft) !important;
				padding:10px 14px !important;
				border-radius:999px;
				transition:background .25s var(--mr-ease),color .25s var(--mr-ease);
			}
			body.design-refresh .crete-navmenu ul li a:hover{
				background:var(--mr-bg-soft);color:var(--mr-ink) !important;
			}
			body.design-refresh .infobar a{color:var(--mr-ink-soft) !important}
			body.design-refresh[data-refresh-variant="B"] .logo-wrapper img{
				filter:brightness(0) invert(1);
			}

			/* ============================================================
			   Buttons
			   ============================================================ */
			body.design-refresh .template-btn{
				border-radius:999px !important;
				padding:14px 22px !important;
				font-weight:600 !important;
				letter-spacing:-0.005em;
				transition:transform .3s var(--mr-ease),box-shadow .3s var(--mr-ease),background .25s var(--mr-ease),color .25s var(--mr-ease) !important;
			}
			body.design-refresh .template-btn:hover{transform:none}
			body.design-refresh .template-btn.primary-btn{
				background:var(--mr-lime) !important;
				color:var(--mr-on-lime) !important;
				border:0 !important;
			}
			body.design-refresh .template-btn.primary-btn:hover{
				box-shadow:0 14px 32px -10px rgba(191,244,89,0.6);
			}
			body.design-refresh .template-btn.outline-secondary{
				background:transparent !important;
				color:var(--mr-ink) !important;
				border:1px solid var(--mr-line) !important;
			}
			body.design-refresh .template-btn.outline-secondary:hover{
				background:var(--mr-bg-soft) !important;
				border-color:rgba(15,30,23,0.25) !important;
			}
			body.design-refresh .template-btn.green-btn{
				background:var(--mr-ink) !important;
				color:var(--mr-bg) !important;
			}
			body.design-refresh .template-btn.white-btn{
				background:var(--mr-lime) !important;
				color:var(--mr-on-lime) !important;
				border:0 !important;
			}

			/* ============================================================
			   Hero
			   ============================================================ */
			body.design-refresh .hm2-hero-content h1{
				font-size:clamp(44px,5.5vw,75px) !important;
				font-weight:700 !important;
				letter-spacing:-0.035em !important;
				line-height:1.02 !important;
				color:var(--mr-ink) !important;
				text-wrap:balance;
			}
			body.design-refresh .hm2-hero-content h1 .hero-kicker{
				display:block;
				margin-top:12px;
				font-weight:500;
				color:var(--mr-ink-soft);
				font-size:0.66em;
				letter-spacing:-0.02em;
			}
			body.design-refresh[data-refresh-variant="B"] .hm2-hero-content h1 .hero-kicker{
				color:var(--mr-lime);
				font-style:italic;
				font-weight:400;
			}
			body.design-refresh .hm2-hero-content p.lead{
				font-size:clamp(17px,1.25vw,20px) !important;
				color:var(--mr-ink-soft) !important;
				max-width:560px;
				line-height:1.55;
			}
			body.design-refresh .hero-facts{
				display:grid !important;
				grid-template-columns:repeat(2,1fr) !important;
				gap:14px !important;
				margin-top:40px;
				padding:0;
			}
			body.design-refresh .hero-fact{
				position:relative;
				width:100%;
				max-width:100%;
				min-height:0;
				padding:38px 20px 22px;
				border:1px solid var(--mr-line);
				border-radius:32px;
				background:rgba(255,255,255,0.62);
				backdrop-filter:blur(8px);
				overflow:hidden;
				text-decoration:none;
				cursor:pointer;
			}
			body.design-refresh .hero-fact::before{
				content:attr(data-num);
				position:absolute;
				top:16px;
				left:20px;
				font-family:'JetBrains Mono',monospace;
				font-size:11px;
				font-weight:500;
				letter-spacing:0.12em;
				color:var(--mr-muted);
				opacity:0.72;
			}
			body.design-refresh .hero-fact strong{
				display:block;
				max-width:100%;
				margin-bottom:10px;
				color:var(--mr-ink);
				font-weight:600;
				font-size:clamp(17px,1.7vw,20px);
				letter-spacing:-0.03em;
				line-height:1.12;
				word-break:normal;
				overflow-wrap:anywhere;
				hyphens:auto;
			}
			body.design-refresh .hero-fact span{
				display:block;
				max-width:none;
				font-size:13px;
				color:var(--mr-muted);
				line-height:1.45;
			}
			
			@media(max-width:767.98px){
				body.design-refresh .hero-facts{grid-template-columns:1fr !important}
				body.design-refresh .hero-fact{
					min-height:auto;
					padding:36px 20px 22px;
				}
				body.design-refresh .hero-fact::before{
					left:20px;
				}
				body.design-refresh .hero-fact::after{
					left:20px;
					bottom:22px;
				}
			}

			/* Hero image frame */
			body.design-refresh .hero-image-frame{
				position:relative;aspect-ratio:4/5;
				border-radius:36px;overflow:hidden;
				background:var(--mr-card);
				border:1px solid var(--mr-line);
			}
			body.design-refresh[data-refresh-variant="A"] .hero-image-frame{
				background:linear-gradient(155deg,rgba(191,244,89,0.45),var(--mr-card) 60%);
			}
			body.design-refresh[data-refresh-variant="B"] .hero-image-frame{
				background:linear-gradient(155deg,rgba(191,244,89,0.22),var(--mr-card-2) 70%);
			}
			body.design-refresh .hero-image-frame .hero-man{
				position:absolute;inset:0;width:100% !important;height:100%;
				object-fit:contain;object-position:center bottom;
				padding:20px 20px 85px 20px;
				transition:transform .8s var(--mr-ease);
			}
			body.design-refresh .hero-image-frame:hover .hero-man{transform:scale(1.03)}
			body.design-refresh .hero-image-card{
				position:absolute;bottom:20px;left:20px;right:20px;
				padding:16px 20px;border-radius:18px;
				background:rgba(255,255,255,0.9);
				backdrop-filter:blur(14px);
				border:1px solid var(--mr-line);
			}
			body.design-refresh[data-refresh-variant="B"] .hero-image-card{
				background:rgba(20,25,22,0.85);
			}
			body.design-refresh .hero-image-card span{
				font-family:'JetBrains Mono',monospace;font-size:11px;
				text-transform:uppercase;letter-spacing:0.08em;color:var(--mr-muted);
			}
			body.design-refresh .hero-image-card strong{
				display:block;margin-top:4px;color:var(--mr-ink);
				font-weight:600;font-size:15px;letter-spacing:-0.01em;
			}

			/* Hero badge (status) */
			body.design-refresh .hero-image-frame::before{
				content:"";
				position:absolute;
				top:30px;
				left:32px;
				width:8px;
				height:8px;
				border-radius:50%;
				background:var(--mr-lime);
				box-shadow:0 0 0 0 rgba(191,244,89,0.5);
				animation:pulse 1.8s ease infinite;
				z-index:2;
			}
			body.design-refresh .hero-image-frame::after{
				content:"on-line podpora";
				position:absolute;top:20px;left:20px;
				padding:7px 12px 7px 28px;border-radius:999px;
				background:rgba(255,255,255,0.9);
				backdrop-filter:blur(12px);
				border:1px solid var(--mr-line);
				font-family:'JetBrains Mono',monospace;font-size:11px;
				text-transform:uppercase;letter-spacing:0.08em;
				color:var(--mr-ink);
				z-index:1;
			}
			body.design-refresh[data-refresh-variant="B"] .hero-image-frame::after{
				background:rgba(20,25,22,0.85);color:var(--mr-ink);
			}

			/* ============================================================
			   MARQUEE
			   ============================================================ */
			.mr-marquee{
				overflow:hidden;padding:18px 0;
				border-top:1px solid var(--mr-line);
				border-bottom:1px solid var(--mr-line);
				background:var(--mr-bg-soft);
				margin:0;
			}
			body.design-refresh[data-refresh-variant="B"] .mr-marquee{
				background:var(--mr-lime);color:#0c0f0d;border-color:var(--mr-lime);
			}
			.mr-marquee-track{
				display:flex;gap:48px;width:max-content;
				animation:mr-marquee 32s linear infinite;
			}
			.mr-marquee:hover .mr-marquee-track{animation-play-state:paused}
			.mr-marquee-item{
				display:inline-flex;align-items:center;gap:16px;
				font-size:clamp(18px,2vw,26px);
				font-weight:600;letter-spacing:-0.02em;
				white-space:nowrap;color:var(--mr-ink);
			}
			body.design-refresh[data-refresh-variant="B"] .mr-marquee-item{color:#0c0f0d}
			.mr-marquee-item .sep{
				width:8px;height:8px;border-radius:50%;background:var(--mr-lime);
			}
			body.design-refresh[data-refresh-variant="B"] .mr-marquee-item .sep{background:#0c0f0d;opacity:0.5}
			@keyframes mr-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

			/* ============================================================
			   Services showcase
			   ============================================================ */
			body.design-refresh .cr2-brand-n-service{
				background:var(--mr-bg) !important;
			}
			body.design-refresh[data-refresh-variant="A"] .cr2-brand-n-service{
				background:
					radial-gradient(circle at 12% 18%, rgba(191,244,89,0.10) 0%, transparent 25%),
					var(--mr-bg) !important;
			}
			body.design-refresh .section-title-accent{
				color:var(--mr-ink) !important;
			}
			body.design-refresh[data-refresh-variant="A"] .section-title-accent{
				background:var(--mr-lime);
				color:#0f1e17 !important;
				padding:0 12px;border-radius:10px;
				display:inline-block;transform:rotate(-1.5deg);
			}
			body.design-refresh[data-refresh-variant="B"] .section-title-accent{
				color:var(--mr-lime) !important;
				font-style:italic;font-weight:500;
			}
			body.design-refresh h2{
				font-size:clamp(36px,4.5vw,58px) !important;
				letter-spacing:-0.03em !important;
				font-weight:600 !important;
				line-height:1.05;
			}

			body.design-refresh .service-panel,
			body.design-refresh .service-panel-featured,
			body.design-refresh .service-panel-tech,
			body.design-refresh .service-panel-product{
				background:var(--mr-card) !important;
				border:1px solid var(--mr-line) !important;
				box-shadow:none !important;
				border-radius:26px !important;
				transition:transform .4s var(--mr-ease),border-color .3s var(--mr-ease);
			}
			body.design-refresh .service-panel:hover,
			body.design-refresh .service-panel-featured:hover,
			body.design-refresh .service-panel-product:hover{
				transform:none;
				border-color:rgba(15,30,23,0.2) !important;
				box-shadow:0 0 0 1px rgba(15,30,23,0.06), 0 18px 42px rgba(15,30,23,0.08);
			}
			body.design-refresh[data-refresh-variant="B"] .service-panel:hover,
			body.design-refresh[data-refresh-variant="B"] .service-panel-featured:hover,
			body.design-refresh[data-refresh-variant="B"] .service-panel-product:hover{
				border-color:rgba(191,244,89,0.4) !important;
				box-shadow:0 0 0 1px rgba(191,244,89,0.12), 0 18px 42px rgba(191,244,89,0.10);
			}
			body.design-refresh .service-panel h3,
			body.design-refresh .service-panel-featured h3,
			body.design-refresh .service-panel-tech h3,
			body.design-refresh .service-panel-product h3{
				color:var(--mr-ink) !important;
				font-weight:600 !important;
			}
			body.design-refresh .service-panel p,
			body.design-refresh .service-panel-featured p,
			body.design-refresh .service-panel-tech p,
			body.design-refresh .service-panel-product p{
				color:var(--mr-ink-soft) !important;
				opacity:1 !important;
			}
			body.design-refresh .service-panel-icon{
				background:rgba(191,244,89,0.20) !important;
				border:1px solid rgba(191,244,89,0.30) !important;
				border-radius:14px !important;
			}

			/* Featured panel = dark card */
			body.design-refresh .service-panel-featured{
				background:var(--mr-ink) !important;
				color:var(--mr-bg) !important;
				border:0 !important;
			}
			body.design-refresh[data-refresh-variant="B"] .service-panel-featured{
				background:var(--mr-lime) !important;
				color:#0c0f0d !important;
			}
			body.design-refresh .service-panel-featured h3{
				color:var(--mr-bg) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .service-panel-featured h3{color:#0c0f0d !important}
			body.design-refresh .service-panel-featured p{
				color:rgba(243,239,228,0.75) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .service-panel-featured p{
				color:rgba(12,15,13,0.78) !important;
			}
			body.design-refresh .service-panel-featured .service-panel-icon{
				background:rgba(191,244,89,0.30) !important;
				border-color:transparent !important;
			}
			body.design-refresh[data-refresh-variant="B"] .service-panel-featured .service-panel-icon{
				background:rgba(12,15,13,0.12) !important;
			}
			body.design-refresh .service-panel-featured .service-panel-caption span{
				color:var(--mr-lime) !important;
				font-family:'JetBrains Mono',monospace;
				font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
			}
			body.design-refresh[data-refresh-variant="B"] .service-panel-featured .service-panel-caption span{
				color:#0c0f0d !important;opacity:0.7;
			}

			body.design-refresh .service-panel-product{
				background:var(--mr-bg-soft) !important;
			}
			body.design-refresh .service-panel-product-top strong{
				font-family:'JetBrains Mono',monospace !important;
				font-size:11px !important;
				letter-spacing:0.06em !important;
				text-transform:uppercase !important;
				color:var(--mr-muted) !important;
				background:rgba(255,255,255,0.62) !important;
				border:1px solid var(--mr-line) !important;
			}
			body.design-refresh .service-panel-product-logo{
				filter:none !important;opacity:1 !important;
				padding:6px 12px;border-radius:8px;
				background:var(--mr-ink);
			}
			body.design-refresh[data-refresh-variant="B"] .service-panel-product-logo{
				background:var(--mr-lime);
			}

			/* ============================================================
			   Realizace tabs
			   ============================================================ */
			body.design-refresh .cr-about-section{
				background:var(--mr-bg-soft) !important;
			}
			body.design-refresh .realizace-intro{
				color:var(--mr-ink-soft) !important;
				font-size:17px;
			}
			body.design-refresh .cr-about-tab-control{
				display:flex;
				gap:6px !important;
				padding:6px !important;
				background:var(--mr-bg) !important;
				border:1px solid var(--mr-line) !important;
				border-radius:999px !important;
				width:fit-content;max-width:100%;
				flex-wrap:wrap;
			}
			body.design-refresh .cr-about-tab-control li{list-style:none}
			body.design-refresh .cr-about-tab-control li a{
				padding:10px 18px !important;
				border:0 !important;
				border-radius:999px !important;
				background:transparent !important;
				color:var(--mr-ink-soft) !important;
				font-weight:500 !important;
				font-size:14px !important;
				transition:background .25s var(--mr-ease),color .25s var(--mr-ease);
			}
			body.design-refresh .cr-about-tab-control li a:hover{
				color:var(--mr-ink) !important;
			}
			body.design-refresh .cr-about-tab-control li a.active{
				background:var(--mr-ink) !important;
				color:var(--mr-bg) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .cr-about-tab-control li a.active{
				background:var(--mr-lime) !important;
				color:var(--mr-on-lime) !important;
			}

			body.design-refresh .about-content-left img,
			body.design-refresh .img-left img{
				border-radius:24px !important;
				border:1px solid var(--mr-line);
				background:var(--mr-card);
			}
			body.design-refresh .ab-years-box{
				background:var(--mr-card) !important;
				color:var(--mr-ink) !important;
				border:1px solid var(--mr-line) !important;
				box-shadow:0 18px 40px rgba(0,0,0,0.10) !important;
				border-radius:20px !important;
			}
			body.design-refresh .ab-years-box h3{color:var(--mr-ink) !important}
			body.design-refresh .primary-text-color{
				color:var(--mr-ink) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .primary-text-color{
				color:var(--mr-lime) !important;
			}
			body.design-refresh .primary-bg-light{
				background:transparent !important;padding:0 !important;
			}
			body.design-refresh .phone-btn{transition:background .2s var(--mr-ease);padding:10px;border-radius:12px}
			body.design-refresh .phone-btn:hover{background:var(--mr-bg)}
			body.design-refresh .phone-btn .icon{
				background:var(--mr-lime) !important;border-radius:12px !important;
			}
			body.design-refresh .phone-btn h5{color:var(--mr-ink) !important}

			/* ============================================================
			   Tech block
			   ============================================================ */
			body.design-refresh .cr2-footer-brands{
				background:var(--mr-bg) !important;
			}
			body.design-refresh .technology-block{
				display:grid;grid-template-columns:1fr 1.6fr;gap:60px;
				padding:60px;
				border-radius:36px;
				background:var(--mr-ink);
				position:relative;overflow:hidden;
			}
			body.design-refresh[data-refresh-variant="B"] .technology-block{
				background:var(--mr-card-2);
				border:1px solid var(--mr-line);
			}
			body.design-refresh .technology-block::before{
				content:"";position:absolute;top:-50%;right:-20%;
				width:60%;height:200%;
				background:radial-gradient(ellipse at center,rgba(191,244,89,0.28),transparent 60%);
				pointer-events:none;
			}
			body.design-refresh .technology-copy .section-label{
				color:var(--mr-lime) !important;
			}
			body.design-refresh .technology-copy h2{
				color:var(--mr-bg) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .technology-copy h2{color:var(--mr-ink) !important}
			body.design-refresh .technology-copy p{
				color:rgba(243,239,228,0.70) !important;
				max-width:380px;
			}
			body.design-refresh[data-refresh-variant="B"] .technology-copy p{color:var(--mr-ink-soft) !important}
			body.design-refresh .technology-grid{
				display:grid !important;
				grid-template-columns:repeat(3,1fr) !important;
				gap:12px !important;
				position:relative;z-index:1;
			}
			body.design-refresh .technology-card{
				padding:22px !important;border-radius:18px !important;
				background:rgba(243,239,228,0.06) !important;
				border:1px solid rgba(243,239,228,0.10) !important;
				transition:background .3s var(--mr-ease),border-color .3s var(--mr-ease),box-shadow .3s var(--mr-ease) !important;
				display:flex !important;flex-direction:column;gap:10px;
			}
			body.design-refresh[data-refresh-variant="B"] .technology-card{
				background:var(--mr-bg) !important;border-color:var(--mr-line) !important;
			}
			body.design-refresh .technology-card:hover{
				background:rgba(191,244,89,0.10) !important;
				border-color:rgba(191,244,89,0.24) !important;
				box-shadow:0 0 0 1px rgba(191,244,89,0.10), 0 18px 40px rgba(191,244,89,0.12);
			}
			body.design-refresh .technology-logo-wrap img{
				height:28px;width:auto;
			}
			body.design-refresh .technology-card h3{
				color:var(--mr-bg) !important;
				font-size:16px !important;font-weight:600 !important;letter-spacing:-0.01em;
			}
			body.design-refresh[data-refresh-variant="B"] .technology-card h3{color:var(--mr-ink) !important}
			body.design-refresh .technology-card p{
				color:rgba(243,239,228,0.65) !important;font-size:13px !important;line-height:1.4;
			}
			body.design-refresh[data-refresh-variant="B"] .technology-card p{color:var(--mr-muted) !important}
			@media(max-width:900px){
				body.design-refresh .technology-block{grid-template-columns:1fr;padding:40px 28px;gap:32px}
				body.design-refresh .technology-grid{grid-template-columns:repeat(2,1fr) !important}
			}
			@media(max-width:520px){
				body.design-refresh .technology-grid{grid-template-columns:1fr !important}
			}

			/* ============================================================
			   Pricing
			   ============================================================ */
			body.design-refresh .hm4-pricing-section{
				background:var(--mr-bg) !important;
			}
			body.design-refresh[data-refresh-variant="A"] .hm4-pricing-section{
				background:
					radial-gradient(circle at 88% 80%, rgba(191,244,89,0.10) 0%, transparent 25%),
					var(--mr-bg) !important;
			}
			body.design-refresh .hm4-pricing-section .text-white{
				color:var(--mr-ink) !important;
			}
			body.design-refresh .hm4-pricing-section .section-label.light{
				color:var(--mr-muted) !important;
			}
			body.design-refresh .hm4-pricing-box{
				background:var(--mr-card) !important;
				border:1px solid var(--mr-line) !important;
				box-shadow:none !important;
				border-radius:24px !important;
				padding:28px 32px !important;
				transition:transform .4s var(--mr-ease),border-color .3s var(--mr-ease);
			}
			body.design-refresh .hm4-pricing-box:hover{
				transform:none;
				border-color:rgba(15,30,23,0.2) !important;
				box-shadow:0 0 0 1px rgba(15,30,23,0.05), 0 18px 42px rgba(15,30,23,0.08) !important;
			}
			body.design-refresh .hm4-pricing-box h6{
				color:var(--mr-ink) !important;
				font-size:20px !important;font-weight:600 !important;letter-spacing:-0.02em;
				margin:0;
				padding:0 0 16px 0;
			}
			body.design-refresh .hm4-pricing-box{
				display:grid !important;
				grid-template-columns:minmax(0,1fr) 260px;
				align-items:stretch;
				column-gap:28px;
				row-gap:20px;
			}
			body.design-refresh .hm4-pricing-box .pricing-features{
				padding-right:0;
			}
			body.design-refresh .hm4-pricing-box .pricing-features ul{
				margin:0;
				padding:0;
				list-style:none;
			}
			body.design-refresh .hm4-pricing-box .pricing-features::before{
				display:none;
			}
			body.design-refresh .hm4-pricing-box ul li{
				color:var(--mr-ink-soft) !important;font-size:14px;
				margin:0;
				padding:12px 0;
				background:none !important;
				box-shadow:none !important;
				border-top:0;
			}
			body.design-refresh .hm4-pricing-box ul li + li{
				margin-top:0;
			}
			body.design-refresh .hm4-pricing-box ul li::after{
				display:none;
			}
			body.design-refresh .hm4-pricing-box ul li:nth-child(-n+2){
				box-shadow:inset 0px -1px 0 0 var(--mr-line) !important;
			}
			body.design-refresh .hm4-pricing-box ul li:last-child{
				padding-bottom:0;
			}
			body.design-refresh .hm4-pricing-box ul li i{
				color:var(--mr-lime) !important;
			}
			body.design-refresh .hm4-pricing-box .price-amount{
				flex:initial;
				min-width:0;
				padding-left:28px;
				border-left:1px solid var(--mr-line);
				align-self:stretch;
				justify-content:center;
			}
			body.design-refresh .hm4-pricing-box .price-value{
				color:var(--mr-ink) !important;
				font-weight:600 !important;letter-spacing:-0.03em;
			}
			body.design-refresh .hm4-pricing-box .price-prefix{
				color:var(--mr-muted) !important;
				font-family:'JetBrains Mono',monospace;font-size:11px !important;
				text-transform:uppercase;letter-spacing:0.08em;
			}
			body.design-refresh .saving-badge{
				background:var(--mr-lime) !important;
				color:var(--mr-on-lime) !important;
				border:0 !important;box-shadow:none !important;
				font-family:'JetBrains Mono',monospace !important;
				font-size:11px !important;letter-spacing:0.1em !important;
				text-transform:uppercase !important;font-weight:500 !important;
				border-radius:999px !important;padding:4px 12px !important;
			}

			/* ============================================================
			   Support / contact / footer
			   ============================================================ */
			/* Support section — vlastní tmavý charakter, izolovaný od zbytku */
			body.design-refresh .team-section{
				background:var(--mr-bg) !important;
				padding:60px 0 !important;
			}
			body.design-refresh .cr-service-box{
				background:#0a120d !important;
				border-radius:36px !important;
				border:1px solid rgba(191,244,89,0.12) !important;
				padding:50px 50px 0 48px !important;
				position:relative;overflow:hidden;
				background-image:
					radial-gradient(ellipse 60% 50% at 85% 10%, rgba(191,244,89,0.18), transparent 55%),
					radial-gradient(ellipse 40% 30% at 10% 90%, rgba(191,244,89,0.08), transparent 55%) !important;
				background-color:#0a120d !important;
			}
			
			body.design-refresh .cr-service-box > .row{position:relative;z-index:1}
			body.design-refresh .cr-service-box .section-label,
			body.design-refresh .cr-service-box .cr-subtitle{
				color:var(--mr-lime) !important;
			}
			body.design-refresh .cr-service-box h2{
				color:#eef1ec !important;
			}
			body.design-refresh .cr-service-box h2 .primary-bg-light{
				background:var(--mr-lime) !important;
				color:#0c0f0d !important;
				padding:0 12px !important;border-radius:10px !important;
				display:inline-block;transform:rotate(-1.5deg);
			}
			body.design-refresh .cr-service-box .support-steps,
			body.design-refresh .cr-service-box .support-note{
				color:rgba(238,241,236,0.72) !important;
			}
			body.design-refresh .cr-service-box .support-note{
				color:rgba(238,241,236,0.48) !important;
				font-size:11px;
			}
			body.design-refresh .support-downloads{
				display:flex;gap:18px;flex-wrap:nowrap;align-items:stretch;margin:28px 0 24px;
			}
			body.design-refresh .support-download{
				display:inline-flex;align-items:center;justify-content:center;
				position:relative;
				flex:1 1 0;
				min-width:0;
				padding:18px 20px;border-radius:20px;
				background:var(--mr-card);border:1px solid var(--mr-line);
				text-decoration:none;
				box-shadow:0 14px 34px rgba(10,18,13,0.08);
				transition:background .3s var(--mr-ease),transform .3s var(--mr-ease),border-color .3s var(--mr-ease),box-shadow .3s var(--mr-ease);
			}
			body.design-refresh .support-download:hover{
				background:var(--mr-bg-soft);border-color:var(--mr-lime);transform:none;
				box-shadow:0 0 0 1px rgba(191,244,89,0.14), 0 18px 40px rgba(10,18,13,0.10);
			}
			body.design-refresh .support-download img{
				max-width:min(100%, 230px);
				border-radius:12px !important;
				height:56px !important;width:auto !important;
				display:block;
			}
				body.design-refresh .support-download-info{
					position:absolute;
					top:14px;
					right:14px;
					border-color:rgba(15,30,23,0.14);
					background:rgba(255,255,255,0.92);
					color:rgba(15,30,23,0.72);
					z-index:2;
					pointer-events:none;
				}
				body.design-refresh .support-download-tooltip{
					position:absolute;
					right:0;
					left:auto;
					width:max-content;
					max-width:min(320px, 72vw);
					white-space:normal;
				}
				body.design-refresh .support-download:hover .support-download-tooltip,
				body.design-refresh .support-download:focus-visible .support-download-tooltip{
					opacity:1;
					transform:translateY(0);
					pointer-events:auto;
				}
			@media(max-width:767.98px){
				body.design-refresh .support-downloads{
					flex-wrap:wrap;
				}
				body.design-refresh .support-download{
					width:100%;
				}
				body.design-refresh .support-download-tooltip{
					max-width:min(320px, 82vw);
				}
				body.design-refresh .support-download img{
					max-width:min(100%, 216px);
					height:auto !important;
				}
			}

			/* Services — asymetrický grid, odlišit karty */
			body.design-refresh .service-panel:nth-child(1){
				background:var(--mr-bg-soft) !important;
			}
			body.design-refresh .service-panel:nth-child(2){
				background:var(--mr-card) !important;
			}
			body.design-refresh .service-panel-tech{
				background:linear-gradient(155deg,rgba(191,244,89,0.18),var(--mr-card) 60%) !important;
			}

			/* Pricing — karty s variabilním akcentem */
			body.design-refresh .hm4-pricing-box:nth-of-type(1) .saving-badge{transform:rotate(-2deg)}
			body.design-refresh .hm4-pricing-box:nth-of-type(2){
				background:var(--mr-ink) !important;
				color:var(--mr-bg) !important;
				border-color:transparent !important;
			}
			body.design-refresh .hm4-pricing-box:nth-of-type(2) h6,
			body.design-refresh .hm4-pricing-box:nth-of-type(2) .price-value{
				color:var(--mr-bg) !important;
			}
			body.design-refresh .hm4-pricing-box:nth-of-type(2) ul li{
				color:rgba(243,239,228,0.72) !important;
			}
			body.design-refresh .hm4-pricing-box:nth-of-type(2) ul li:nth-child(-n+2){
				box-shadow:inset 0px -1px 0 0 rgba(243,239,228,0.14) !important;
			}
			body.design-refresh .hm4-pricing-box:nth-of-type(2) .price-prefix{
				color:rgba(243,239,228,0.5) !important;
			}
			body.design-refresh .hm4-pricing-box:nth-of-type(2) .price-amount{
				border-left-color:rgba(243,239,228,0.14);
			}
			body.design-refresh .hm4-pricing-box.pricing-featured .price-amount{
				border-left-color:rgba(15,30,23,0.14);
			}
			body.design-refresh .hm4-pricing-box.pricing-featured ul li:nth-child(-n+2){
				box-shadow:inset 0px -1px 0 0 rgba(15,30,23,0.14) !important;
			}
			@media(max-width:991.98px){
				body.design-refresh .hm4-pricing-box{
					grid-template-columns:1fr;
					row-gap:18px;
				}
				body.design-refresh .hm4-pricing-box .price-amount{
					padding-left:0;
					padding-top:18px;
					border-left:0;
					border-top:1px solid var(--mr-line);
				}
				body.design-refresh .hm4-pricing-box:nth-of-type(2) .price-amount{
					border-top-color:rgba(243,239,228,0.14);
				}
				body.design-refresh .hm4-pricing-box.pricing-featured .price-amount{
					border-top-color:rgba(15,30,23,0.14);
				}
			}

			/* Technology block — always dark, with a hard accent stripe */
			body.design-refresh .technology-block{
				background:#0a120d !important;
				border:1px solid rgba(191,244,89,0.15);
			}
			body.design-refresh .technology-block::after{
				content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
				background:var(--mr-lime);
			}
			body.design-refresh .technology-copy h2,
			body.design-refresh .technology-card h3{
				color:#eef1ec !important;
			}
			body.design-refresh .technology-copy p,
			body.design-refresh .technology-card p{
				color:rgba(238,241,236,0.65) !important;
			}

			/* Realizace — karty s decentní hmotou, ne krémové */
			body.design-refresh[data-refresh-variant="A"] .cr-about-section{
				background:
					radial-gradient(ellipse 60% 40% at 90% 10%, rgba(191,244,89,0.08), transparent 50%),
					var(--mr-bg-soft) !important;
			}

			/* Kontakt — always dark, stronger accent */
			body.design-refresh .contact-section.dark-bg-color{
				background:#0a120d !important;
				position:relative;
			}
			body.design-refresh .contact-section.dark-bg-color::before{
				content:"";position:absolute;inset:0;pointer-events:none;
				background:
					radial-gradient(ellipse 50% 60% at 95% 10%, rgba(191,244,89,0.14), transparent 55%);
			}
			body.design-refresh[data-refresh-variant="B"] .contact-section.dark-bg-color{
				background:var(--mr-bg-soft) !important;
			}

			body.design-refresh .contact-section.dark-bg-color{
				background:var(--mr-ink) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .contact-section.dark-bg-color{
				background:var(--mr-bg-soft) !important;
			}
			body.design-refresh .contact-section .circle-shape,
			body.design-refresh .contact-section .circle-shape-2,
			body.design-refresh .contact-section .circle-shape-3{
				display:none !important;
			}
			body.design-refresh .contact-info .section-label.light{
				color:var(--mr-lime) !important;
			}
			body.design-refresh .contact-info h2,
			body.design-refresh .contact-info .text-white,
			body.design-refresh .contact-info h6.text-white{
				color:var(--mr-bg) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .contact-info h2,
			body.design-refresh[data-refresh-variant="B"] .contact-info .text-white,
			body.design-refresh[data-refresh-variant="B"] .contact-info h6.text-white{
				color:var(--mr-ink) !important;
			}
			body.design-refresh .contact-info-list li span.fs-xl{
				font-family:'JetBrains Mono',monospace !important;
				font-size:12px !important;letter-spacing:0.08em !important;
				text-transform:uppercase;
				color:rgba(243,239,228,0.6) !important;
			}
			body.design-refresh[data-refresh-variant="B"] .contact-info-list li span.fs-xl{
				color:var(--mr-muted) !important;
			}
			body.design-refresh .contact-info-list li{
				padding:16px 0;border-top:1px solid rgba(243,239,228,0.1);
			}
			body.design-refresh[data-refresh-variant="B"] .contact-info-list li{
				border-top-color:var(--mr-line);
			}
			body.design-refresh .contact-info-list li:first-child{border-top:0;padding-top:0}

			body.design-refresh .contact-form-box{
				background:var(--mr-card) !important;
				border:1px solid var(--mr-line);
				border-radius:28px !important;
				padding:40px !important;
			}
			body.design-refresh .contact-form-box h3{
				color:var(--mr-ink) !important;
			}
			body.design-refresh .theme-input,
			body.design-refresh .big-select{
				background:var(--mr-bg-soft) !important;
				border:1px solid var(--mr-line) !important;
				color:var(--mr-ink) !important;
				border-radius:12px !important;
			}
			body.design-refresh .theme-input:focus,
			body.design-refresh .big-select:focus{
				outline:0;border-color:var(--mr-lime) !important;background:var(--mr-card) !important;
			}

			body.design-refresh .footer-style-2{
				background:var(--mr-ink) !important;
				border-top:1px solid rgba(243,239,228,0.1);
			}
			body.design-refresh[data-refresh-variant="B"] .footer-style-2{
				background:var(--mr-bg) !important;
				border-top-color:var(--mr-line);
			}
			body.design-refresh .copyright-text p{color:rgba(243,239,228,0.6) !important}
			body.design-refresh[data-refresh-variant="B"] .copyright-text p{color:var(--mr-muted) !important}

			/* ============================================================
			   Tweaks panel
			   ============================================================ */
			.mr-tweaks{
				position:fixed;bottom:20px;right:20px;z-index:1000;
				background:var(--mr-card);border:1px solid var(--mr-line);border-radius:20px;
				padding:18px;box-shadow:0 20px 60px -10px rgba(0,0,0,0.3);
				min-width:280px;display:none;
				color:var(--mr-ink);
			}
			.mr-tweaks.open{display:block}
			.mr-tweaks h4{
				font-size:14px;font-weight:600;margin:0 0 14px;
				display:flex;align-items:center;justify-content:space-between;
				color:var(--mr-ink);
			}
			.mr-tweaks .close-btn{font-size:20px;color:var(--mr-muted);cursor:pointer;background:none;border:0;padding:0;line-height:1}
			.mr-tweaks .desc{
				font-size:12px;color:var(--mr-muted);line-height:1.5;margin-top:14px;
			}
			.mr-tweaks .desc strong{color:var(--mr-ink);display:block;margin-top:8px;font-size:12px}

/* extracted-style-block */
/* ============================================================
   Creatia — extras CSS
   ============================================================ */

/* Brand tagline — malá mono lištička pod logem */
.creatia-brand-tagline{
  display:none;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:0.08em;
  color:var(--mr-muted, #6b776e);
  margin-left:14px;padding:4px 10px;
  border-left:1px solid rgba(10,18,13,0.12);
  font-style:italic;
}
@media(min-width:992px){.creatia-brand-tagline{display:inline-flex;align-items:center}}

.creatia-season-badge{
  display:none;
  align-items:center;
  gap:6px;
  margin-left:12px;
  padding:5px 10px;
  border:1px solid rgba(10,18,13,0.08);
  border-radius:999px;
  background:rgba(255,255,255,0.76);
  color:var(--mr-muted, #6b776e);
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

@media(min-width:992px){.creatia-season-badge{display:inline-flex}}

/* Command palette */
.creatia-palette{
  position:fixed;inset:0;z-index:99999;
  background:rgba(10,18,13,0.5);backdrop-filter:blur(6px);
  display:flex;align-items:flex-start;justify-content:center;
  padding:10vh 20px 20px;
  opacity:0;pointer-events:none;transition:opacity .2s ease;
}
.creatia-palette.open{opacity:1;pointer-events:auto}
.creatia-palette-panel{
  width:100%;max-width:560px;background:#fff;
  border-radius:18px;overflow:hidden;
  box-shadow:0 32px 80px -20px rgba(10,18,13,0.35);
  transform:translateY(-10px);transition:transform .25s ease;
  border:1px solid rgba(10,18,13,0.08);
}
.creatia-palette.open .creatia-palette-panel{transform:none}
.creatia-palette-head{
  display:flex;align-items:center;gap:12px;padding:16px 18px;
  border-bottom:1px solid rgba(10,18,13,0.06);
}
.creatia-palette-prompt{
  font-family:'JetBrains Mono',monospace;
  background:#bff459;color:#0a120d;font-weight:700;
  width:28px;height:28px;display:grid;place-items:center;
  border-radius:8px;font-size:14px;
}
.creatia-palette-head input{
  flex:1;border:0;outline:0;font-size:16px;background:transparent;
  font-family:inherit;color:#0a120d;
}
.creatia-palette-head kbd{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  padding:3px 7px;border:1px solid rgba(10,18,13,0.12);
  border-radius:5px;background:rgba(10,18,13,0.04);color:#6b776e;
}
.creatia-palette-list{
  margin:0;padding:8px;list-style:none;max-height:50vh;overflow:auto;
}
.creatia-palette-list li{
  padding:10px 12px;border-radius:10px;cursor:pointer;
  display:flex;align-items:baseline;gap:12px;
  transition:background .15s ease;
}
.creatia-palette-list li:hover,
.creatia-palette-list li.active{background:rgba(191,244,89,0.18)}
.creatia-palette-list li strong{
  font-weight:500;color:#0a120d;font-size:14px;
}
.creatia-palette-list li span{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:#6b776e;margin-left:auto;text-transform:uppercase;letter-spacing:0.06em;
}
.creatia-palette-list li.empty{
  color:#6b776e;font-style:italic;text-align:center;padding:22px;
}
.creatia-palette-foot{
  padding:10px 16px;border-top:1px solid rgba(10,18,13,0.06);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:#6b776e;letter-spacing:0.05em;
}
.creatia-palette-foot kbd{
  font-family:inherit;padding:2px 5px;border:1px solid rgba(10,18,13,0.12);
  border-radius:4px;background:rgba(10,18,13,0.04);margin:0 2px;
  color: #000;.design-refresh .template-btn.outline-secondary:hover svg path
}

/* CRT retro mode */
.creatia-crt{
  animation:crt-shake 0.2s ease;
}
.creatia-crt body{
  filter:hue-rotate(70deg) saturate(1.3) contrast(1.15) brightness(0.9) !important;
  background:#0a120d !important;
}
.creatia-crt body::before{
  content:"";position:fixed;inset:0;z-index:99998;pointer-events:none;
  background:
    linear-gradient(transparent 0, transparent 2px, rgba(0,0,0,0.08) 3px, transparent 3px),
    linear-gradient(90deg, rgba(191,244,89,0.03), rgba(255,255,255,0.02));
  background-size:100% 3px,100% 100%;
  mix-blend-mode:overlay;
  animation:crt-flicker 0.15s infinite;
}
@keyframes crt-shake{0%,100%{transform:none}50%{transform:translate(1px,-1px)}}
@keyframes crt-flicker{0%,100%{opacity:1}50%{opacity:0.85}}

/* Draggable memoji */
.creatia-draggable{
  cursor:grab;user-select:none;-webkit-user-drag:none;
  transition:transform 0.4s cubic-bezier(.34,1.56,.64,1);
  will-change:transform;
}

/* Liquid hover blob */
.creatia-liquid{position:relative;overflow:hidden;isolation:isolate}
.creatia-liquid-blob{
  position:absolute;pointer-events:none;
  left:var(--bx,50%);top:var(--by,50%);
  width:220px;height:220px;
  margin:-110px 0 0 -110px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(191,244,89,0.55), transparent 62%);
  opacity:0;transition:opacity .35s ease;
  z-index:-1;mix-blend-mode:multiply;
}
.creatia-liquid:hover .creatia-liquid-blob{opacity:1}
body.design-refresh .service-block-commerce .creatia-liquid-blob,
body.design-refresh .white-btn .creatia-liquid-blob,
body.design-refresh .outline-secondary .creatia-liquid-blob{
  mix-blend-mode:normal;
  background:radial-gradient(circle, rgba(191,244,89,0.35), transparent 62%);
}

/* Confetti */
.creatia-confetti{
  position:fixed;inset:0;pointer-events:none;z-index:100000;
}
.creatia-confetti i{
  position:absolute;width:8px;height:12px;border-radius:2px;
  transform:translate(-50%,-50%);
  animation:confetti-fly 1.4s cubic-bezier(.2,.6,.3,1) forwards;
}
@keyframes confetti-fly{
  0%{transform:translate(-50%,-50%) rotate(0);opacity:1}
  100%{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty) + 260px)) rotate(var(--rot));opacity:0}
}

/* Toast */
.creatia-toast{
  position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);
  background:#0a120d;color:#eef1ec;
  padding:12px 20px;border-radius:999px;
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.06em;
  z-index:100001;opacity:0;
  transition:opacity .35s ease,transform .35s ease;
  box-shadow:0 12px 40px -10px rgba(10,18,13,0.4);
  border:1px solid rgba(191,244,89,0.3);
}
.creatia-toast.in{opacity:1;transform:translate(-50%,0)}

/* Hide tilt transform on reduced motion */
@media (prefers-reduced-motion: reduce){
  .case-study{transform:none !important}
  .creatia-draggable{transition:none}
}

/* END: extracted homepage inline styles */


/* BEGIN: 404 page styles */

body.error-404 {
	min-height: 100vh;
	position: relative;
	overflow-x: hidden;
}

body.design-refresh.error-404 {
	background: #fbf8f2 !important;
}

body.design-refresh.error-404::before {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
}

body.design-refresh.error-404 .primary-bg-light {
	display: inline;
	padding: 0.05em 0.24em !important;
	border-radius: 0.22em;
	background: rgba(149, 242, 73, 0.16) !important;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	color: #111111 !important;
}

body.design-refresh.error-404 .primary-text-color {
	color: #111111 !important;
}

html:has(body.error-404),
body.error-404 {
	min-height: 100vh;
}

body.error-404::after {
	content: none;
}

body.error-404 * {
	box-sizing: border-box;
}

body.error-404 .error-404-header {
	position: relative;
	z-index: 2;
	padding: 24px 0 0;
}

body.error-404 .error-404-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 22px;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: blur(18px);
	box-shadow: 0 20px 54px rgba(17, 17, 17, 0.08);
}

body.error-404 .error-404-brand {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	color: var(--design-ink);
	text-decoration: none;
}

body.error-404 .error-404-logo {
	display: block;
	height: 38px;
	width: auto;
}

body.error-404 .error-404-brand span {
	font-family: 'JetBrains Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(17, 17, 17, 0.46);
}

body.error-404 .error-404-home {
	flex: 0 0 auto;
}

body.error-404 .error-404-shell {
	position: relative;
	z-index: 1;
	padding: 40px 0 72px;
}

body.error-404 .error-404-card {
	position: relative;
	z-index: 1;
	max-width: 820px;
	margin: 0 auto;
	padding-top: 64px;
	text-align: center;
}

body.error-404 .error-404-card h1 {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(40px, 5vw, 78px);
	font-weight: 700;
	letter-spacing: -0.07em;
	line-height: 0.98;
	text-wrap: balance;
}

body.error-404 .error-404-card h1 em {
	font-style: normal;
}

body.error-404 .error-404-card p {
	margin: 22px auto 0;
	max-width: 42ch;
	font-size: 17px;
	line-height: 1.7;
	color: #55606b;
}

body.error-404 .error-404-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 30px;
}

body.error-404 .error-404-links {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 30px;
}

body.error-404 .error-404-links a {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 116px;
	padding: 18px 18px 16px;
	border-radius: 20px;
	text-decoration: none;
	color: var(--design-ink);
	border: 1px solid rgba(17, 17, 17, 0.09);
	background: rgba(255, 255, 255, 0.72);
	box-shadow: 0 12px 30px rgba(17, 17, 17, 0.04);
	transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

body.error-404 .error-404-links a strong {
	font-size: 18px;
	line-height: 1.1;
	letter-spacing: -0.03em;
}

body.error-404 .error-404-links a span {
	font-family: 'JetBrains Mono', monospace;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(17, 17, 17, 0.48);
}

body.error-404 .error-404-links a:hover {
	transform: translateY(-3px);
	border-color: rgba(149, 242, 73, 0.46);
	background: #ffffff;
	box-shadow: 0 18px 36px rgba(17, 17, 17, 0.08);
}

body.error-404 .error-404-footerline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid rgba(17, 17, 17, 0.08);
	font-family: 'JetBrains Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.08em;
	color: rgba(17, 17, 17, 0.56);
}

body.error-404 .error-404-footerline kbd {
	padding: 3px 8px;
	border: 1px solid rgba(17, 17, 17, 0.12);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.72);
	color: var(--design-ink);
	font: inherit;
}

body.error-404 .error-404-footerline code {
	padding: 3px 8px;
	border-radius: 6px;
	background: rgba(17, 17, 17, 0.05);
	color: var(--design-ink);
	font: inherit;
}

body.error-404 .error-404-footerline em {
	font-style: normal;
}

@media (max-width: 700px) {
	body.error-404 .error-404-header {
		padding-top: 18px;
	}

	body.error-404 .error-404-header-inner {
		padding: 14px 16px;
		border-radius: 22px;
		flex-wrap: wrap;
	}

	body.error-404 .error-404-brand {
		gap: 12px;
	}

	body.error-404 .error-404-logo {
		height: 32px;
	}

	body.error-404 .error-404-shell {
		padding-top: 28px;
		padding-bottom: 52px;
	}

	body.error-404 .error-404-card {
		padding-top: 36px;
	}

	body.error-404 .error-404-card h1 {
		font-size: clamp(40px, 10vw, 58px);
	}

	body.error-404 .error-404-card p {
		font-size: 16px;
	}

	body.error-404 .error-404-links {
		grid-template-columns: 1fr;
	}

	body.error-404 .error-404-actions .template-btn {
		width: 100%;
		justify-content: center;
	}
}

/* END: 404 page styles */

/* Final nav overrides */
body.design-refresh .scroll-sections{
	display:none !important;
}

body.design-refresh .header-sticky,
body.design-refresh .header-sticky.sticky-on{
	position:relative !important;
	top:auto !important;
	left:auto !important;
	right:auto !important;
	width:auto !important;
	padding-top:0 !important;
	box-shadow:none !important;
	background:transparent !important;
}

body.design-refresh .header-sticky .container,
body.design-refresh .header-sticky.sticky-on .container{
	transform:none !important;
}

body.design-refresh .header-sticky .crete-navbar,
body.design-refresh .header-sticky.sticky-on .crete-navbar{
	padding:20px 28px !important;
	border-color:rgba(17,17,17,0.08) !important;
	background:transparent !important;
	box-shadow:none !important;
}

body.design-refresh.mobile-menu-open{
	overflow:hidden;
}