:root {
	--c-white: #fffffffa;
	--c-black: #1d2024;

	--primary-color: #13452c;
	--primary-light: #c5c5c5;
	--primary-dark: #1a2e1a;
	--accent-color: #870004;
	--accent-hover: #75090c;

	/*Нейтральные */
	--background: var(--c-white);
	--background-light: #f8f9fa;
	--background-dark: #e5e5e5;

	/*Текст */
	--text-primary: var(--c-black);
	--text-secondary: #273a27;
	/*--text-muted: #718096; */
	--text-muted: rgba(0, 0, 0, 0.5);

	/*Успех/статусы */
	--success: #10b981;
	--info: var(--primary-light);
	--warning: var(--accent-color);
	--danger: #f05058;

	--border-r: 5px;
	--transition: 0.25s ease;
}

::selection {
	background: var(--primary-light);
	color: var(--primary-dark);
}

body * {
	font-family: Inter, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
:is(h1, h2, h3, h4, h5, h6 ) * {
	font-family: 'Tektur' !important;
	font-weight: inherit;
}
h1{
	font-weight: 600;
	letter-spacing: 0.5px;
}
h1 span{
	font-size: 1.1em;
}
.text-accent {
	color: var(--accent-color);
}

.uk-button{
	border-radius: var(--border-r);
}
.uk-button-primary {
	background-color: transparent;
	color: var(--primary-color);
	border: 1px solid;
}
.uk-button-primary:hover{
	background-color: var(--primary-dark);
}

.uk-totop{
	z-index: -1;
	position: absolute;
	right: 2vw;
}
.uk-totop.uk-active{
	z-index: 1000;
}

/* Header */
header {
	background: var(--background);
	border-bottom: 1px solid var(--background-dark);
	padding: 20px 0 !important;
	transition: var(--transition);
}

/* Logo */
.uk-logo {
	font-size: 2.25rem;
	font-weight: 800;
	font-family: 'Tektur' !important;
	color: var(--c-black);
	letter-spacing: 0.5px;
	position: relative;
	transition: var(--transition);
	text-decoration: none;
	width: fit-content;
}
.uk-logo::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 3px;
	background: var(--accent-color);
	transition: var(--transition);
}
.uk-logo:hover {
	color: var(--accent-color) !important;
}
.uk-logo:hover::after {
	width: 100%;
}
.footer .uk-logo {
	color: var(--primary-light) !important;
	font-size: 1.75rem;
	letter-spacing: 1px;
}

/* Contacts in Header */
.contacts {
	margin-left: auto;
}
.contacts .uk-link-muted {
	color: var(--text-secondary) !important;
	font-size: 0.9rem;
	transition: var(--transition);
	padding: 8px 15px;
	text-decoration: none;
}

[data-tocopy]{
	cursor: copy;
}
.contacts .uk-link-muted:hover {
	color: var(--primary-color) !important;
	background: var(--background-light);
}
.contacts .uk-link-muted .uk-icon {
	color: var(--accent-color);
	transition: var(--transition);
}
.contacts .uk-link-muted:hover .uk-icon {
	transform: scale(1.15);
}
.contacts__social{
	transition: var(--transition);
	color: var(--accent-color);
}
.contacts__social:hover{
	transform: scale(1.15);
	
}
.contact-map,
.contact-map>*{
	height: 100%;
	width: 100%;
}

/* Navigation */
.uk-navbar-container {
	background: var(--primary-color) !important;
	box-shadow: 0 2px 10px rgba(30, 58, 95, 0.1);
	position: relative;
	z-index: 980;
}

/* Декоративная линия сверху */
.uk-navbar-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg,
			var(--accent-color) 0%,
			var(--primary-light) 50%,
			var(--accent-color) 100%);
	background-size: 200% 100%;
	animation: gradientShift 13s ease infinite;
}

@keyframes gradientShift {
	0%,
	100% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
}

