:root {
	--ipser-navy: #08345f;
	--ipser-blue: #1269d3;
	--ipser-green: #0b7a53;
	--ipser-mint: #e9f7f1;
	--ipser-sky: #eef6ff;
	--ipser-orange: #e96820;
	--ipser-text: #18324a;
	--ipser-muted: #597087;
	--ipser-line: #d9e3ec;
	--ipser-white: #fff;
}

@media (min-width: 761px) {
	body header.header {
		top: 0 !important;
	}
}

@media (min-width: 1221px) {
	body header.header {
		height: 90px !important;
		padding: 0;
		border: 0;
		box-shadow: 0 8px 28px rgba(8, 52, 95, .09);
	}
	body > .main_content_body {
		margin-top: 90px;
	}
	body header.header > .container.top_main_menu {
		width: min(1180px, calc(100% - 40px)) !important;
		height: 90px;
		margin: 0 auto !important;
		padding: 0;
	}
	body header.header > .container.top_main_menu > br,
	body header.header > .container.top_main_menu > form.search {
		display: none;
	}
	body header.header > .container.top_main_menu > .row {
		display: flex;
		align-items: center;
		height: 100%;
		margin: 0;
	}
	body header a.logo {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
		float: none;
		margin: 0 26px 0 0;
	}
	body header .logo__img1 {
		width: 142px;
		height: auto;
	}
	body header .logo__img2 {
		width: 205px;
		height: auto;
		margin: 0 0 0 12px !important;
	}
	body header nav.menu {
		flex: 1 1 auto;
		float: none;
		margin: 0;
	}
	body header #horizontal-multilevel-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2px;
		margin: 0;
		padding: 0;
	}
	body header #horizontal-multilevel-menu > .menu__item {
		display: block;
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}
	body header #horizontal-multilevel-menu > .menu__item > .menu__link {
		padding: 10px 8px;
		border-radius: 8px;
		color: #284862;
		font-weight: 600;
		line-height: 1.2;
		text-decoration: none;
		white-space: nowrap;
	}
	body header #horizontal-multilevel-menu > .menu__item > .menu__link:hover,
	body header #horizontal-multilevel-menu > .menu__item > .menu__link:focus {
		background: #f0f6f8;
		color: #075f59;
	}
	body.page-template-page-ipser-commercial header #horizontal-multilevel-menu > .menu__item:first-child > .menu__link {
		background: #e9f7f3;
		color: #08766f;
	}
	body header .search-wrap {
		order: 3;
		flex: 0 0 auto;
		float: none;
		margin: 0 0 0 18px;
	}
	body header .header__feedback {
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		float: none;
		gap: 4px;
	}
	body header .header__callback {
		padding: 6px 10px;
		border: 1px solid #dbe7ed;
		border-radius: 9px;
		background: #f8fbfc;
		color: #173b59;
		font-size: 16px;
		font-weight: 750;
		line-height: 1.2;
		white-space: nowrap;
	}
	body header .header__callback:hover,
	body header .header__callback:focus {
		border-color: #8ac9bf;
		background: #eff9f6;
		color: #075f59;
	}
	body header .header__mail {
		margin: 0 10px 0 0 !important;
		color: #08766f;
		font-size: 13px;
		line-height: 1.2;
		text-decoration: none;
	}
	body header.header ul.submenu {
		top: calc(100% + 8px);
		min-width: 220px;
		margin-top: 0 !important;
		padding: 9px;
		border: 1px solid #dbe7ed !important;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 16px 35px rgba(8, 52, 95, .14);
	}
	body header.header ul.submenu::before {
		content: "";
		position: absolute;
		top: -9px;
		left: 0;
		width: 100%;
		height: 9px;
	}
	body header.header li.menu__item ul.submenu li {
		padding: 0;
	}
	body header.header li.menu__item ul.submenu a {
		display: block;
		padding: 8px 10px;
		border-radius: 7px;
		color: #284862;
		text-decoration: none;
		white-space: nowrap;
	}
	body header.header li.menu__item ul.submenu a:hover,
	body header.header li.menu__item ul.submenu a:focus {
		background: #edf7f4;
		color: #075f59;
	}
	body header.header .menu-clear-left {
		display: none;
	}
}

@media (min-width: 761px) and (max-width: 1220px) {
	body header.header {
		border-bottom-color: #d9e7eb;
		box-shadow: 0 6px 22px rgba(8, 52, 95, .08);
	}
}

.ipser-commercial {
	color: var(--ipser-text);
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 1.65;
}

.ipser-commercial * { box-sizing: border-box; }
.ipser-commercial h1,
.ipser-commercial h2,
.ipser-commercial h3 { color: var(--ipser-navy); line-height: 1.18; margin-top: 0; }
.ipser-commercial h1 { font-size: clamp(36px, 5vw, 62px); }
.ipser-commercial h2 { font-size: clamp(29px, 4vw, 42px); }
.ipser-commercial h3 { font-size: 23px; }
.ipser-commercial p { margin: 0 0 18px; }
.ipser-commercial a { color: var(--ipser-blue); }