/* Navigation Links */
.uk-navbar-nav>li>a {
	color: rgba(255, 255, 255, 0.9) !important;
	font-weight: 500;
	font-size: 0.95rem;
	text-transform: none;
	letter-spacing: 0.3px;
	padding: 0 20px;
	height: 60px;
	display: flex;
	align-items: center;
	position: relative;
	transition: var(--transition);
}

/* Подчеркивание при ховере */
.uk-navbar-nav>li>a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	height: 3px;
	background: var(--accent-color);
	transform: scaleX(0);
	transition: var(--transition);
}
.uk-navbar-nav>li>a:hover {
	color: var(--c-white) !important;
	background: rgba(255, 255, 255, 0.05);
}
.uk-navbar-nav>li>a:hover::after {
	transform: scaleX(1);
}
.uk-navbar-nav>li.uk-active>a {
	color: var(--c-white) !important;
	background: rgba(255, 255, 255, 0.1);
}
.uk-navbar-nav>li.uk-active>a::after {
	transform: scaleX(1);
	background: var(--accent-color);
}

/* Адаптивность */
@media (max-width: 960px) {
	header {
		padding: 10px 0 !important;
	}	
	.uk-logo {
		font-size: 1.5rem;
	}
	.uk-navbar-nav>li>a {
		padding: 0 15px;
		font-size: 0.9rem;
	}
}
@media (max-width: 640px) {
	/*header {
		padding: 10px 0 !important;
	} */
	.header .uk-logo img{
		max-width: 100px;
	}
	.uk-navbar-nav>li>a {
		padding: 0 10px;
		height: 50px;
		font-size: 0.85rem;
	}
}


/* Hero Section */
.hero-section {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url('../img/5.jpg') center/cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;

	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(90vh - 80px);
}
.hero-section .uk-container>*:not(h1) {
	max-width: 600px;
}
.hero-section .uk-container {
	position: relative;
	z-index: 1;
}
.hero-section .hero-title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
}

.uk-light.hero-section .uk-button-secondary:is(:hover, :focus) {
	background-color: var(--primary-color);
	color: var(--c-white);
}
.uk-light.hero-section .uk-button-default{
	background-color: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--c-white);
}
.uk-light.hero-section .uk-button-default:is(:hover, :focus) {
	background-color: var(--accent-hover);
	border-color: var(--accent-hover);
}
/* Поиск */

.hero-section .uk-search-input:focus {
	background-color: var(--c-white);
	outline: 2px solid var(--primary-color);
}
.uk-search-input::placeholder {
	color: var(--text-muted);
}

/* Meta текст */
.uk-text-meta {
	color: rgba(255, 255, 255, 0.8);
}
.uk-text-meta .uk-icon {
	color: var(--accent-color);
}


/* ADVANTAGES */
.advantages-section {
	padding: 60px 0;
	background: var(--background-light);
	position: relative;
}
.advantages-grid {
	margin-top: 0;
}
.uk-card{
	transition: var(--transition);
}
.advantage-card {
	height: 100%;
	border: 1px solid var(--background-dark);
	background: var(--background);
	text-align: center;
	padding: 30px 20px !important;
	position: relative;
	overflow: hidden;
}

/* Иконка в круге с фоном */
.advantage-icon-wrapper {
	width: 70px;
	height: 70px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(30, 58, 95, 0.1) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition);
}

.advantage-card:hover .advantage-icon-wrapper {
	background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-hover) 100%);
	transform: rotate(5deg) scale(1.1);
}

.advantage-icon {
	color: var(--accent-color);
	display: inline-block;
	transition: var(--transition);
}

.advantage-card:hover .advantage-icon {
	transform: scale(1.1);
}

.advantage-card h3 {
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 10px;
	color: var(--text-primary);
	transition: var(--transition);
}

.advantage-card:hover h3 {
	color: var(--primary-color);
}

.advantage-card p {
	color: var(--text-secondary);
	margin: 0;
	line-height: 1.6;
}

.advantage-card:hover::after {
	color: rgba(245, 158, 11, 0.1);
	transform: scale(1.2);
}

/* UIKIT REWRITE */

/* Адаптивность */
@media (max-width: 959px) {
	.hero-section {
		padding: 60px 0;
	}
	h1 {
		font-size: 2rem !important;
	}
	h2 {
		font-size: 1.5rem !important;
	}
	.hero-section h2 {
		font-size: 1.2rem !important;
	}
	.hero-section .uk-icon{
		width: 12px;
		height: 12px;
	}
	.hero-section .uk-button-large {
		padding: 0 20px;
		line-height: 2.5rem;	
	}
	.advantages-section {
		padding: 40px 0;
	}

	.section-header{
		gap: 1ch;
		flex-wrap: wrap;
	}

	/*UIKIT REWRITE */

	.uk-margin-medium-top{
		margin-top: 20px !important;
	}
	.uk-margin-medium-bottom{
		margin-bottom: 20px !important;
	}
	.uk-text-meta{
		font-size: 0.75rem;
	}
	address, dl, fieldset, figure, ol, p, pre, ulp{
		margin: 10px 0;	
	}
	.uk-text-lead{
		font-size: 1rem;
	}

	.form-privacy .uk-form-label{
		font-size: 12px;
	}
	.detail-content .uk-grid{
		margin-left: -15px ;
		margin-top: -15px;
	}
	.detail-content .uk-grid>*{
		padding-left: 15px;
		margin-top: 15px;
	}
	.uk-card-body,
	.uk-padding{
		padding: 20px !important;
	}
}
@media (max-width: 639px) {
	.hero-title {
		font-size: 1.75rem;
	}

	.advantages-section .uk-card:not(:hover, :focus) p{
		display: none;
	}
	.uk-grid{
		margin-left: -15px ;
		margin-top: -15px;
	}
	.uk-grid>*{
		padding-left: 15px;
		margin-top: 15px;
	}
	.advantage-card {
		padding: 25px 15px !important;
	}
	.advantage-card h3 {
		font-size: 1rem;
	}
}


/* DOCUMENTS */
.documents-section .uk-card {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.documents-section .uk-card-default {
	box-shadow: 0 4px 8px rgba(0,0,0,.2);
}

/* HOW WE WORK */
.how-we-work-section {
    padding: 80px 0;
    background: var(--background);
    position: relative;
}

.work-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1px;
    background: var(--background-dark);
    border: 1px solid var(--background-dark);
}

.work-step {
    background: var(--background);
    padding: 40px 30px;
    position: relative;
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

.work-step:hover {
    background: var(--background-light);
    border-left-color: var(--accent-color);
    transform: translateX(8px);
}

.step-number-large {
    font-size: 5rem;
    font-weight: 900;
    line-height: 1;
    color: var(--background-dark);
    margin-bottom: 20px;
    font-family: 'Arial Black', sans-serif;
    letter-spacing: -0.05em;
    transition: all 0.3s ease;
}

.work-step:hover .step-number-large {
    color: var(--accent-color);
    transform: scale(1.1);
}

.step-info {
    position: relative;
}

.step-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.step-description {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 959px) {
    .work-steps {
        grid-template-columns: repeat(2, 1fr);
    }
    .step-number-large {
        font-size: 4rem;
    }
}
@media (max-width: 639px) {
    .work-steps {
        grid-template-columns: 1fr;
    }
    .work-step {
		display: flex;
		gap: 2ch;
        padding: 25px 20px;
    }
    .step-number-large {
        font-size: 3.25rem;
    }
}


/* SERVICES */
.service-card {
	height: 100%;
	border: 1px solid var(--background-dark);
	background: var(--background);
}

.section-muted {
	background: var(--background-light);
	position: relative;
}

.section-muted::before {
	content: '';
	position: absolute;
	left: -120px;
	top: 40px;
	width: 420px;
	height: 420px;
	background: radial-gradient(circle, rgba(135, 0, 4, 0.06) 0%, transparent 65%);
	pointer-events: none;
}

.service-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid var(--primary-dark);
	background: rgba(255, 255, 255, 0.92);
	color: var(--primary-dark);
	font-weight: 600;
	font-size: 0.85rem;
	backdrop-filter: blur(6px);
}