.ipser-shell { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.ipser-section { padding: 72px 0; }
.ipser-section--soft { background: var(--ipser-sky); }
.ipser-section--mint { background: var(--ipser-mint); }

.ipser-hero {
	background: linear-gradient(130deg, #062f58 0%, #0d568b 62%, #0b7a70 100%);
	color: var(--ipser-white);
	padding: 74px 0 64px;
}
.ipser-hero h1,
.ipser-hero h2 { color: var(--ipser-white); }
.ipser-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); gap: 52px; align-items: center; }
.ipser-eyebrow { color: #9fe8d2; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: 14px; }
.ipser-lead { font-size: 21px; max-width: 740px; }
.ipser-checks { list-style: none; padding: 0; margin: 24px 0 30px; }
.ipser-checks li { margin: 10px 0; padding-left: 30px; position: relative; }
.ipser-checks li::before { content: "✓"; color: #79e1ba; font-weight: 900; position: absolute; left: 0; }
.ipser-hero__form { background: #fff; color: var(--ipser-text); border-radius: 16px; padding: 26px; box-shadow: 0 22px 55px rgba(0,0,0,.22); }
.ipser-hero__form h2 { color: var(--ipser-navy); font-size: 26px; margin-bottom: 8px; }
.ipser-hero__form .elementor { margin-top: 14px; }

.ipser-button {
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--ipser-orange); color: #fff !important; text-decoration: none;
	font-weight: 800; padding: 15px 24px; border-radius: 8px; min-height: 52px;
}
.ipser-button:hover { background: #c95012; color: #fff; }
.ipser-button--light { background: #fff; color: var(--ipser-navy) !important; }

.ipser-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ipser-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.ipser-card { background: #fff; border: 1px solid var(--ipser-line); border-radius: 14px; padding: 28px; box-shadow: 0 8px 30px rgba(8,52,95,.07); }
.ipser-card__number { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--ipser-blue); color: #fff; font-weight: 900; margin-bottom: 15px; }
.ipser-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--ipser-line); border: 1px solid var(--ipser-line); border-radius: 14px; overflow: hidden; margin-top: -28px; position: relative; }
.ipser-proof div { background: #fff; padding: 23px; text-align: center; }
.ipser-proof strong { display: block; color: var(--ipser-navy); font-size: 21px; }

.ipser-steps { counter-reset: ipser-step; display: grid; gap: 18px; }
.ipser-step { counter-increment: ipser-step; background: #fff; border-left: 5px solid var(--ipser-blue); border-radius: 8px; padding: 24px 26px 22px 78px; position: relative; }
.ipser-step::before { content: counter(ipser-step); position: absolute; left: 22px; top: 22px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--ipser-blue); color: #fff; font-weight: 900; }

.ipser-faq details { background: #fff; border: 1px solid var(--ipser-line); border-radius: 10px; margin: 12px 0; padding: 0 22px; }
.ipser-faq summary { cursor: pointer; color: var(--ipser-navy); font-weight: 800; padding: 20px 30px 20px 0; }
.ipser-faq details p { padding-bottom: 20px; }
.ipser-cta { background: var(--ipser-navy); color: #fff; border-radius: 18px; padding: 42px; display: flex; justify-content: space-between; gap: 30px; align-items: center; }
.ipser-cta h2 { color: #fff; margin-bottom: 10px; }
.ipser-cta p { margin-bottom: 0; }

.ipser-context-cta { margin: 40px 0; padding: 26px; border: 2px solid #1269d3; border-radius: 12px; background: #eef6ff; color: #18324a; }
.ipser-context-cta strong { display: block; font-size: 22px; color: #08345f; margin-bottom: 8px; }
.ipser-context-cta a { display: inline-block; margin-top: 5px; font-weight: 800; }

.ipser-related { padding: 0 20px 72px; background: #fff; }
.ipser-related h2 { margin: 0 0 24px; color: var(--ipser-navy); font-size: clamp(28px, 3vw, 36px); }
.ipser-related__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ipser-related__item {
	display: flex; flex-direction: column; gap: 5px; padding: 20px 22px;
	border: 1px solid var(--ipser-line); border-radius: 12px; color: var(--ipser-navy) !important;
	text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ipser-related__item:hover,
.ipser-related__item:focus-visible { border-color: var(--ipser-green); box-shadow: 0 10px 24px rgba(8,52,95,.1); transform: translateY(-2px); }
.ipser-related__item strong { font-size: 19px; }
.ipser-related__item span { color: var(--ipser-muted); line-height: 1.5; }

@media (max-width: 900px) {
	.ipser-hero__grid, .ipser-grid-3, .ipser-grid-2 { grid-template-columns: 1fr; }
	.ipser-proof { grid-template-columns: repeat(2, 1fr); margin-top: 20px; }
	.ipser-cta { display: block; }
	.ipser-cta .ipser-button { margin-top: 22px; }
}

@media (max-width: 560px) {
	.ipser-commercial { font-size: 17px; }
	.ipser-section { padding: 50px 0; }
	.ipser-hero { padding: 48px 0; }
	.ipser-hero__form { padding: 18px; }
	.ipser-proof { grid-template-columns: 1fr; }
	.ipser-step { padding-left: 24px; padding-top: 72px; }
	.ipser-cta { padding: 28px 22px; }
	.ipser-related { padding: 0 16px 52px; }
	.ipser-related__grid { grid-template-columns: 1fr; }
}