.service-body {
	padding: 22px 20px !important;
}

.service-title {
	font-weight: 700;
	color: var(--text-primary);
	line-height: 1.25;
	/*text-wrap: balance; */
}

.service-desc {
	color: var(--text-secondary);
	line-height: 1.55;
}

.btn-more {
	color: var(--primary-color);
	font-weight: 600;
	width: fit-content;
}

.service-order {
	background: var(--accent-color);
	color: var(--c-white);
	font-weight: 700;
	transition: var(--transition);
}

.service-order:is(:hover, :focus){
	background: var(--accent-hover);
}

.services-list-section .services-header{
	flex-wrap: wrap;
}

/* Кнопки скрыты и занимают 0 высоты */
.services-list .service-actions {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.2s ease, margin 0.2s ease;
    margin-top: 0 !important;
	pointer-events: none;
}

/* При наведении - показываем кнопки и увеличиваем карточку */
.services-list .service-card:is(:hover, :focus) .service-actions{
    opacity: 1;
    max-height: 38px;
    margin-top: 15px !important;
	pointer-events: all;
}

.services-list .service-card:hover{
	transform: none;
}

@media (max-width: 639px) {
	.service-hero .service-title{
		font-size: 1.75rem !important;
	}
	.services-list-section h2{
		font-size: 1.35rem !important;
	}
	.services-list-section .uk-accordion-title{
		font-size: 1rem !important;
	}
	.services-list-section .uk-h4{
		font-size: 1rem !important;
	}
}

/* CTA Section */
.final-cta-section {
	padding: 100px 0;
	background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* Декоративные элементы */
.cta-decoration {
	position: absolute;
	border-radius: 50%;
	opacity: 0.1;
	pointer-events: none;
}
.cta-decoration-2 {
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, var(--c-white) 0%, transparent 70%);
	bottom: -150px;
	right: -100px;
	animation: float 15s ease-in-out infinite reverse;
}

@keyframes float {
	0%, 100% { transform: translate(0, 0) rotate(0deg); }
	33% { transform: translate(30px, -30px) rotate(120deg); }
	66% { transform: translate(-20px, 20px) rotate(240deg); }
}

.cta-wrapper {
	position: relative;
	z-index: 1;
}

/* CTA Content */
.cta-content {
	color: var(--c-white);
}
.cta-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 20px;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 30px;
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	animation: badge-glow 2s ease-in-out infinite;
}

@keyframes badge-glow {
	0%, 100% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); }
	50% { box-shadow: 0 0 30px rgba(255, 255, 255, 0.4); }
}

.cta-title {
	font-size: 2.25rem;
	line-height: 1.2;
	color: var(--c-white);
}
.cta-subtitle {
	color: rgba(255, 255, 255, 0.8);
}
.cta-benefits {
	padding-left: 0;
}
.cta-benefit-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 20px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 15px;
	transition: var(--transition);
}
.cta-benefit-item:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.2);
	transform: translateX(10px);
}

.benefit-icon {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-hover) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 20px rgba(135, 0, 4, 0.3);
}
.benefit-icon svg {
	color: var(--c-white);
}

.benefit-text {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.benefit-text strong {
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--c-white);
}
.benefit-text span {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.7);
}

.cta-stats {
	display: flex;
	gap: 30px;
	padding: 30px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-item {
	flex: 1;
	text-align: center;
}

.stat-number {
	font-size: 2rem;
	font-weight: 700;
	color: transparent;
	line-height: 1;
	margin-bottom: 8px;
	background: linear-gradient(135deg, var(--c-white) 0%, rgba(255, 255, 255, 0.5) 88%);
	background-clip: text;
}

.stat-label {
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.3;
}

.cta-form-wrapper {
	background: var(--background);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
}

/* Form Header */
.form-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--text-primary);
}

.form-subtitle {
	color: var(--text-muted);
}

/* Form Label Icon */
.form-label svg {
	color: var(--primary-color);
}

:is(.uk-input, .uk-textarea):focus {
	border-color: var(--primary-color);
	background: var(--background);
	outline: 1px solid var(--primary-color);
} 
.uk-button-primary.form-submit{
	background-color: var(--primary-color);
	color: var(--c-white);
	border: 1px solid var(--primary-color);
}
.uk-button-primary.form-submit:hover{
	background-color: var(--accent-color);
	border-color: var(--accent-color);
}
.form-submit:active {
	transform: translateY(-1px);
}
.button-icon {
	transition: var(--transition);
}
.form-submit:hover .button-icon {
	transform: translateX(5px);
} 
	
.privacy-link {
	color: var(--primary-color);
	transition: var(--transition);
}

/* Адаптивность */
@media (max-width: 959px) {
	.final-cta-section {
			padding: 80px 0;
	}
	.cta-title {
			font-size: 2.5rem;
	}
	.cta-subtitle {
			font-size: 1.1rem;
	}
	.cta-stats {
			flex-direction: column;
			gap: 20px;
	}
	.stat-item {
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			padding-bottom: 15px;
	}
	.stat-item:last-child {
			border-bottom: none;
			padding-bottom: 0;
	}
}
@media (max-width: 639px) {
	.final-cta-section {
			padding: 60px 0;
	}
	.cta-title {
			font-size: 2rem;
	}
	.cta-form-wrapper {
			padding: 30px 20px;
	}
	.cta-benefit-item {
		text-wrap: balance;
	}
	.stat-number {
			font-size: 2rem;
	}
}

/*  ENGINEERS SECTION */

.engineers-section {
	background: var(--background-light);
	padding: 60px 0;
	position: relative;
	overflow: hidden;
}

/* Декоративный элемент */
.engineers-section::after {
	content: '';
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(19, 69, 44, 0.04) 0%, transparent 70%);
	pointer-events: none;
}

.engineers-section .uk-heading-line span {
	color: var(--primary-color);
}
.engineers-section .uk-text-meta {
	color: var(--text-muted);
	font-size: 1rem;
}

/* Сетка инженеров */
.list-grid {
	margin-top: 0;
}

/* Карточка инженера */
.uk-card {
	height: 100%;
	border: 1px solid var(--background-dark);
	background: var(--background);
	display: flex;
	flex-direction: column;
	transition: var(--transition);
	position: relative;
}

.detail-content .uk-card {
	height: auto;
}
.uk-grid .uk-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 50px rgba(30, 58, 95, 0.15);
	border-color: var(--primary-color);
}
.uk-card .uk-card-media-top {
	position: relative;
	width: 100%;
	padding-top: 100%; /* квадрат */
	overflow: hidden;
	background: linear-gradient(135deg, var(--background-dark) 0%, var(--background-light) 100%);
}
.uk-card .uk-card-media-top :is(img, .uk-icon) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
}
.uk-card .uk-card-media-top .uk-icon{
	display: flex;
	align-items: center;
	justify-content: center;
}

.uk-search-icon.uk-button:hover,
.uk-card:hover .uk-card-media-top img {
	transform: scale(1.08);
	transition: var(--transition);
}

.engineers-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	/*justify-content: center; */
	gap: 30px;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;	
	scrollbar-width: thin;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.engineers-grid > div {
	scroll-snap-align: center;
}

.engineers-grid .engineer-card {
	min-width: 270px;
}
		
.engineer-photo-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-muted);
	background: linear-gradient(135deg, rgba(19, 69, 44, 0.05) 0%, rgba(135, 0, 4, 0.05) 100%);
}

/* Тело карточки */
.card-body-small {
	padding: 20px !important;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.engineer-name {
	font-weight: 700;
	color: var(--text-primary);
	line-height: 1.3;
	transition: var(--transition);
}

.engineer-card:hover .engineer-name {
	color: var(--primary-color);
}

.engineer-position {
	color: var(--text-secondary);
	font-size: 0.9rem;
	font-weight: 500;
}

/* Опыт работы */
.engineer-experience {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	background: rgba(19, 69, 44, 0.05);
	border-radius: var(--border-r);
	width: fit-content;
}

.experience-icon {
	color: var(--accent-color);
}

.experience-text {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--primary-color);
}

/* Описание */
.engineer-desc {
	color: var(--text-secondary);
	font-size: 0.825rem;
	margin-bottom: auto;
}

/* Блок статистики */
.engineers-summary {
	padding: 30px 40px;
	background: var(--background);
	border-radius: calc(var(--border-r) * 2);
	border: 1px solid var(--background-dark);
	position: relative;
	overflow: hidden;
}

.engineers-summary::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--text-muted) 0%, var(--accent-color) 100%);
}

.summary-card {
	padding: 20px;
	transition: var(--transition);
}
.summary-card:hover {
	transform: translateY(-5px);
}

.summary-number {
	font-size: 2rem;
	font-weight: 800;
	background: linear-gradient(135deg, var(--accent-hover) 0%, var(--accent-color) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	line-height: 1;
	margin-bottom: 8px;
	user-select: none;
}

.summary-label {
	font-size: 0.9rem;
	color: var(--text-muted);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.left-panel{
	height: fit-content;
	z-index: 0;
}
.left-panel.uk-card:hover{
	transform: none;
	border-color: var(--background-dark);
}

/* Адаптивность */
@media (max-width: 959px) {
	.engineers-section {
		padding: 40px 0;
	}
	.engineers-grid{
		box-shadow: 0px 0px 12px rgba(30, 58, 95, 0.1) inset;
		padding: 1.25rem 1rem;
		margin: -0.5rem;
	}
	.engineers-summary {
		padding: 20px;
	}
	.summary-number {
		font-size: 2rem;
	}
	.summary-label {
		font-size: 0.8rem;
	}
}
@media (max-width: 639px) {
	.engineers-grid::-webkit-scrollbar {
		display: none;
	}
	.engineers-grid{
		gap: 20px;
	}
	.card-body-small {
		padding: 16px !important;
	}
	.engineer-name {
		font-size: 1rem;
	}
	.engineer-position {
		font-size: 0.85rem;
	}
	.summary-number {
		font-size: 1.75rem;
	}
	.engineers-summary {
		padding: 20px 15px;
	}
}

.uk-badge {
	background-color: var(--accent-color);
}
.services-list .uk-accordion-title {
	background-color: var(--background-dark);
	text-wrap: balance;
}

.uk-notification-message {
	background-color: var(--c-white);
	border-radius: var(--border-r);
	box-shadow: 0 15px 40px rgba(30, 58, 95, 0.12);
	font-size: 1rem;
}

.uk-offcanvas-bar{
	width: 85vw;
}


/* *********************** dpi-fix *********************** */

/* @media (min-resolution: 1.25dppx) {
	:root{
		font-size: 13px;
	}
	.uk-section{
		padding: 40px 0;
	}
	.uk-padding{
		padding: 20px;
	}
}  */

@media (min-resolution: 1.25dppx) and (max-resolution: 1.49dppx)
and (min-width: 1280px) and (max-width: 1600px)
/* and (min-height: 700px) and (max-height: 1050px)  */
{

	/* NAVBAR */
	.uk-navbar-item,
	.uk-navbar-nav > li > a,
	.uk-navbar-toggle {
	  min-height: 52px !important; /* вместо 80px */
	}
  
	.uk-navbar-nav > li > a {
	  height: auto !important; /* если где-то есть фикс. height */
	  padding: 0 clamp(10px, 1.2vw, 14px) !important;
	  display: flex !important;
	  align-items: center !important;
	  line-height: 1.2 !important;
	}
  
	/*Если пункты меню длинные и распирают — разреши перенос (опционально) */
	/*.uk-navbar-nav > li > a { white-space: normal !important; } */
  
	/* BUTTONS */
	.uk-button {
	  padding: 0 clamp(14px, 1.6vw, 20px) !important; /* вместо 30px */
	  line-height: 36px !important; /* вместо 38px (или сделай 34px) */
	  min-height: 36px !important;  /* фиксируем кликабельную высоту */
	}
  
	.uk-button-small {
	  line-height: 32px !important;
	  min-height: 32px !important;
	  padding: 0 clamp(12px, 1.2vw, 16px) !important;
	}
  
	.uk-button-large {
	  line-height: 42px !important;
	  min-height: 42px !important;
	  padding: 0 clamp(16px, 1.8vw, 22px) !important;
	}
  
	/* CARD FOOTER / CARD BODY */
	.uk-card-footer {
	  padding: clamp(12px, 1.8vh, 16px) clamp(14px, 2.2vw, 22px) !important; /* вместо 20px 40px */
	}
  
	/*на всякий: если body тоже раздут */
	.uk-card-body {
	  padding: clamp(14px, 2vh, 22px) !important;
	}
  
	/* FORM CONTROLS (часто раздувают высоту) */
	.uk-input,
	.uk-select,
	.uk-textarea {
	  padding-top: 8px !important;
	  padding-bottom: 8px !important;
	}
  
	.uk-form-label {
	  margin-bottom: 6px !important;
	}
  
	.uk-margin,
	.uk-margin-top { margin-top: 14px !important; }
	.uk-margin-bottom { margin-bottom: 14px !important; }
	.uk-margin-large-top { margin-top: 22px !important; }
	.uk-margin-large-bottom { margin-bottom: 22px !important; }
	.uk-margin-medium-top { margin-top: 18px !important; }
	.uk-margin-medium-bottom { margin-bottom: 18px !important; }
  
	/* SECTIONS (вертикальный расход)*/
	.uk-section {
	  padding-top: clamp(24px, 3vh, 44px) !important;
	  padding-bottom: clamp(24px, 3vh, 44px) !important;
	}
  
	/* GRID GAPS (часто незаметно съедают экран)*/
	.uk-grid-large { margin-left: -20px !important; }
	.uk-grid-large > * { padding-left: 20px !important; }
	.uk-grid-medium { margin-left: -16px !important; }
	.uk-grid-medium > * { padding-left: 16px !important; }
  
	/* DROPDOWN / MODAL (если используются)*/
	.uk-navbar-dropdown,
	.uk-dropdown {
	  padding: 14px !important;
	}
	.uk-input, .uk-select:not([multiple]):not([size]) {
		height: 30px;
	}
	.uk-modal-body { padding: 18px !important; }
	.uk-input, .uk-select:not([multiple]):not([size]) {
		height: 30px;
		vertical-align: middle;
	}
	/* LOGO / BRAND IMAGE (если раздувает navbar) */
	.uk-navbar-item img,
	.uk-logo img {
	  max-height: 36px !important; /* под min-height 52 */
	  height: auto !important;
	  width: auto !important;
	}
	/* CONTAINERS (часто незаметно съедают экран) */
	.uk-container,
	.uk-container-small,
	.uk-container-large,
	.uk-container-expand {
	  padding-left: clamp(12px, 2vw, 20px) !important;
	  padding-right: clamp(12px, 2vw, 20px) !important;
	}
	.uk-container{
	  max-width: 960px !important;
	}

	.uk-grid > * {
		padding-left: 32px;
	}
  }
  @media (min-resolution: 1.25dppx) and (max-resolution: 1.49dppx)
  and (min-width: 1280px) and (max-width: 1600px)
  /* and (min-height: 700px) and (max-height: 1050px)  */
  {
	:root{
	  --font-size: 13px;
	  font-size: 13px;
	}

	/*Header: меньше воздуха */
	header {
	  padding: 10px 0 !important;
	}
  
	/*Logo: чуть компактнее, чтобы не раздувал шапку */
	.uk-logo {
	  font-size: 1.75rem !important;
	}
  
	/*Contacts in header: меньше паддинги */
	.contacts .uk-link-muted {
	  padding: 6px 10px !important;
	  font-size: 0.85rem !important;
	}
  
	.uk-navbar-nav > li > a {
	  height: auto !important;
	  min-height: 64px !important;
	  padding: 0 14px !important;
	  font-size: 0.9rem !important;
	}
	.uk-navbar-nav > li > a::after {
	  left: 14px !important;
	  right: 14px !important;
	}
  
	/*HERO */
	.hero-section {
	  /* height: auto !important; */
	  height: calc(90vh - 70px);
	  min-height: clamp(360px, 55vh, 520px) !important;
	  padding: clamp(28px, 4vh, 56px) 0 !important;
	  background-attachment: scroll !important;
	}
	.hero-section .hero-title {
	  font-size: clamp(1.75rem, 2.6vw, 2.2rem) !important;
	}
	.hero-section .uk-container > *:not(h1) {
	  max-width: 540px !important;
	}
  
	/*ADVANTAGES */
	.advantages-section {
	  padding: clamp(28px, 4vh, 44px) 0 !important;
	}
	.advantage-card {
	  padding: 20px 16px !important;
	}
	.advantage-icon-wrapper {
	  width: 56px !important;
	  height: 56px !important;
	  margin-bottom: 14px !important;
	}
  
	/*HOW WE WORK */
	.how-we-work-section {
	  padding: clamp(32px, 4.5vh, 56px) 0 !important;
	}
	.work-step {
	  padding: 22px 18px !important;
	}
	.step-number-large {
	  font-size: 3.5rem !important;
	  margin-bottom: 12px !important;
	}
	.step-title {
	  font-size: 1.1rem !important;
	  margin-bottom: 8px !important;
	}
  
	/*SERVICES */
	.service-body {
	  padding: 16px 16px !important;
	}
	.services-list .service-card:is(:hover, :focus) .service-actions {
	  margin-top: 10px !important;
	}
  
	/*CTA */
	.final-cta-section {
	  padding: clamp(36px, 5vh, 64px) 0 !important;
	}
	.cta-badge {
	  padding: 6px 14px !important;
	}
	.cta-title {
	  font-size: clamp(1.6rem, 2.6vw, 2.1rem) !important;
	}
	.cta-benefit-item {
	  padding: 14px !important;
	  gap: 14px !important;
	  margin-bottom: 10px !important;
	}
	.cta-benefit-item:hover {
	  transform: none !important; /* на компактных экранах сдвиг только мешает */
	}
	.benefit-icon {
	  width: 42px !important;
	  height: 42px !important;
	}
	.cta-stats {
	  padding: 18px !important;
	  gap: 18px !important;
	}
	.stat-number {
	  font-size: 1.6rem !important;
	}
  
	/*Engineers */
	.engineers-section {
	  padding: clamp(28px, 4vh, 44px) 0 !important;
	}
	.engineers-grid {
	  gap: 20px !important;
	}
	.engineers-summary {
	  padding: 18px 18px !important;
	}
	.summary-number {
	  font-size: 1.6rem !important;
	}
  
	.contact-map {
	  min-height: 320px !important;
	}
  }