/* ==========================================================================
   public/assets/css/fonts-local.css
   Self-hosted @font-face (Inter / JetBrains Mono / …)
   ========================================================================== */
/* Self-hosted fonts (GDPR-friendly, no Google Fonts CDN).
   Generated from Google Fonts CSS API — latin + latin-ext subsets.
   Families: Inter, JetBrains Mono, Montserrat, Lato, Roboto. */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* roboto 700 normal latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/website/fonts/roboto-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================================
   public/assets/css/core.css
   Site-wide base: reset, typography, buttons, layout, sections
   ========================================================================== */
.skip-to-content {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 10000;
	padding: 10px 16px;
	background: #009a52;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	border-radius: 0 0 6px 0;
}

.skip-to-content:focus {
	left: 0;
}

/* Footer language switcher — keyboard-accessible button + anchor list.
   Box styling (position/background/border) comes from footer.css; these rules
   replace the old <table>/<tr>/<td> item styling with <ul>/<li>/<a>. */
.footer-v3 .language-holder button.selected-language {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	text-align: left;
}
.footer-v3 .language-holder .language-dropdown {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-v3 .language-holder .language-dropdown li { margin: 0; padding: 0; }
.footer-v3 .language-holder .language-dropdown a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	font-family: var(--sans);
	font-size: 13px;
	color: var(--dark-ink);
	text-decoration: none;
	transition: background .12s;
}
.footer-v3 .language-holder .language-dropdown a:hover,
.footer-v3 .language-holder .language-dropdown a:focus { background: rgba(255,255,255,.06); }
.footer-v3 .language-holder .language-dropdown a[aria-current="true"] { background: rgba(255,255,255,.04); }
.footer-v3 .language-holder.open .language-dropdown { display: block; }

body {
	font-family: "Montserrat", sans-serif;
	margin: 0px;
	padding: 0px;
	background: #A5A5A5;
}

a {
	color: #12CB68;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #00AB4F;
}

.nobr {
	white-space: nowrap;
	hyphens: none;
}

.button-skew {
	border: 0px;
	background-color: #009a52;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: .3s;
	z-index: 1;
}

.button-skew:after {
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	bottom: 0;
	background: #00a457;
	height: 120%;
	left: -10%;
	transform: skewX(15deg);
	z-index: -1;
}
.button-skew:hover {
	cursor: pointer;
}
.button-skew:hover:after {
	width: 100%;
	left: 0;
}
.button-skew:hover:nth-of-type(1) {
	color: #f7f7f7;
}
.button-skew:hover:nth-of-type(1):after {
	left: -10%;
	width: 120%;
}

.button-skew:active {
	background: #098c4f !important;
}

.button-skew-dark {
	border: 0px;
	background-color: #2c3e48;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: .3s;
	z-index: 1;
}

.button-skew-dark:after {
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	bottom: 0;
	background: #344c57;
	height: 120%;
	left: -10%;
	transform: skewX(15deg);
	z-index: -1;
}

.button-skew-dark:hover {
	cursor: pointer;
}

.button-skew-dark:hover:after {
	width: 100%;
	left: 0;
}

.button-skew-dark:hover:nth-of-type(1) {
	color: #f7f7f7;
}

.button-skew-dark:hover:nth-of-type(1):after {
	left: -10%;
	width: 120%;
}

a.empty:hover {
	text-decoration: none !important;
}

.top_menu_main {
	height: 74px;
	width: 100%;
	z-index: 1000;
	position: fixed;
}

img.lazy {
    display: inline-block;
}

.top_menu_main.active {
	background-color: #ffffff;
}

#top_menu_inside {
	margin: 0px auto;
	height: 74px;
	max-width: 1440px;
}

#top_menu_area_logo {
	float: left;
	width: 160px;
	padding-top: 22px;
}

#top_menu_buttons_area {
	float: right;
	width: 300px;
	height: 66px;
	text-align: right;
	white-space: nowrap;
}

#top_menu_area_navigation {
	float: left;
	margin-left: 0;
	width: 660px;
	height: 66px;
	padding-top: 7px;
	text-align: left;
}

#top_menu_hamburger_area {
	height: 66px;
	margin-right: 23px;
	float: right;
	width: 32px;
	display: none;
	cursor: pointer;
}

.image {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	display: inline-block;
}

.image.logo_main {
	background-image: url("/website/img/logo_main_inactive.svg");
	width: 142px;
	height: 30px;
	background-size: 142px 30px;
}

.image.logo_main.active {
	background-image: url("/website/img/logo_active.svg");
	width: 142px;
	height: 30px;
	background-size: 142px 30px;
}

.image.arrow_down, .image.arrow_down_normal {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M7.197.678a.75.75 0 1 1 .897 1.202L4.95 4.228a.75.75 0 0 1-.898 0L.906 1.88A.75.75 0 0 1 1.803.678L4.5 2.691 7.197.678z'/%3E%3C/svg%3E");
	width: 10px;
	height: 6px;
	margin-left: 2px;
	margin-bottom: 2px;
	position: relative;
}

.image.plus {
	background-image: url("/website/img/plus.svg");
	background-position: center;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	margin-bottom: 5px;
	position: relative;
	background-color: #2db572;
	border-radius: 10px;
}

.image.minus {
	background-image: url("/website/img/minus.svg");
	background-position: center;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	margin-bottom: 5px;
	position: relative;
	background-color: #2db572;
	border-radius: 10px;
}

.signin-icon {
	color: #FFFFFF;
	width: 11px;
	height: 11px;
	margin-top: 2px;
	margin-right: 2px;
	object-fit: contain;
	display: inline-block;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M7.76 0a4.514 4.514 0 1 1 0 9.028A4.514 4.514 0 0 1 7.76 0zm4.132 8.65c1.597.641 2.626 1.645 2.626 2.775 0 1.937-3.026 4.775-6.759 4.775C4.026 16.2 1 13.362 1 11.425c0-1.13 1.029-2.134 2.626-2.776a5.692 5.692 0 0 0 4.133 1.775 5.692 5.692 0 0 0 4.133-1.775z'/%3E%3C/svg%3E");
}

.signin-icon.active {
	color: #FFFFFF;
 	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 16 16'%3E%3Cpath fill='%233D4E57' fill-rule='evenodd' d='M7.76 0a4.514 4.514 0 1 1 0 9.028A4.514 4.514 0 0 1 7.76 0zm4.132 8.65c1.597.641 2.626 1.645 2.626 2.775 0 1.937-3.026 4.775-6.759 4.775C4.026 16.2 1 13.362 1 11.425c0-1.13 1.029-2.134 2.626-2.776a5.692 5.692 0 0 0 4.133 1.775 5.692 5.692 0 0 0 4.133-1.775z'/%3E%3C/svg%3E");
}

.image.arrow_down.active {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5'%3E%3Cpath fill='%233D4E57' fill-rule='nonzero' d='M7.197.678a.75.75 0 1 1 .897 1.202L4.95 4.228a.75.75 0 0 1-.898 0L.906 1.88A.75.75 0 0 1 1.803.678L4.5 2.691 7.197.678z'/%3E%3C/svg%3E");
	background-size: 10px 6px;
}

.image.top_menu_icons {
	width: 40px;
	height: 40px;
	margin-top: 9px;
}

.image.top_menu_icons.uptime_monitoring {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='31' viewBox='0 0 40 31'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M34.15 23.86h2.31c1.15 0 2.08-.86 2.08-1.92V2.42c0-1.06-.93-1.92-2.08-1.92H2.58C1.43.5.5 1.36.5 2.42v19.52c0 1.06.93 1.92 2.08 1.92h17.17'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M34.15 24.36c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h2.31c.882 0 1.58-.645 1.58-1.42V2.42c0-.775-.698-1.42-1.58-1.42H2.58C1.698 1 1 1.645 1 2.42v19.52c0 .775.698 1.42 1.58 1.42h17.17c.276 0 .5.224.5.5s-.224.5-.5.5H2.58C1.163 24.36 0 23.286 0 21.94V2.42C0 1.074 1.163 0 2.58 0h33.88c1.417 0 2.58 1.074 2.58 2.42v19.52c0 1.346-1.163 2.42-2.58 2.42h-2.31z'/%3E%3Cpath fill='%232BB371' d='M4.952 3.951c0 .481-.39.871-.87.871-.482 0-.873-.39-.873-.87 0-.482.39-.872.873-.872.48 0 .87.39.87.871M7.806 3.951c0 .481-.39.871-.87.871-.482 0-.872-.39-.872-.87 0-.482.39-.872.872-.872.48 0 .87.39.87.871M10.66 3.951c0 .481-.39.871-.87.871-.483 0-.873-.39-.873-.87 0-.482.39-.872.872-.872.481 0 .871.39.871.871'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M24.11 13.358c-.076.266-.353.419-.618.342-.266-.076-.419-.353-.342-.618l1.27-4.41c.136-.474.803-.485.956-.016l1.21 3.73c.085.262-.059.544-.322.63-.262.085-.544-.059-.63-.322l-.706-2.176-.818 2.84zM12.034 14.95c-.082.177-.26.29-.454.29H7.77c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3.49l1.496-3.23c.182-.392.742-.385.913.012l1.881 4.364L18.43 5.135c.14-.501.858-.48.97.028l2.16 9.83c.059.27-.112.536-.382.595-.27.06-.536-.111-.595-.38L18.85 7.33l-2.72 9.685c-.127.454-.754.496-.94.063l-1.997-4.633-1.16 2.505z'/%3E%3Cpath fill='%232DB572' d='M34.913 20.456c0 4.396-3.563 7.959-7.96 7.959-4.394 0-7.958-3.563-7.958-7.959 0-4.396 3.564-7.959 7.959-7.959 4.396 0 7.959 3.563 7.959 7.959' opacity='.2'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M34.413 20.456c0-4.12-3.34-7.459-7.46-7.459-4.119 0-7.458 3.34-7.458 7.459 0 4.12 3.34 7.459 7.459 7.459 4.12 0 7.459-3.34 7.459-7.459zm1 0c0 4.672-3.787 8.459-8.46 8.459-4.67 0-8.458-3.787-8.458-8.459s3.787-8.459 8.459-8.459 8.459 3.787 8.459 8.459z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M32.458 26.184c-.195-.195-.195-.512 0-.707.195-.195.512-.195.707 0l4.667 4.667c.196.195.196.512 0 .707-.195.195-.512.195-.707 0l-4.667-4.667z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.speed_monitoring {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='29' viewBox='0 0 40 29'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M34.15 23.86h2.31c1.15 0 2.08-.86 2.08-1.92V2.42c0-1.06-.93-1.92-2.08-1.92H2.58C1.43.5.5 1.36.5 2.42v19.52c0 1.06.93 1.92 2.08 1.92h17.17'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M9.77 23.36c.276 0 .5.224.5.5s-.224.5-.5.5H2.58C1.163 24.36 0 23.286 0 21.94V2.42C0 1.074 1.163 0 2.58 0h33.88c1.417 0 2.58 1.074 2.58 2.42v19.52c0 1.346-1.163 2.42-2.58 2.42h-5.19c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h5.19c.882 0 1.58-.645 1.58-1.42V2.42c0-.775-.698-1.42-1.58-1.42H2.58C1.698 1 1 1.645 1 2.42v19.52c0 .775.698 1.42 1.58 1.42h7.19z'/%3E%3Cpath fill='%232BB371' d='M4.95 3.951c0 .481-.39.871-.87.871-.482 0-.872-.39-.872-.87 0-.482.39-.872.872-.872.48 0 .87.39.87.871M7.805 3.951c0 .481-.39.871-.871.871-.482 0-.872-.39-.872-.87 0-.482.39-.872.872-.872.48 0 .87.39.87.871M10.659 3.951c0 .481-.39.871-.871.871-.482 0-.872-.39-.872-.87 0-.482.39-.872.872-.872.48 0 .87.39.87.871'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M30.715 11.945c-.207-.184-.225-.5-.042-.706.183-.207.5-.225.706-.042 1.402 1.246 2.468 2.832 3.086 4.607.09.261-.047.546-.308.637-.26.09-.546-.047-.636-.308-.562-1.613-1.531-3.056-2.806-4.188zM7.953 15.12c-.11.254-.406.37-.658.258-.253-.11-.369-.405-.258-.658 1.085-2.479 2.975-4.534 5.351-5.825.243-.132.547-.042.678.2.132.243.042.547-.2.679-2.182 1.185-3.917 3.072-4.913 5.347zM27.65 28.39l-14.264.004c-1.544 0-2.949-.91-3.506-2.314-.526-1.33-.8-2.755-.8-4.218 0-6.835 5.948-12.166 12.816-11.36 5.199.612 9.405 4.834 9.99 10.032.207 1.857-.023 3.679-.658 5.357-.568 1.501-1.986 2.499-3.579 2.499zm2.643-2.853c.579-1.53.789-3.193.598-4.892-.531-4.735-4.375-8.593-9.112-9.15-6.271-.736-11.699 4.129-11.699 10.367 0 1.336.25 2.637.73 3.85.402 1.014 1.434 1.683 2.575 1.682l14.264-.004c1.173 0 2.222-.737 2.644-1.853z'/%3E%3Cpath fill='%232DB572' d='M30.76 25.714c.593-1.566.832-3.306.628-5.124-.558-4.97-4.585-9.007-9.55-9.591-6.63-.778-12.258 4.388-12.258 10.863 0 1.427.272 2.788.765 4.034.487 1.228 1.72 1.999 3.04 1.998l14.264-.004c1.391 0 2.62-.875 3.111-2.176z' opacity='.2'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M20.017 10.92c0-.277.224-.5.5-.5.277 0 .5.223.5.5v2.937c0 .276-.223.5-.5.5-.276 0-.5-.224-.5-.5V10.92zM12.758 14.83c-.195-.194-.195-.511 0-.706.196-.196.512-.196.707 0l1.9 1.899c.195.195.195.512 0 .707-.196.195-.512.195-.708 0l-1.899-1.9zM9.623 22.313c-.277 0-.5-.224-.5-.5 0-.277.223-.5.5-.5h2.938c.276 0 .5.223.5.5 0 .276-.224.5-.5.5H9.622zM31.25 21.313c.276 0 .5.223.5.5 0 .276-.224.5-.5.5h-2.938c-.276 0-.5-.224-.5-.5 0-.277.224-.5.5-.5h2.938zM21.842 21.936c0-.807-.654-1.461-1.46-1.461-.808 0-1.463.654-1.463 1.46 0 .808.655 1.462 1.462 1.462.807 0 1.461-.654 1.461-1.461zm1 0c0 1.359-1.102 2.46-2.46 2.46-1.36 0-2.463-1.1-2.463-2.46 0-1.36 1.102-2.461 2.462-2.461s2.461 1.102 2.461 2.46z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M20.568 20.388c-.226.16-.538.106-.697-.12-.16-.225-.106-.537.12-.697l4.254-3.006c.995-.712 2.218.51 1.507 1.505l-3.008 4.239c-.16.225-.472.278-.697.118-.225-.16-.278-.472-.118-.697l3.008-4.24c.055-.077-.035-.166-.113-.11l-4.256 3.008z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.transaction_monitoring {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='29' viewBox='0 0 40 29'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M34.15 23.86h2.31c1.15 0 2.08-.86 2.08-1.92V2.42c0-1.06-.93-1.92-2.08-1.92H2.58C1.43.5.5 1.36.5 2.42v19.52c0 1.06.93 1.92 2.08 1.92h17.17'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M16.88 23.36c.276 0 .5.224.5.5s-.224.5-.5.5H2.58C1.163 24.36 0 23.286 0 21.94V2.42C0 1.074 1.163 0 2.58 0h33.88c1.417 0 2.58 1.074 2.58 2.42v19.52c0 1.346-1.163 2.42-2.58 2.42h-3.58c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3.58c.882 0 1.58-.645 1.58-1.42V2.42c0-.775-.698-1.42-1.58-1.42H2.58C1.698 1 1 1.645 1 2.42v19.52c0 .775.698 1.42 1.58 1.42h14.3z'/%3E%3Cpath fill='%232BB371' d='M4.952 3.956c0 .48-.39.87-.87.87-.483 0-.873-.39-.873-.87 0-.481.39-.871.872-.871.481 0 .871.39.871.87M7.806 3.956c0 .48-.39.87-.87.87-.483 0-.873-.39-.873-.87 0-.481.39-.871.872-.871.481 0 .871.39.871.87M10.66 3.956c0 .48-.39.87-.87.87-.483 0-.873-.39-.873-.87 0-.481.39-.871.872-.871.481 0 .871.39.871.87'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M22.093 24.781c-1.15 0-2.084-.933-2.084-2.084 0-1.15.933-2.084 2.084-2.084h5.573c1.152 0 2.084.933 2.084 2.084s-.932 2.084-2.084 2.084h-5.573zm0-1h5.573c.6 0 1.084-.485 1.084-1.084 0-.599-.485-1.084-1.084-1.084h-5.573c-.598 0-1.084.485-1.084 1.084 0 .6.486 1.084 1.084 1.084z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M31.53 9.18H18.24c-.48 0-.86.358-.86.782v16.286c0 .424.38.782.86.782h13.29c.477 0 .85-.355.85-.782V9.962c0-.427-.373-.782-.85-.782zm0-1c1.019 0 1.85.791 1.85 1.782v16.286c0 .99-.831 1.782-1.85 1.782H18.24c-1.02 0-1.86-.792-1.86-1.782V9.962c0-.99.84-1.782 1.86-1.782h13.29z'/%3E%3Cpath fill='%232DB572' d='M31.53 8.68c.75 0 1.35.575 1.35 1.282v16.286c0 .707-.6 1.282-1.35 1.282H18.24c-.75 0-1.36-.575-1.36-1.282V9.962c0-.707.61-1.282 1.36-1.282h13.29z' opacity='.2'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M20.592 13.643c-.276 0-.5-.224-.5-.5 0-.277.224-.5.5-.5h8.586c.276 0 .5.223.5.5 0 .276-.224.5-.5.5h-8.586zM20.592 17.555c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8.586c.276 0 .5.224.5.5s-.224.5-.5.5h-8.586z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.rum_monitoring {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='29' viewBox='0 0 40 29'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M34.15 23.86h2.31c1.15 0 2.08-.86 2.08-1.92V2.42c0-1.06-.93-1.92-2.08-1.92H2.58C1.43.5.5 1.36.5 2.42v19.52c0 1.06.93 1.92 2.08 1.92h17.17'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M31.71 24.36c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h4.75c.882 0 1.58-.645 1.58-1.42V2.42c0-.775-.698-1.42-1.58-1.42H2.58C1.698 1 1 1.645 1 2.42v19.52c0 .775.698 1.42 1.58 1.42h5.21c.276 0 .5.224.5.5s-.224.5-.5.5H2.58C1.163 24.36 0 23.286 0 21.94V2.42C0 1.074 1.163 0 2.58 0h33.88c1.417 0 2.58 1.074 2.58 2.42v19.52c0 1.346-1.163 2.42-2.58 2.42h-4.75z'/%3E%3Cpath fill='%232BB371' d='M4.949 3.958c0 .481-.39.871-.871.871-.482 0-.872-.39-.872-.87 0-.482.39-.872.872-.872.48 0 .87.39.87.871M7.803 3.958c0 .481-.39.871-.871.871-.482 0-.872-.39-.872-.87 0-.482.39-.872.872-.872.48 0 .87.39.87.871M10.657 3.958c0 .481-.39.871-.871.871-.482 0-.872-.39-.872-.87 0-.482.39-.872.872-.872.48 0 .87.39.87.871'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M29.435 27.535c.978 0 1.77-.794 1.77-1.771V12.223c0-.979-.792-1.771-1.77-1.771H10.06c-.978 0-1.771.792-1.771 1.77v13.542c0 .977.793 1.77 1.77 1.77h19.376zm0 1H10.06c-1.53 0-2.771-1.241-2.771-2.771V12.223c0-1.531 1.24-2.771 2.77-2.771h19.376c1.53 0 2.77 1.24 2.77 2.77v13.542c0 1.53-1.24 2.77-2.77 2.77z'/%3E%3Cpath fill='%232DB572' d='M29.435 28.035H10.06c-1.254 0-2.271-1.017-2.271-2.271V12.223c0-1.255 1.017-2.271 2.27-2.271h19.376c1.254 0 2.27 1.016 2.27 2.27v13.542c0 1.254-1.016 2.27-2.27 2.27z' opacity='.2'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M26.455 22.811c0-1.134-.456-2.21-1.237-2.99-.342-.341-.715-.604-1.117-.78-.253-.112-.368-.407-.257-.66.11-.252.406-.367.659-.256.52.228.995.562 1.421.988.968.967 1.53 2.296 1.53 3.698v.442c0 .138-.056.27-.156.364-.178.168-.545.38-1.149.578-.946.31-2.236.491-3.923.491-1.682 0-2.965-.158-3.906-.427-.6-.172-.964-.357-1.142-.505-.115-.095-.181-.236-.181-.385v-.558c0-1.964 1.097-3.735 2.804-4.633.244-.129.547-.035.675.21.129.244.035.546-.21.675-1.381.727-2.27 2.16-2.27 3.748v.275c.13.06.326.133.6.211.845.242 2.036.39 3.63.39 1.587 0 2.773-.168 3.613-.442.288-.094.488-.183.616-.252v-.182z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M24.474 16.783c0-1.283-1.04-2.323-2.323-2.323-1.284 0-2.324 1.04-2.324 2.323s1.04 2.323 2.324 2.323c1.283 0 2.323-1.04 2.323-2.323zm1 0c0 1.835-1.488 3.323-3.323 3.323-1.836 0-3.324-1.488-3.324-3.323 0-1.836 1.488-3.323 3.324-3.323 1.835 0 3.323 1.487 3.323 3.323zM16.779 18.536c-.246-.126-.342-.428-.215-.673.126-.246.428-.342.673-.215.8.413 1.402 1.133 1.67 2.002l.023.148v.011c0 .276-.224.5-.5.5-.244 0-.447-.174-.491-.405-.196-.594-.612-1.085-1.16-1.368zM13.584 20.673c.484.157 1.177.254 2.112.254.778 0 1.371-.053 1.803-.151.27-.061.537.108.598.377.061.27-.108.537-.377.598-.512.116-1.177.176-2.024.176-1.035 0-1.831-.111-2.421-.303-.39-.127-.637-.269-.766-.391-.1-.095-.157-.226-.157-.364v-.262c0-.895.363-1.75.978-2.365.269-.269.57-.485.899-.637l.21-.046h.01c.277 0 .5.224.5.5 0 .224-.146.413-.349.477-.2.1-.389.239-.563.413-.425.425-.68 1.019-.685 1.639.06.025.136.054.232.085z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M13.544 16.983c0-1.213.983-2.196 2.197-2.196 1.212 0 2.195.984 2.195 2.196 0 1.213-.983 2.196-2.195 2.196-1.214 0-2.197-.982-2.197-2.196zm1 0c0 .661.536 1.196 1.197 1.196.66 0 1.195-.535 1.195-1.196 0-.66-.535-1.196-1.195-1.196-.661 0-1.197.536-1.197 1.196z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.ssl_monitoring {
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 6 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.3754 6C48.1019 6 49.5257 7.2738 49.5975 8.89417L49.6004 9.0228V33.6534C49.6004 35.291 48.2207 36.6072 46.511 36.6736L46.3754 36.6762H40.382C40.0506 36.6762 39.782 36.4076 39.782 36.0762C39.782 35.7685 40.0136 35.5149 40.312 35.4802L40.382 35.4762H46.3754C47.4658 35.4762 48.3383 34.7051 48.3972 33.7558L48.4004 33.6534V9.0228C48.4004 8.06112 47.5657 7.25722 46.4914 7.20292L46.3754 7.2H3.62479C2.53461 7.2 1.66241 7.97079 1.60356 8.9204L1.60039 9.0228V33.6534C1.60039 34.6147 2.43523 35.419 3.50887 35.4733L3.62479 35.4762H10.199C10.5304 35.4762 10.799 35.7448 10.799 36.0762C10.799 36.3839 10.5674 36.6375 10.269 36.6722L10.199 36.6762H3.62479C1.89894 36.6762 0.475119 35.4019 0.403238 33.782L0.400391 33.6534V9.0228C0.400391 7.38493 1.77976 6.06903 3.48917 6.00263L3.62479 6H46.3754Z' fill='%232BB371'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.61306 10.9631C6.61306 11.5703 6.12046 12.0629 5.51326 12.0629C4.90606 12.0629 4.41406 11.5703 4.41406 10.9631C4.41406 10.3559 4.90606 9.86328 5.51326 9.86328C6.12046 9.86328 6.61306 10.3559 6.61306 10.9631Z' fill='%232BB371'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2146 10.9631C10.2146 11.5703 9.72202 12.0629 9.11482 12.0629C8.50763 12.0629 8.01562 11.5703 8.01562 10.9631C8.01562 10.3559 8.50763 9.86328 9.11482 9.86328C9.72202 9.86328 10.2146 10.3559 10.2146 10.9631Z' fill='%232BB371'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8162 10.9631C13.8162 11.5703 13.3236 12.0629 12.7164 12.0629C12.1092 12.0629 11.6172 11.5703 11.6172 10.9631C11.6172 10.3559 12.1092 9.86328 12.7164 9.86328C13.3236 9.86328 13.8162 10.3559 13.8162 10.9631Z' fill='%232BB371'/%3E%3Crect width='24' height='24' transform='translate(13 22)' fill='white'/%3E%3Crect width='18' height='18' transform='translate(16 24)' fill='%232DB572' fill-opacity='0.2'/%3E%3Cpath d='M25 41C26.6569 41 28 39.6569 28 38C28 36.3431 26.6569 35 25 35C23.3431 35 22 36.3431 22 38C22 39.6569 23.3431 41 25 41Z' fill='%232BB371' fill-opacity='0.2'/%3E%3Cpath d='M19.5 42H18C16.8954 42 16 41.1046 16 40V26C16 24.8954 16.8954 24 18 24H32C33.1046 24 34 24.8954 34 26V40C34 41.1046 33.1046 42 32 42H30.5M25 41C26.6569 41 28 39.6569 28 38C28 36.3431 26.6569 35 25 35C23.3431 35 22 36.3431 22 38C22 39.6569 23.3431 41 25 41ZM25 41L25.0214 40.9998L21.8287 44.1926L19.0002 41.3641L22.0197 38.3447M25 41L28.1928 44.1926L31.0212 41.3641L28.0018 38.3447M22 28H28M20 31.5H30' stroke='%232BB371' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.image.top_menu_icons.domain_monitoring {
	background-image: url("data:image/svg+xml,%3Csvg width='41' height='30' viewBox='0 0 43 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.15 23.86H37.46C38.61 23.86 39.54 23 39.54 21.94V2.42C39.54 1.36 38.61 0.5 37.46 0.5H3.58C2.43 0.5 1.5 1.36 1.5 2.42V21.94C1.5 23 2.43 23.86 3.58 23.86H20.75' fill='white'/%3E%3Cpath d='M34.38 23.86C34.38 23.5839 34.1561 23.36 33.88 23.36H3.58C2.69823 23.36 2 22.7151 2 21.94V2.42C2 1.64488 2.69823 1 3.58 1H37.46C38.3418 1 39.04 1.64488 39.04 2.42V18.5H40.04V2.42C40.04 1.07406 38.8771 0 37.46 0H3.58C2.16292 0 1 1.07406 1 2.42V21.94C1 23.2859 2.16292 24.36 3.58 24.36H34.5C34.7761 24.36 34.38 24.1361 34.38 23.86Z' fill='%232DB572'/%3E%3Cpath d='M37.46 24.36C38.8771 24.36 40.04 23.2859 40.04 21.94V20L39.04 21V21.94C39.04 22.7151 38.3418 23.36 37.46 23.36H36.88C36.6039 23.36 36.38 23.5839 36.38 23.86C36.38 24.1361 36.1039 24.36 36.38 24.36H37.46Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9523 3.95569C5.9523 4.43669 5.5623 4.82669 5.0813 4.82669C4.5993 4.82669 4.2093 4.43669 4.2093 3.95569C4.2093 3.47469 4.5993 3.08469 5.0813 3.08469C5.5623 3.08469 5.9523 3.47469 5.9523 3.95569Z' fill='%232BB371'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.8062 3.95569C8.8062 4.43669 8.4162 4.82669 7.9352 4.82669C7.4532 4.82669 7.0632 4.43669 7.0632 3.95569C7.0632 3.47469 7.4532 3.08469 7.9352 3.08469C8.4162 3.08469 8.8062 3.47469 8.8062 3.95569Z' fill='%232BB371'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6602 3.95569C11.6602 4.43669 11.2702 4.82669 10.7892 4.82669C10.3072 4.82669 9.9172 4.43669 9.9172 3.95569C9.9172 3.47469 10.3072 3.08469 10.7892 3.08469C11.2702 3.08469 11.6602 3.47469 11.6602 3.95569Z' fill='%232BB371'/%3E%3Cpath opacity='0.2' d='M32 16L41.75 19.25L37.4167 21.4167L35.25 25.75L32 16Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.5581 15.5581C31.7255 15.3907 31.9731 15.3322 32.1977 15.4071L41.9477 18.6571C42.1875 18.737 42.3555 18.9536 42.3734 19.2057C42.3914 19.4579 42.2556 19.696 42.0295 19.809L37.8825 21.8825L35.809 26.0295C35.696 26.2556 35.4579 26.3914 35.2057 26.3734C34.9536 26.3555 34.737 26.1875 34.6571 25.9477L31.4071 16.1977C31.3322 15.9731 31.3907 15.7255 31.5581 15.5581ZM32.9882 16.9882L35.3658 24.1209L36.8577 21.1372C36.9181 21.0162 37.0162 20.9181 37.1372 20.8577L40.1209 19.3658L32.9882 16.9882Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.8488 15.712L7.6648 12.64C7.70918 12.4544 7.74542 12.2668 7.77044 12.1264C7.79218 12.0044 7.80546 11.9181 7.80825 11.8997L7.8088 11.896H7.80846C7.80846 11.896 7.75246 12.272 7.66446 12.64L6.84846 15.712C6.80141 15.9002 6.68518 15.9962 6.49225 15.9999C6.68539 15.9963 6.80172 15.9003 6.8488 15.712ZM9.74025 15.9999C9.93339 15.9966 10.0499 15.9083 10.1048 15.72L11.4088 10.688C11.4648 10.464 11.3528 10.32 11.1128 10.32H10.7368C10.7327 10.32 10.7286 10.32 10.7245 10.3201C10.7285 10.32 10.7325 10.32 10.7365 10.32H11.1125C11.3525 10.32 11.4645 10.464 11.4085 10.688L10.1045 15.72C10.0496 15.9082 9.93319 15.9965 9.74025 15.9999ZM9.40046 14.848H9.3848L9.38463 14.8466C9.38298 14.833 9.36887 14.7201 9.33675 14.558C9.31875 14.4672 9.29509 14.3609 9.2648 14.248L8.3288 10.608C8.2888 10.416 8.1688 10.32 7.9688 10.32H7.6968C7.69283 10.32 7.6889 10.32 7.685 10.3201C7.68879 10.32 7.69261 10.32 7.69646 10.32H7.96846C8.16846 10.32 8.28846 10.416 8.32846 10.608L9.26446 14.248C9.35246 14.576 9.38446 14.848 9.38446 14.848H9.40046C9.40046 14.848 9.40046 14.848 9.40046 14.848ZM4.5688 10.32C4.56527 10.32 4.56177 10.32 4.5583 10.3201C4.56166 10.32 4.56504 10.32 4.56846 10.32H4.96846C5.16046 10.32 5.28046 10.416 5.32846 10.616L6.15246 14.248C6.22446 14.568 6.24046 14.848 6.24046 14.848H6.25646C6.25646 14.848 6.25646 14.848 6.25646 14.848H6.2408L6.24068 14.8461C6.23967 14.8296 6.2316 14.7076 6.20664 14.5392C6.19369 14.4518 6.17621 14.352 6.1528 14.248L5.3288 10.616C5.2808 10.416 5.1608 10.32 4.9688 10.32H4.5688ZM7.76206 12.6633C7.78438 12.5699 7.80465 12.4762 7.82248 12.3881C7.84156 12.4767 7.86354 12.5714 7.88809 12.6654L8.69593 15.7369C8.72375 15.8477 8.77514 15.9414 8.85796 16.0066C8.94103 16.072 9.04477 16.1 9.1608 16.1H9.7288C9.84325 16.1 9.94626 16.0747 10.0304 16.0123C10.1147 15.9498 10.1686 15.8585 10.2008 15.748L11.5058 10.7123C11.5385 10.5814 11.5267 10.4539 11.45 10.3577C11.3736 10.2618 11.2512 10.22 11.1128 10.22H10.7368C10.6179 10.22 10.5112 10.2475 10.4272 10.315C10.3433 10.3824 10.2944 10.4796 10.2711 10.5945L9.39955 14.2247L9.39924 14.2261C9.39334 14.2523 9.38776 14.2782 9.38248 14.3037C9.37587 14.2772 9.36875 14.2496 9.36138 14.2221L8.4262 10.5852C8.4026 10.4739 8.35338 10.3796 8.27127 10.3139C8.1888 10.2479 8.0846 10.22 7.9688 10.22H7.6968C7.58055 10.22 7.47727 10.2481 7.39358 10.3129C7.31031 10.3774 7.25681 10.4701 7.22476 10.58L6.28011 14.2225C6.27431 14.2441 6.26876 14.2655 6.26343 14.2865C6.25929 14.2666 6.2549 14.2462 6.25032 14.2259L5.42633 10.5939L5.42604 10.5927C5.39854 10.4781 5.34766 10.3822 5.26605 10.3155C5.18396 10.2485 5.08172 10.22 4.9688 10.22H4.5688C4.43038 10.22 4.3089 10.2619 4.2344 10.3592C4.1603 10.456 4.1515 10.5831 4.18378 10.7123L5.43978 15.7363C5.46757 15.8474 5.51899 15.9413 5.60196 16.0066C5.68503 16.072 5.78877 16.1 5.9048 16.1H6.4808C6.59683 16.1 6.70056 16.072 6.78364 16.0066C6.86642 15.9414 6.9178 15.8478 6.94563 15.737L7.76148 12.6657L7.76206 12.6633ZM14.5285 15.712L15.3445 12.64C15.3889 12.4544 15.4251 12.2668 15.4501 12.1264C15.4719 12.0044 15.4851 11.9181 15.4879 11.8997L15.4885 11.896L15.4881 11.896C15.4881 11.896 15.4321 12.272 15.3441 12.64L14.5281 15.712C14.4811 15.9002 14.3649 15.9962 14.1719 15.9999C14.3651 15.9963 14.4814 15.9003 14.5285 15.712ZM17.4199 15.9999C17.6131 15.9966 17.7296 15.9083 17.7845 15.72L19.0885 10.688C19.1445 10.464 19.0325 10.32 18.7925 10.32H18.4165C18.4124 10.32 18.4083 10.32 18.4042 10.3201C18.4082 10.32 18.4121 10.32 18.4161 10.32H18.7921C19.0321 10.32 19.1441 10.464 19.0881 10.688L17.7841 15.72C17.7293 15.9082 17.6129 15.9965 17.4199 15.9999ZM17.0801 14.848L17.0645 14.848L17.0643 14.8466C17.0627 14.833 17.0486 14.7201 17.0164 14.558C16.9984 14.4672 16.9748 14.3609 16.9445 14.248L16.0085 10.608C15.9685 10.416 15.8485 10.32 15.6485 10.32H15.3765C15.3725 10.32 15.3686 10.32 15.3647 10.3201C15.3685 10.32 15.3723 10.32 15.3761 10.32H15.6481C15.8481 10.32 15.9681 10.416 16.0081 10.608L16.9441 14.248C17.0321 14.576 17.0641 14.848 17.0641 14.848H17.0801ZM12.2485 10.32C12.2456 10.32 12.2428 10.32 12.2399 10.3201C12.2427 10.32 12.2454 10.32 12.2481 10.32H12.6481C12.8401 10.32 12.9601 10.416 13.0081 10.616L13.8321 14.248C13.9041 14.568 13.9201 14.848 13.9201 14.848H13.9361L13.9205 14.848L13.9204 14.8461C13.9194 14.8296 13.9113 14.7076 13.8863 14.5392C13.8734 14.4518 13.8559 14.352 13.8325 14.248L13.0085 10.616C12.9605 10.416 12.8405 10.32 12.6485 10.32H12.2485ZM15.4417 12.6633C15.4641 12.5699 15.4843 12.4762 15.5022 12.3881C15.5212 12.4767 15.5432 12.5714 15.5678 12.6654L16.3756 15.7369C16.4035 15.8477 16.4548 15.9414 16.5376 16.0066C16.6207 16.072 16.7245 16.1 16.8405 16.1H17.4085C17.5229 16.1 17.626 16.0747 17.7101 16.0123C17.7943 15.9498 17.8483 15.8585 17.8805 15.748L19.1855 10.7123C19.2182 10.5814 19.2064 10.4539 19.1297 10.3577C19.0533 10.2618 18.9309 10.22 18.7925 10.22H18.4165C18.2975 10.22 18.1909 10.2475 18.1069 10.315C18.023 10.3824 17.9741 10.4796 17.9508 10.5944L17.0792 14.2247L17.0789 14.2261C17.073 14.2523 17.0674 14.2782 17.0622 14.3037C17.0556 14.2772 17.0484 14.2496 17.0411 14.2221L16.1059 10.5853C16.0823 10.4739 16.0331 10.3796 15.951 10.3139C15.8685 10.2479 15.7643 10.22 15.6485 10.22H15.3765C15.2602 10.22 15.157 10.2481 15.0733 10.3129C14.99 10.3774 14.9365 10.4701 14.9044 10.58L13.9598 14.2225C13.954 14.2441 13.9484 14.2655 13.9431 14.2865C13.939 14.2666 13.9346 14.2462 13.93 14.2259L13.106 10.5939L13.1057 10.5927C13.0782 10.4781 13.0273 10.3822 12.9457 10.3155C12.8637 10.2485 12.7614 10.22 12.6485 10.22H12.2485C12.1101 10.22 11.9886 10.2619 11.9141 10.3592C11.84 10.456 11.8312 10.5831 11.8635 10.7123L13.1195 15.7363C13.1473 15.8474 13.1987 15.9413 13.2816 16.0066C13.3647 16.072 13.4685 16.1 13.5845 16.1H14.1605C14.2765 16.1 14.3802 16.072 14.4633 16.0066C14.5461 15.9414 14.5977 15.8471 14.6255 15.7363L15.4412 12.6657L15.4417 12.6633ZM22.2082 15.712L23.0242 12.64C23.0686 12.4544 23.1048 12.2668 23.1298 12.1264C23.1516 12.0044 23.1648 11.9181 23.1676 11.8997L23.1682 11.896L23.1678 11.896C23.1678 11.896 23.1118 12.272 23.0238 12.64L22.2078 15.712C22.1608 15.9002 22.0446 15.9962 21.8516 15.9999C22.0448 15.9963 22.1611 15.9003 22.2082 15.712ZM25.0996 15.9999C25.2928 15.9966 25.4093 15.9083 25.4642 15.72L26.7682 10.688C26.8242 10.464 26.7122 10.32 26.4722 10.32H26.0962C26.0921 10.32 26.088 10.32 26.0839 10.3201C26.0879 10.32 26.0918 10.32 26.0958 10.32H26.4718C26.7118 10.32 26.8238 10.464 26.7678 10.688L25.4638 15.72C25.4089 15.9082 25.2926 15.9965 25.0996 15.9999ZM24.7598 14.848L24.7442 14.848L24.744 14.8466C24.7423 14.833 24.7282 14.7201 24.6961 14.558C24.6781 14.4672 24.6545 14.3609 24.6242 14.248L23.6882 10.608C23.6482 10.416 23.5282 10.32 23.3282 10.32H23.0562C23.0522 10.32 23.0483 10.32 23.0444 10.3201C23.0482 10.32 23.052 10.32 23.0558 10.32H23.3278C23.5278 10.32 23.6478 10.416 23.6878 10.608L24.6238 14.248C24.7118 14.576 24.7438 14.848 24.7438 14.848H24.7598ZM19.9282 10.32C19.9253 10.32 19.9225 10.32 19.9196 10.3201C19.9223 10.32 19.9251 10.32 19.9278 10.32H20.3278C20.5198 10.32 20.6398 10.416 20.6878 10.616L21.5118 14.248C21.5838 14.568 21.5998 14.848 21.5998 14.848H21.6158L21.6002 14.848L21.6001 14.8461C21.599 14.8296 21.591 14.7076 21.566 14.5392C21.5531 14.4518 21.5356 14.352 21.5122 14.248L20.6882 10.616C20.6402 10.416 20.5202 10.32 20.3282 10.32H19.9282ZM23.1214 12.6633C23.1438 12.5699 23.164 12.4762 23.1819 12.3881C23.2009 12.4767 23.2229 12.5714 23.2475 12.6654L24.0553 15.7369C24.0831 15.8477 24.1345 15.9414 24.2173 16.0066C24.3004 16.072 24.4041 16.1 24.5202 16.1H25.0882C25.2026 16.1 25.3056 16.0747 25.3898 16.0123C25.474 15.9498 25.528 15.8585 25.5602 15.748L26.8652 10.7123C26.8979 10.5814 26.8861 10.4539 26.8094 10.3577C26.733 10.2618 26.6106 10.22 26.4722 10.22H26.0962C25.9772 10.22 25.8706 10.2475 25.7865 10.315C25.7027 10.3824 25.6538 10.4796 25.6305 10.5945L24.7589 14.2247L24.7586 14.2261C24.7527 14.2523 24.7471 14.2782 24.7419 14.3037C24.7352 14.2772 24.7281 14.2496 24.7208 14.2221L23.7856 10.5853C23.762 10.4739 23.7128 10.3796 23.6306 10.3139C23.5482 10.2479 23.444 10.22 23.3282 10.22H23.0562C22.9399 10.22 22.8366 10.2481 22.753 10.3129C22.6697 10.3774 22.6162 10.4701 22.5841 10.58L21.6395 14.2225C21.6337 14.2441 21.6281 14.2655 21.6228 14.2865C21.6187 14.2666 21.6143 14.2462 21.6097 14.2259L20.7857 10.5939L20.7854 10.5927C20.7579 10.4781 20.707 10.3822 20.6254 10.3155C20.5433 10.2485 20.4411 10.22 20.3282 10.22H19.9282C19.7898 10.22 19.6683 10.2619 19.5938 10.3592C19.5197 10.456 19.5109 10.5831 19.5432 10.7123L20.7992 15.7363C20.8269 15.8474 20.8784 15.9413 20.9613 16.0066C21.0444 16.072 21.1481 16.1 21.2642 16.1H21.8402C21.9562 16.1 22.0599 16.072 22.143 16.0066C22.2258 15.9415 22.2774 15.847 22.3052 15.7363L23.1208 12.6657L23.1214 12.6633ZM27.0517 15.664C27.0517 15.7914 27.0837 15.9053 27.165 15.9867C27.2464 16.0681 27.3603 16.1 27.4877 16.1H27.8397C27.964 16.1 28.0771 16.0676 28.1588 15.9873C28.2409 15.9067 28.2757 15.7932 28.2757 15.664V15.304C28.2757 15.1778 28.2403 15.0663 28.1582 14.987C28.0766 14.9083 27.964 14.876 27.8397 14.876H27.4877C27.3603 14.876 27.2469 14.9079 27.1657 14.9877C27.0841 15.0677 27.0517 15.1797 27.0517 15.304V15.664ZM27.4746 14.9761C27.4788 14.976 27.4831 14.976 27.4874 14.976H27.8394C28.0554 14.976 28.1754 15.088 28.1754 15.304V15.664C28.1754 15.8836 28.0601 15.9955 27.8521 15.9999C28.0603 15.9956 28.1757 15.8837 28.1757 15.664V15.304C28.1757 15.088 28.0557 14.976 27.8397 14.976H27.4877C27.4833 14.976 27.4789 14.976 27.4746 14.9761Z' fill='%232DB572'/%3E%3C/svg%3E%0A");
}

.image.top_menu_icons.public_status_page {
	background-image: url("data:image/svg+xml,%3Csvg width='41' height='30' viewBox='0 0 53 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.6667 25.834H8.33333C7.18274 25.834 6.25 24.9012 6.25 23.7506V2.91732C6.25 1.76672 7.18274 0.833984 8.33333 0.833984H41.6667C42.8173 0.833984 43.75 1.76672 43.75 2.91732V19.3755' stroke='%232DB572' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.583 34.166H35.4163' stroke='%232DB572' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.75 25.834V34.1673' stroke='%232DB572' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.25 25.834V34.1673' stroke='%232DB572' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.583 13.334H18.7497L22.9163 19.584L27.083 7.08398L29.1663 13.334H35.4163' stroke='%232DB572' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.2' d='M39.5312 18.2812L51.7187 22.3437L46.3021 25.0521L43.5937 30.4687L39.5312 18.2812Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.9788 17.7288C39.1881 17.5196 39.4976 17.4465 39.7783 17.5401L51.9658 21.6026C52.2656 21.7025 52.4757 21.9732 52.4981 22.2884C52.5205 22.6036 52.3508 22.9012 52.0682 23.0425L46.8844 25.6344L44.2925 30.8182C44.1512 31.1008 43.8536 31.2705 43.5384 31.2481C43.2232 31.2257 42.9525 31.0156 42.8526 30.7158L38.7901 18.5283C38.6965 18.2476 38.7696 17.9381 38.9788 17.7288ZM40.7665 19.5165L43.7385 28.4324L45.6033 24.7027C45.6789 24.5515 45.8015 24.4289 45.9527 24.3533L49.6824 22.4885L40.7665 19.5165Z' fill='%232DB572'/%3E%3C/svg%3E%0A");
}

.image.top_menu_icons.virus_monitoring {
	background-image: url("data:image/svg+xml,%3Csvg width='41' height='32' viewBox='0 0 41 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.15 23.86H37.46C38.61 23.86 39.54 23 39.54 21.94V2.42C39.54 1.36 38.61 0.5 37.46 0.5H3.58C2.43 0.5 1.5 1.36 1.5 2.42V21.94C1.5 23 2.43 23.86 3.58 23.86H20.75' fill='white'/%3E%3Cpath d='M18.88 23.36C19.1561 23.36 19.38 23.5839 19.38 23.86C19.38 24.1361 19.7761 24.36 19.5 24.36H3.58C2.16292 24.36 1 23.2859 1 21.94V2.42C1 1.07406 2.16292 0 3.58 0H37.46C38.8771 0 40.04 1.07406 40.04 2.42V21.94C40.04 23.2859 38.8771 24.36 37.46 24.36H29.88C29.6039 24.36 29.38 24.1361 29.38 23.86C29.38 23.5839 29.6039 23.36 29.88 23.36H37.46C38.3418 23.36 39.04 22.7151 39.04 21.94V2.42C39.04 1.64488 38.3418 1 37.46 1H3.58C2.69823 1 2 1.64488 2 2.42V21.94C2 22.7151 2.69823 23.36 3.58 23.36H18.88Z' fill='%232BB371'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9523 3.95569C5.9523 4.43669 5.5623 4.82669 5.0813 4.82669C4.5993 4.82669 4.2093 4.43669 4.2093 3.95569C4.2093 3.47469 4.5993 3.08469 5.0813 3.08469C5.5623 3.08469 5.9523 3.47469 5.9523 3.95569Z' fill='%232BB371'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.8062 3.95569C8.8062 4.43669 8.4162 4.82669 7.9352 4.82669C7.4532 4.82669 7.0632 4.43669 7.0632 3.95569C7.0632 3.47469 7.4532 3.08469 7.9352 3.08469C8.4162 3.08469 8.8062 3.47469 8.8062 3.95569Z' fill='%232BB371'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6602 3.95569C11.6602 4.43669 11.2702 4.82669 10.7892 4.82669C10.3072 4.82669 9.9172 4.43669 9.9172 3.95569C9.9172 3.47469 10.3072 3.08469 10.7892 3.08469C11.2702 3.08469 11.6602 3.47469 11.6602 3.95569Z' fill='%232BB371'/%3E%3Cpath opacity='0.2' d='M20.3333 16.375H28.6667C29.2871 17.3048 29.6468 18.3839 29.7083 19.5V22.625C29.7083 24.0063 29.1596 25.3311 28.1828 26.3078C27.2061 27.2846 25.8813 27.8333 24.5 27.8333C23.1187 27.8333 21.7939 27.2846 20.8172 26.3078C19.8404 25.3311 19.2917 24.0063 19.2917 22.625V19.5C19.3532 18.3839 19.7129 17.3048 20.3333 16.375Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8072 16.0366C19.1282 17.0574 18.7345 18.2413 18.667 19.4656C18.6663 19.4771 18.666 19.4885 18.666 19.5V22.625C18.666 24.1721 19.2806 25.6558 20.3746 26.7498C21.4685 27.8438 22.9523 28.4583 24.4993 28.4583C26.0464 28.4583 27.5302 27.8438 28.6241 26.7498C29.7181 25.6558 30.3327 24.1721 30.3327 22.625V19.5C30.3327 19.4885 30.3324 19.4771 30.3317 19.4656C30.264 18.2379 29.8684 17.0509 29.1859 16.0281C29.07 15.8544 28.8749 15.75 28.666 15.75H20.3424C20.3237 15.7497 20.3051 15.7503 20.2866 15.7517C20.1156 15.7644 19.9514 15.8471 19.8398 15.9907C19.8304 16.0027 19.8214 16.0152 19.8128 16.0281C19.8109 16.0309 19.809 16.0337 19.8072 16.0366ZM20.6785 17C20.2297 17.7659 19.9677 18.6285 19.916 19.5177V22.625C19.916 23.8406 20.3989 25.0064 21.2584 25.8659C22.118 26.7255 23.2838 27.2083 24.4993 27.2083C25.7149 27.2083 26.8807 26.7255 27.7403 25.8659C28.5998 25.0064 29.0827 23.8406 29.0827 22.625V19.5177C29.031 18.6285 28.769 17.7659 28.3202 17H20.6785Z' fill='%232DB572'/%3E%3Cpath d='M24.5 27.8333V21.5833' stroke='%232DB572' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.5 12.8333C23.837 12.8333 23.2011 13.0967 22.7322 13.5655C22.2634 14.0344 22 14.6703 22 15.3333V16.375C22 16.7202 21.7202 17 21.375 17C21.0298 17 20.75 16.7202 20.75 16.375V15.3333C20.75 14.3388 21.1451 13.3849 21.8483 12.6817C22.5516 11.9784 23.5054 11.5833 24.5 11.5833C25.4946 11.5833 26.4484 11.9784 27.1517 12.6817C27.8549 13.3849 28.25 14.3388 28.25 15.3333V16.375C28.25 16.7202 27.9702 17 27.625 17C27.2798 17 27 16.7202 27 16.375V15.3333C27 14.6703 26.7366 14.0344 26.2678 13.5655C25.7989 13.0967 25.163 12.8333 24.5 12.8333Z' fill='%232DB572'/%3E%3Cpath opacity='0.2' d='M21.375 16.375V15.3333C21.375 14.5045 21.7042 13.7097 22.2903 13.1236C22.8763 12.5376 23.6712 12.2083 24.5 12.2083C25.3288 12.2083 26.1237 12.5376 26.7097 13.1236C27.2958 13.7097 27.625 14.5045 27.625 15.3333V16.375' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 20.5417C14.5 20.1965 14.7798 19.9167 15.125 19.9167H19.2917C19.6368 19.9167 19.9167 20.1965 19.9167 20.5417C19.9167 20.8869 19.6368 21.1667 19.2917 21.1667H15.125C14.7798 21.1667 14.5 20.8869 14.5 20.5417Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.084 20.5417C29.084 20.1965 29.3638 19.9167 29.709 19.9167H33.8757C34.2208 19.9167 34.5007 20.1965 34.5007 20.5417C34.5007 20.8869 34.2208 21.1667 33.8757 21.1667H29.709C29.3638 21.1667 29.084 20.8869 29.084 20.5417Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1922 24.3879C20.3692 24.6843 20.2724 25.068 19.976 25.245L16.4864 27.3283C16.19 27.5052 15.8063 27.4084 15.6294 27.112C15.4524 26.8157 15.5493 26.432 15.8456 26.255L19.3352 24.1717C19.6316 23.9947 20.0153 24.0916 20.1922 24.3879Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.8071 24.3879C28.9841 24.0916 29.3678 23.9947 29.6641 24.1717L33.1537 26.255C33.4501 26.432 33.5469 26.8157 33.37 27.112C33.193 27.4084 32.8093 27.5052 32.513 27.3283L29.0234 25.245C28.727 25.068 28.6302 24.6843 28.8071 24.3879Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6396 13.9548C15.8257 13.664 16.2122 13.5792 16.5029 13.7653L20.4092 16.2653C20.6999 16.4513 20.7848 16.8378 20.5987 17.1286C20.4126 17.4193 20.0261 17.5042 19.7354 17.3181L15.8291 14.8181C15.5384 14.632 15.4535 14.2455 15.6396 13.9548Z' fill='%232DB572'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.3604 13.9548C33.5465 14.2455 33.4616 14.632 33.1709 14.8181L29.2646 17.3181C28.9739 17.5042 28.5874 17.4193 28.4013 17.1286C28.2152 16.8378 28.3001 16.4513 28.5908 16.2653L32.4971 13.7653C32.7878 13.5792 33.1743 13.664 33.3604 13.9548Z' fill='%232DB572'/%3E%3C/svg%3E%0A");
}

.image.top_menu_icons.speed_test {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='29' viewBox='0 0 40 29'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M34.15 23.86h2.31c1.15 0 2.08-.86 2.08-1.92V2.42c0-1.06-.93-1.92-2.08-1.92H2.58C1.43.5.5 1.36.5 2.42v19.52c0 1.06.93 1.92 2.08 1.92h17.17'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M32.83 24.36c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3.63c.882 0 1.58-.645 1.58-1.42V2.42c0-.775-.698-1.42-1.58-1.42H2.58C1.698 1 1 1.645 1 2.42v19.52c0 .775.698 1.42 1.58 1.42h16.95c.276 0 .5.224.5.5s-.224.5-.5.5H2.58C1.163 24.36 0 23.286 0 21.94V2.42C0 1.074 1.163 0 2.58 0h33.88c1.417 0 2.58 1.074 2.58 2.42v19.52c0 1.346-1.163 2.42-2.58 2.42h-3.63z'/%3E%3Cpath fill='%232BB371' d='M4.95 3.954c0 .48-.39.87-.871.87-.482 0-.872-.39-.872-.87 0-.481.39-.871.872-.871.48 0 .87.39.87.87M7.804 3.954c0 .48-.39.87-.871.87-.482 0-.872-.39-.872-.87 0-.481.39-.871.872-.871.48 0 .87.39.87.87M10.658 3.954c0 .48-.39.87-.871.87-.482 0-.872-.39-.872-.87 0-.481.39-.871.872-.871.48 0 .87.39.87.87'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M33.174 20.416c0-3.861-3.13-6.992-6.992-6.992s-6.993 3.13-6.993 6.992 3.13 6.992 6.993 6.992c3.862 0 6.992-3.13 6.992-6.992zm1 0c0 4.415-3.578 7.992-7.992 7.992s-7.993-3.578-7.993-7.992 3.579-7.992 7.993-7.992 7.992 3.578 7.992 7.992z'/%3E%3Cpath fill='%232DB572' d='M33.674 20.416c0 4.138-3.354 7.492-7.492 7.492s-7.493-3.354-7.493-7.492 3.355-7.492 7.493-7.492 7.492 3.354 7.492 7.492z' opacity='.2'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M26.682 11.134c0 .277-.224.5-.5.5s-.5-.223-.5-.5V9.237c0-.276.224-.5.5-.5s.5.224.5.5v1.897zM25.868 21.006c-.215-.174-.249-.488-.076-.703.174-.215.488-.25.703-.076l3.21 2.587c.215.173.25.488.076.703-.173.215-.488.249-.703.076l-3.21-2.587z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M24.138 9.737c-.276 0-.5-.223-.5-.5 0-.276.224-.5.5-.5h4.087c.277 0 .5.224.5.5 0 .277-.223.5-.5.5h-4.087zM16.183 19.573c-.023.275-.264.48-.54.457-.275-.023-.48-.264-.457-.54.191-2.298 1.093-4.448 2.562-6.188.178-.21.493-.237.704-.06.211.179.238.494.06.705-1.336 1.583-2.156 3.537-2.329 5.626z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.availability_test {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='40' viewBox='0 0 39 40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='19' cy='18' r='15' fill='%23FFF'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M5.763 10.74c.136-.24.44-.325.681-.189.24.136.325.441.19.682-1.203 2.125-1.84 4.516-1.84 7.013 0 2.523.655 4.952 1.882 7.097.823 1.439 1.892 2.727 3.154 3.804 2.575 2.198 5.839 3.425 9.29 3.425.505 0 .991-.023 1.46-.071.275-.028.52.172.548.447.028.274-.172.52-.446.548-.504.051-1.024.076-1.562.076-3.692 0-7.185-1.314-9.94-3.664-1.349-1.153-2.491-2.53-3.372-4.068-1.313-2.295-2.014-4.895-2.014-7.594 0-2.67.682-5.23 1.969-7.506zM32.596 24.95c-.276 0-.5-.224-.5-.5v-.013l.046-.21c.644-1.397 1.06-2.876 1.23-4.402.058-.524.087-1.051.087-1.58 0-1.46-.219-2.893-.644-4.263C30.965 8.04 25.44 3.908 19.12 3.908c-1.321 0-2.603.176-3.818.52-.266.076-.542-.078-.618-.343-.075-.266.079-.543.344-.618 1.305-.37 2.679-.56 4.092-.56 6.762 0 12.671 4.42 14.65 10.779.455 1.465.69 2.998.69 4.56 0 .565-.032 1.128-.094 1.69-.18 1.613-.616 3.175-1.29 4.652-.06.21-.252.362-.48.362z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M15.111 6.12c0-2.828-2.292-5.12-5.12-5.12-2.828 0-5.12 2.293-5.12 5.12 0 2.575 3.938 8.437 5.12 8.437 1.181 0 5.12-5.862 5.12-8.436zm1 0c0 3.063-4.283 9.437-6.12 9.437-1.838 0-6.12-6.375-6.12-9.436C3.87 2.74 6.61 0 9.99 0s6.12 2.74 6.12 6.12z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M11.708 6.051c0-.948-.769-1.716-1.717-1.716-.95 0-1.718.768-1.718 1.716 0 .95.769 1.718 1.718 1.718.948 0 1.717-.769 1.717-1.718zm1 0c0 1.501-1.217 2.717-2.717 2.717-1.501 0-2.718-1.215-2.718-2.717 0-1.5 1.217-2.717 2.718-2.717 1.5 0 2.717 1.217 2.717 2.717zM30.512 9.187c-.275.029-.521-.17-.55-.444-.03-.275.169-.521.443-.55 4.343-.466 7.283.2 8.069 2.097.789 1.888-.83 4.457-4.198 7.18l-.053.049c-1.438 1.15-3.168 2.306-5.137 3.433-.24.138-.545.054-.683-.185-.137-.24-.054-.545.186-.683 1.926-1.102 3.614-2.23 4.968-3.31l.05-.046c3.088-2.498 4.495-4.734 3.943-6.054-.55-1.33-3.105-1.909-7.038-1.487zM18.693 24.618c.26-.094.546.04.64.3.093.26-.041.547-.301.64-4.104 1.478-8.027 2.415-11.228 2.694-4.104.373-6.861-.307-7.607-2.136-.762-1.818.692-4.228 3.805-6.823l.012-.012c.195-.196.512-.196.707 0 .195.195.195.511 0 .707l-.045.042C1.84 22.396.59 24.468 1.122 25.734c.518 1.273 2.892 1.858 6.593 1.522 3.11-.271 6.95-1.188 10.978-2.638z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M32.652 27.17c0-3.75-3.04-6.79-6.79-6.79s-6.788 3.04-6.788 6.79c0 3.41 5.158 11.087 6.789 11.087 1.63 0 6.789-7.677 6.789-11.088zm1 0c0 3.898-5.504 12.087-7.79 12.087-2.285 0-7.788-8.189-7.788-12.088 0-4.302 3.486-7.789 7.789-7.789 4.301 0 7.789 3.487 7.789 7.79z'/%3E%3Cpath fill='%232DB572' d='M33.152 27.17c0 4.025-5.581 11.587-7.29 11.587-1.708 0-7.288-7.562-7.288-11.588 0-4.026 3.263-7.289 7.289-7.289 4.025 0 7.289 3.263 7.289 7.29z' opacity='.2'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M28.36 27.08c0-1.38-1.119-2.497-2.498-2.497-1.379 0-2.497 1.118-2.497 2.497 0 1.378 1.118 2.497 2.497 2.497 1.38 0 2.497-1.119 2.497-2.498zm1 0c0 1.93-1.567 3.497-3.498 3.497-1.93 0-3.497-1.566-3.497-3.498 0-1.93 1.566-3.497 3.497-3.497 1.931 0 3.497 1.566 3.497 3.497z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.uptime_calculator {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='%231dab6b' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg%3E%3Cpath d='M32,64A32,32,0,1,1,64,32,32,32,0,0,1,32,64ZM32,2A30,30,0,1,0,62,32,30,30,0,0,0,32,2Z'/%3E%3Cpath d='M46.85,48.26,31.29,32.71A1,1,0,0,1,31,32V10h2V31.59L48.26,46.85Z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.cron_generator {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='%231dab6b' style='enable-background:new 0 0 100 100;' version='1.1' viewBox='0 0 100 100' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M56.6,16.5v-4.4h4.1c0.8,0,1.5-0.7,1.5-1.5V3.4c0-0.8-0.7-1.5-1.5-1.5H43.2c-0.8,0-1.5,0.7-1.5,1.5v7.2 c0,0.8,0.7,1.5,1.5,1.5h4.1v4.4c-9.7,1.1-18.3,5.6-24.8,12.2L20.8,27l2.8-2.8c0.6-0.6,0.6-1.5,0-2.1l-5.8-5.8 c-0.6-0.6-1.5-0.6-2.1,0L7.8,24c-0.6,0.6-0.6,1.5,0,2.1l5.8,5.8c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l2.9-2.9l1.9,1.9 C14.6,38,11,47.2,11,57.2c0,22.6,18.4,41,41,41s41-18.4,41-41C92.9,36.2,77,18.8,56.6,16.5z M14.7,28.8L11,25l5.6-5.6l3.7,3.7 l-2.2,2.2c-0.3,0.3-0.7,0.7-1.1,1.1L14.7,28.8z M48.8,9.1h-4.1V4.9h14.5v4.2h-4.1c-0.8,0-1.5,0.7-1.5,1.5v5.7c-0.5,0-1.1,0-1.6,0 s-1.1,0-1.6,0v-5.7C50.3,9.7,49.6,9.1,48.8,9.1z M51.9,95.2c-20.9,0-38-17-38-38s17-38,38-38c0.8,0,1.6,0,2.4,0.1 c0.4,0,0.8,0.1,1.2,0.1c19.3,1.8,34.4,18.1,34.4,37.8C89.9,78.2,72.9,95.2,51.9,95.2z'/%3E%3Cpath d='M73.5,32.6c-0.1-0.1-0.2-0.2-0.3-0.3c-5.7-4.9-13.1-7.8-21.2-7.8c-18.1,0-32.7,14.7-32.7,32.7S33.9,90,51.9,90 s32.7-14.7,32.7-32.7C84.7,47.4,80.3,38.6,73.5,32.6z M51.9,87c-16.4,0-29.7-13.3-29.7-29.7s13.3-29.7,29.7-29.7 c6.9,0,13.2,2.4,18.2,6.3L53.9,52.5c-0.6-0.2-1.3-0.4-1.9-0.4c-2.8,0-5.1,2.3-5.1,5.1s2.3,5.1,5.1,5.1s5-2.3,5-5.1 c0-1-0.3-2-0.8-2.8l16.3-18.7c5.7,5.4,9.2,13,9.2,21.5C81.7,73.6,68.3,87,51.9,87z M54,57.2c0,1.2-0.9,2.1-2.1,2.1 s-2.1-0.9-2.1-2.1c0-1.1,0.9-2.1,2.1-2.1S54,56.1,54,57.2z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.knowledge_center {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='34' viewBox='0 0 36 34'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M14.5 30.482V6.816s1.833-3.25 6.483-3.25h6.634v23.617h-6.634c-4.108 0-6.483 3.3-6.483 3.3z'/%3E%3Cpath fill='%23FFF' d='M14.617 30.482V6.816s-1.833-3.25-6.483-3.25H.5v23.617h7.634c4.108 0 6.483 3.3 6.483 3.3z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M15.117 30.482c0 .486-.622.686-.906.292-.063-.087-.196-.251-.396-.467-.339-.366-.74-.732-1.198-1.073-1.303-.971-2.803-1.55-4.483-1.55H.5c-.276 0-.5-.225-.5-.5V3.565c0-.276.224-.5.5-.5h7.634c2.15 0 3.908.65 5.293 1.731.837.654 1.366 1.314 1.625 1.774.042.075.065.16.065.245v23.666zm-1-1.291V6.958c-.056-.085-.14-.2-.25-.337-.282-.352-.633-.705-1.056-1.036-1.214-.949-2.759-1.519-4.677-1.519H1v22.617h7.134c1.914 0 3.616.658 5.08 1.749.328.244.63.5.903.759zM23.43 4.07c-.277 0-.5-.224-.5-.5s.223-.5.5-.5h4.1c.276 0 .5.224.5.5v7.1c0 .276-.224.5-.5.5-.277 0-.5-.224-.5-.5v-6.6h-3.6z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M15.12 29.187c.272-.26.572-.514.9-.758 1.463-1.091 3.164-1.749 5.08-1.749h2.54c.276 0 .5.224.5.5s-.224.5-.5.5H21.1c-1.681 0-3.18.58-4.483 1.55-.458.342-.858.709-1.196 1.074-.2.216-.333.38-.395.468-.284.394-.907.194-.907-.292V6.82c0-.276.224-.5.5-.5.277 0 .5.224.5.5v22.367zM4 9.766c-.276 0-.5-.223-.5-.5 0-.276.224-.5.5-.5h3.958c.92 0 1.824.237 2.676.63.509.234.892.471 1.114.636.222.165.268.478.103.7-.164.221-.477.267-.7.103-.037-.028-.119-.084-.24-.158-.204-.127-.438-.254-.696-.373-.73-.337-1.497-.538-2.257-.538H4zM4 13.693c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3.958c.92 0 1.824.237 2.676.63.509.234.892.47 1.114.636.222.165.268.478.103.7-.164.221-.477.267-.7.103-.037-.029-.119-.084-.24-.159-.204-.126-.438-.253-.696-.372-.73-.337-1.497-.538-2.257-.538H4zM4 17.62c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3.958c.92 0 1.824.237 2.676.63.509.234.892.47 1.114.636.222.164.268.478.103.7-.164.22-.477.267-.7.102-.037-.028-.119-.084-.24-.158-.204-.126-.438-.254-.696-.372-.73-.337-1.497-.538-2.257-.538H4zM4 21.547c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3.958c.92 0 1.824.237 2.676.63.509.234.892.47 1.114.636.222.164.268.477.103.7-.164.22-.477.267-.7.102-.037-.028-.119-.084-.24-.158-.204-.126-.438-.254-.696-.372-.73-.337-1.497-.538-2.257-.538H4z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M20.959 22.568c.272-.05.532.13.582.402.05.271-.13.532-.401.582-3.65.671-6.02 2.762-6.02 6.928 0 .667-1 .667-1 0V6.82c0-.938.307-2.236 1.216-3.514C16.812 1.231 19.438 0 23.429 0c.277 0 .5.224.5.5v11.2c0 .276-.223.5-.5.5-.276 0-.5-.224-.5-.5V1.007c-3.391.095-5.557 1.162-6.778 2.88-.448.628-.737 1.306-.899 1.99-.058.242-.095.468-.115.673-.013.126-.018.218-.018.27v19.43c1.152-2.026 3.226-3.201 5.84-3.682z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M24.075 25.29v.007l-.004.24v1.095c0 .92.746 1.666 1.666 1.666h2.989c.92 0 1.666-.746 1.666-1.666v-1.09l-.001-.17c-.001-.189.103-.361.27-.448 2.4-1.244 3.944-3.729 3.944-6.48 0-4.025-3.266-7.287-7.287-7.287-4.03 0-7.287 3.257-7.287 7.287 0 2.69 1.471 5.124 3.785 6.394.16.088.259.256.259.438v.013zm-5.044-6.846c0-4.582 3.705-8.287 8.287-8.287 4.574 0 8.287 3.71 8.287 8.287 0 3.024-1.64 5.764-4.213 7.221v.967c0 1.472-1.194 2.666-2.666 2.666h-2.989c-1.472 0-2.666-1.194-2.666-2.666v-1.068c-2.478-1.481-4.04-4.165-4.04-7.12z'/%3E%3Cpath fill='%232DB572' d='M23.575 25.29v-.014c-2.408-1.322-4.044-3.887-4.044-6.832 0-4.306 3.481-7.787 7.787-7.787 4.293 0 7.787 3.481 7.787 7.787 0 3.01-1.714 5.628-4.214 6.924l.001.171v1.093c0 1.196-.97 2.166-2.166 2.166h-2.989c-1.196 0-2.166-.97-2.166-2.166v-1.095l.004-.248z' opacity='.2'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M25.084 31.541c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h4.168c.276 0 .5.224.5.5s-.224.5-.5.5h-4.168zM26.02 33.543c-.275 0-.5-.224-.5-.5 0-.277.225-.5.5-.5h2.295c.276 0 .5.223.5.5 0 .276-.224.5-.5.5H26.02zM30.474 16.235c.455.247.727.638.829 1.108.074.34.055.687-.018 1.018-.025.111-.05.197-.082.283l-1.206 2.771c-.11.253-.405.37-.658.26-.254-.111-.37-.406-.26-.659l1.194-2.74c.007-.018.02-.065.036-.131.044-.202.056-.411.017-.59-.043-.198-.142-.34-.328-.44-.28-.152-.533-.091-.803.136-.111.095-.192.189-.227.24-.26.38-.852.235-.908-.222-.014-.111-.067-.308-.175-.496-.16-.281-.378-.43-.717-.43-.339 0-.557.149-.718.43-.107.189-.161.385-.175.496-.056.457-.648.601-.908.221-.035-.05-.115-.144-.227-.239-.27-.227-.523-.288-.802-.137-.186.101-.285.243-.328.441-.039.179-.027.388.018.59.014.066.028.113.023.1l1.206 2.771c.11.253-.006.548-.26.658-.253.11-.547-.006-.657-.259l-1.219-2.801c-.02-.056-.045-.142-.07-.253-.073-.331-.092-.678-.018-1.018.102-.47.374-.861.828-1.108.605-.328 1.191-.249 1.698.083l.023-.04c.326-.573.857-.935 1.586-.935.729 0 1.26.362 1.586.935l.023.04c.506-.332 1.093-.41 1.697-.083z'/%3E%3C/g%3E%3C/svg%3E");
}

.image.top_menu_icons.contact_us {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='28' viewBox='0 0 23 28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M14.9 23.44v.83c0 1.5-1.21 2.71-2.71 2.71H3.21c-1.5 0-2.71-1.21-2.71-2.71V3.2C.5 1.71 1.71.5 3.21.5h8.98c1.5 0 2.71 1.21 2.71 2.7v5.17'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M14.4 23.44c0-.276.224-.5.5-.5s.5.224.5.5v.83c0 1.776-1.434 3.21-3.21 3.21H3.21C1.434 27.48 0 26.046 0 24.27V3.2C0 1.432 1.436 0 3.21 0h8.98c1.774 0 3.21 1.432 3.21 3.2v5.17c0 .276-.224.5-.5.5s-.5-.224-.5-.5V3.2c0-1.215-.987-2.2-2.21-2.2H3.21C1.987 1 1 1.985 1 3.2v21.07c0 1.224.986 2.21 2.21 2.21h8.98c1.224 0 2.21-.986 2.21-2.21v-.83z'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M6.325 3.73c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h2.75c.276 0 .5.224.5.5s-.224.5-.5.5h-2.75zM22.615 22.657c.13.351.043.746-.224 1.015-.182.18-.426.28-.679.28-.112 0-.223-.02-.335-.06l-2.735-1.013c-1.219.703-2.596 1.072-4.012 1.072-4.436 0-8.044-3.608-8.044-8.045 0-4.435 3.608-8.044 8.044-8.044s8.044 3.609 8.044 8.044c0 1.416-.369 2.794-1.072 4.013l1.013 2.738zm-2.034-2.615c-.053-.145-.037-.306.044-.437.687-1.112 1.049-2.386 1.049-3.699 0-3.883-3.16-7.044-7.044-7.044-3.884 0-7.044 3.161-7.044 7.044 0 3.884 3.16 7.045 7.044 7.045 1.313 0 2.586-.361 3.698-1.049.131-.081.292-.097.437-.044l2.884 1.068-1.068-2.884z'/%3E%3Cpath fill='%232DB572' d='M21.05 19.868c.736-1.19 1.124-2.555 1.124-3.962 0-4.159-3.384-7.544-7.544-7.544s-7.544 3.385-7.544 7.544c0 4.16 3.384 7.545 7.544 7.545 1.407 0 2.771-.388 3.961-1.124l2.96 1.096c.053.02.107.028.161.028.12 0 .238-.047.327-.135.127-.128.169-.318.107-.487l-1.096-2.96z' opacity='.2'/%3E%3Cpath fill='%232BB371' fill-rule='nonzero' d='M11.568 14.838c-.277 0-.5-.224-.5-.5s.223-.5.5-.5h4.125c.276 0 .5.224.5.5s-.224.5-.5.5h-4.125zM11.568 17.955c-.277 0-.5-.224-.5-.5s.223-.5.5-.5h6.437c.276 0 .5.224.5.5s-.224.5-.5.5h-6.437z'/%3E%3C/g%3E%3C/svg%3E");
	background-position-x: 9px;
}

.image.top_menu_icons.comparisons {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 65 65' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M62.5 8.4h-60C1 8.4-.3 9.6-.3 11.2v42.7c0 1.5 1.2 2.8 2.8 2.8h60c1.5 0 2.8-1.2 2.8-2.8V11.2c0-1.5-1.3-2.8-2.8-2.8zm-60 1.5h60c.7 0 1.3.6 1.3 1.3v5.2H1.3v-5.2c0-.7.5-1.3 1.2-1.3zm60 45.2h-60c-.7 0-1.2-.6-1.2-1.3V17.9h62.5v35.9c0 .7-.6 1.3-1.3 1.3z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3Cpath d='M54.9 12.4h1.5v1.5h-1.5zM58.7 12.4h1.5v1.5h-1.5zM51.1 12.4h1.5v1.5h-1.5zM5.7 12.4h41.2v1.5H5.7zM23.9 25.9h33v1.5h-33zM23.9 30.1h26.9v1.5H23.9zM12.5 29.8l-1.2-1.1-1.1 1 2.3 2.3 4.8-4.9-1-1.1z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3Cpath d='M13.8 22.2c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5c0-3.5-3-6.5-6.5-6.5zm0 11.5c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.3 5-5 5zM23.9 42.3h33v1.5h-33zM23.9 46.4h26.9v1.5H23.9zM13.8 38.6c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5-3-6.5-6.5-6.5zm0 11.5c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.3 5-5 5z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3Cpath d='m15.4 42.4-1.6 1.7-1.7-1.7-1.1 1.1 1.7 1.6-1.7 1.7 1.1 1 1.7-1.6 1.6 1.6 1.1-1-1.7-1.7 1.7-1.6z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3C/svg%3E");
}

.image.top_menu_icons.blog {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 65 65' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M51.8 24.3H57v1.5h-5.2zM16.7 24.3h5.2v1.5h-5.2zM7.9 24.3H15v1.5H7.9zM47.6 24.3h2.6v1.5h-2.6zM26.7 24.3h1.5v1.5h-1.5zM23.5 24.3H25v1.5h-1.5zM29.8 24.3h16.1v1.5H29.8zM16.7 35.8h5.2v1.5h-5.2zM7.9 35.8H15v1.5H7.9zM23.4 35.8h1.5v1.5h-1.5zM26.6 35.8h15.7v1.5H26.6zM43.7 35.8H57v1.5H43.7zM7.9 30h5.2v1.5H7.9zM43 30h5.2v1.5H43zM49.9 30H57v1.5h-7.1zM14.7 30h2.6v1.5h-2.6zM36.7 30h1.5v1.5h-1.5zM39.9 30h1.5v1.5h-1.5zM19 30h16.1v1.5H19zM7.9 41.5h4V43h-4zM43 41.5h5.2V43H43zM49.9 41.5H57V43h-7.1zM13.5 41.5h3.8V43h-3.8zM33.5 41.5H35V43h-1.5zM39.9 41.5h1.5V43h-1.5zM36.7 41.5h1.5V43h-1.5zM19 41.5h12.9V43H19zM48.2 14.5h1.5V16h-1.5zM52 14.5h1.5V16H52zM55.8 14.5h1.5V16h-1.5zM9.4 14.5h33.1V16H9.4z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3Cpath d='M61.7 47.6V10.8H3.3v36.8H-.2v3l2.8 3.6h60l2.8-3.6v-3h-3.7zm-1.5-35.3V18H4.8v-5.7h55.4zM4.8 19.5h55.4v28.1H4.8V19.5zm58.9 30.6-2 2.7H3.3l-2-2.7v-1h62.5v1z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3C/svg%3E");
}

.image.top_menu_icons.learn {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 66 66' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 66 66'%3E%3Cpath d='M63 28.8V17.4c0-.3-.2-.6-.5-.7L31.9 3.9c-.2-.1-.4-.1-.6 0L.7 16.7c-.6.3-.6 1.1 0 1.4l11.7 5.4v19.4c0 .4.3.8.8.8h37.1c.4 0 .8-.3.8-.8V23.5l10.6-4.9v10.3c-1.5.3-2.7 1.7-2.7 3.4 0 1.9 1.6 3.5 3.5 3.5s3.5-1.6 3.5-3.5c-.3-1.8-1.4-3.2-3-3.5zM13.9 42.1v-8.4c10.9-5.7 24.7-5.6 35.6 0v8.4H13.9zm36-19.8c-.3.1-.4.4-.4.7v9c-10.9-5.4-24.6-5.4-35.6 0v-9c0-.3-.2-.6-.4-.7L2.9 17.4l28.8-12 28.8 12-10.6 4.9zm12.4 11.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM56.7 48.1c.5-.5.2-1.3-.5-1.3H14.1c-4.2 0-7.7 3.5-7.7 7.7s3.5 7.7 7.7 7.7h42.1c.7 0 1-.9.5-1.3-2.5-2.2-3.8-4.3-3.8-6.4 0-2.1 1.2-4.3 3.8-6.4zm-3.9 2H37.2v1.5H52c-.3.7-.5 1.4-.6 2H33.7v1.5h17.7c.1.7.3 1.4.6 2H35.7v1.5h17.1c.4.6.9 1.3 1.5 1.9H14.1c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2h40.2c-.6.8-1.1 1.4-1.5 2z' fill='%231dab6b' class='fill-000100'%3E%3C/path%3E%3C/svg%3E");
}

.image.top_menu_icons.questions {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 65 65' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.3 6.6H18v11.8h31.3V6.6zm-1.5 10.3H19.5V8.1h28.3v8.8zM20.1 41.9h8.8v1.5h-8.8zM25.2 23.4h-1.4v3.7h-3.7v1.4h3.7v3.7h1.4v-3.7h3.7v-1.4h-3.7zM45.3 24.2l-2.5 2.5-2.6-2.5-1.1 1 2.6 2.6-2.6 2.6 1.1 1 2.6-2.6 2.5 2.6 1.1-1-2.6-2.6 2.6-2.6z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3Cpath d='M59.8 39.2c-1.4-1.4-3-2.5-4.7-3.2V0h-43v53.8h22.3c.7 2.5 2 4.8 3.9 6.7C41.2 63.4 45 65 49 65h.1c8.3 0 15.1-6.8 15.2-15.1-.1-4-1.6-7.9-4.5-10.7zM13.6 52.3V1.5h40v33.9c-1.4-.5-3-.7-4.6-.7-8.3 0-15.1 6.8-15.2 15.1 0 .9.1 1.7.2 2.5H13.6zm35.5 11.2v.7-.7c-3.7 0-7.1-1.5-9.7-4-2.6-2.6-4-6-4-9.7 0-7.5 6.2-13.6 13.7-13.6 3.7 0 7.1 1.5 9.7 4 2.6 2.6 4 6 4 9.7-.1 7.5-6.2 13.6-13.7 13.6zM.8 19.7v33.1c0 1.9 1.6 3.5 3.5 3.5s3.5-1.6 3.5-3.5V19.7l-3.5-7-3.5 7zm1.5 3.8h4v24.4h-4V23.5zm2 31.2c-1.1 0-2-.9-2-2v-3.3h4v3.3c0 1.1-.9 2-2 2zm2-32.7h-4v-2l2-4 2 4v2z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3Cpath d='M49.1 41.7c-1.2 0-2.4.5-3.3 1.4-.9.9-1.4 2-1.4 3.3h1.5c0-.8.3-1.6.9-2.2 1.2-1.2 3.3-1.2 4.4 0 .6.6.9 1.4.9 2.2 0 .8-.3 1.6-1.1 2.4-.1.1-1.7 1.6-2.4 4.1-.2.8-.4 1.7-.4 2.5h1.5c0-.7.1-1.4.3-2.1.6-2.1 2-3.5 2.1-3.5 1-1.1 1.5-2.2 1.5-3.4 0-1.2-.5-2.4-1.4-3.3-.7-.9-1.9-1.4-3.1-1.4zM48.3 57h1.5v1.5h-1.5z' fill='%231dab6b' class='fill-000000'%3E%3C/path%3E%3C/svg%3E");
}

.animated-hamburger {
  width: 30px;
  height: 45px;
  position: relative;
  margin: 25px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.animated-hamburger.active span {
	background: #54656F;
}

.animated-hamburger span:nth-child(1) {
  top: 0px;
}

.animated-hamburger span:nth-child(2),
.animated-hamburger span:nth-child(3) {
  top: 10px;
}

.animated-hamburger span:nth-child(4) {
  top: 20px;
}

.animated-hamburger.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

.animated-hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-hamburger.open span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}

.image.hamburger_menu {
	width: 32px;
	height: 32px;
	background: url('https://cdn.uptimia.com/website/img/hamburger_menu.png');
	margin-top: 22px;
}

.image.hamburger_menu.active {
	background: url('https://cdn.uptimia.com/website/img/hamburger_menu_active.png');
}

.small_button {
	color: #FFFFFF;
	font-size: 15px;
	display: inline-block;
	padding: 12px 20px;
	text-align: center;
	letter-spacing: 0.5px;
	cursor: pointer;
	font-weight: 500;
	font-family: 'Montserrat';
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	border-radius: 8px;
	border: 1px solid #00994F;
	background: #00994F;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.top_menu_btn {
	color: #FFFFFF;
	font-size: 12px;
	display: inline-block;
	margin-top: 20px;
	padding: 9px 15px;
	text-align: center;
	letter-spacing: 0.5px;
	cursor: pointer;
	font-weight: 300;
	font-family: 'Montserrat';
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	border-radius: 8px;
	border: 1px solid #00994F;
	background: #00994F;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.top_menu_btn.signup {
	margin-left: 10px;
}

.top_menu_btn.signup.active {
	border: #2db572 1px solid;
	background: #2db572;
}

.top_menu_btn.signup-footer {
	border: 1px solid #00994F;
	background: #00994F;
	margin-left: 0px;
	margin-top: 0px;
	padding: 14px 25px;
	font-size: 13px;
}

.top_menu_btn.website-go-down {
	border: 1px solid #00994F;
	background: #00994F;
	font-family: 'Montserrat';
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}

.signup_trial_credit_card {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #ffffff;
	text-align: left;
	margin-top: 25px;
}

.top_menu_btn.signup:hover {
	background: #0CAB5F;
	text-decoration: none;
}

.top_menu_btn.signup:active, .btn:active {
	background: #04a557;
	border: #028747 1px solid;
}

.top_header_button {
	display: inline-block;
	font-family: 'Montserrat';
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	text-align: center;
	color: #ffffff;
	margin-top: 18px;
	padding: 9px 20px;
	text-align: center;
	position: relative;
    overflow: hidden;
    z-index: 1;
	border-radius: 8px;
	border: 1px solid #30444F;
	background: #30444F;
}

.top_header_button.signup-button {
	border-radius: 8px;
	margin-left: 10px;
	border: 1px solid #00994F;
	background: #00994F;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.navi_top_btn {
	list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 21px 0px 0px 0px;
}

.navi_mobile {
	list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 0px 0px 0px 0px;
}

.navi_mobile li {
	padding: 15px;
	width: calc(100% - 20px);
}

.navi_mobile li a {
	font-size: 16px;
	display: inline-block;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0px;
	text-decoration: none;
	color: #42535E;
	font-weight: 500;
}

.navi_mobile.active li a {
	color: #35454D;
}

.navi_mobile li a:hover {
	text-decoration: underline;
}

.navi_mobile li a:active {
	color: #29AB67;
}

.navi_top_btn li {
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	cursor: pointer;
}

.navi_top_btn li a {
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-stretch: normal;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	font-family: 'Montserrat';
}

.navi_top_btn li.selected a, .navi_top_btn li:hover a {
	opacity: 1;
}

.navi_top_btn.sub a {
	font-weight: 300;
}

.navi_top_btn a.selected, .navi_top_btn.sub a.selected, .navi_top_btn a:hover, .navi_top_btn.sub a:hover {
	padding-bottom: 1px;
	color: #FFFFFF;
	text-decoration: none !important;
}

.navi_top_btn a:active, .navi_top_btn.sub a:active {
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px solid;
}

.navi_top_btn li.selected.active, .navi_top_btn li.selected.active a {
	color: #3d4e57;
}

.navi_top_btn li.active, .navi_top_btn li.active a {
	color: #3d4e57;
}

.menu_header_box {
	position: absolute;
	background-color: #FFFFFF;
	width: 100%;
	display: none;
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

@media screen and (max-width: 1250px) {
	.submenu-holder {
		padding-left: 32px;
		padding-right: 32px;
	}

	.submenu_bottom_holder {
		padding-left: 32px;
		padding-right: 32px;
	}
}


.menu_header_box.small {
	border-radius: 10px;
}

.menu_header_box.products, .menu_header_box.resources {
	top: 74px;
	left: 0;
}

.top-menu-new-label {
	border-radius: 16px;
	background: #ECFDF3;
	display: inline-block;
	padding: 2px 10px;
	align-items: center;
	color: #027A48;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	margin-left: 4px;
}

@media screen and (max-width: 1080px) {
	#header_tools {
		display: none;
	}

	#top_menu_area_navigation {
		width: 500px;
	}
}

@media screen and (max-width: 1060px) {
	.menu_header_box.products {
		display: none;
	}
}


.menu_header_box.small.support {
	top: 38px;
	left: -247px;
	width: 423px;
}

.menu_header_box.small.tools {
	top: 38px;
	left: -253px;
	width: 423px;
}

.submenu-holder {
	display: flex;
	justify-content: center;
	gap: 24px;
	max-width: 1216px;
	margin: 0 auto;
	padding-bottom: 32px;
}

.menu_header_box.resources .submenu-holder {
	justify-content: left;
}

.submenu_block {
	flex: 1;
	max-width: 450px;
}

.submenu_block_header {
	color: #475467;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	padding-top: 38px;
	padding-bottom: 11px;
}

.submenu_bottom_main {
	width: 100%;
	background: #F9FAFB;
}

.submenu_bottom_holder {
	display: flex;
	justify-content: center;
	max-width: 1216px;
	margin: 0 auto;
	background: #F9FAFB;
	padding-top: 28px;
	padding-bottom: 28px;
}

.submenu_bottom_element {
	flex: 1;
	color: #475467;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.submenu_bottom_element a {
	color: #00994F;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.submenu_bottom_element a:hover {
	text-decoration: underline;
}

.submenu_bottom_element a:active {
	color: #007f42;
}

.submenu_bottom_element.right {
	text-align: right;
}

ul.submenu_bottom_ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.submenu_bottom_ul li {
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.header-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: cover;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 8px;
}

.header-icon.pricing {
	background-image: url('https://static.uptimia.com/img/header-pricing.svg');
}

.header-icon.contact {
	background-image: url('https://static.uptimia.com/img/header-contact.svg');
}

.submenu_top_div {
	min-height: 100px;
	padding: 10px 10px;
	color: #3d4e57;
}

.submenu_top_div:hover {
	background-color: #f3f7f9;
}

.submenu_top_div.small {
	padding: 24px;
}

.submenu_top_div.small.center:hover {
	border-radius: 10px
}

.submenu_top_div.small.top:hover {
	border-radius: 10px 10px 0 0;
}

.submenu_top_div.small.bottom:hover {
	border-radius: 0 0 10px 10px;
}

.submenu_top_div:active {
	background-color: #e7f3f9;
}

.submenu_top_left {
	float: left;
	width: 52px;
	padding-top: 5px;
}

.submenu_top_right {
	float: right;
	width: calc(100% - 52px);
}

.submenu_top_left.small {
	width: 62px;
}

.submenu_top_right.small {
	width: calc(100% - 72px);
}

.submenu_top_title {
	text-align: left;
	padding: 4px;
	margin-top: 5px;
	text-transform: none;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #101828de;
}

.submenu_top_desc {
	text-transform: none;
	text-align: left;
	padding: 4px;
	padding-right: 30px;
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.62;
	letter-spacing: normal;
	color: #475467;
}

.submenu_link_top, .submenu_link_top:hover, .submenu_link_top:active {
	border: 0px !important;
	padding: 0px !important;
}

.menu_mobile {
	background: #ffffff; /* should be #42535E, but it straight up doesn't match the design color */
	padding: 20px;
	text-align: center;
	display: none;
	height: 800px;
}

.signin_button_mobile {
	display: inline-block;
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.71px;
	text-align: center;
	color: #ffffff;
	margin-top: 19px;
	padding: 9px 15px;
	text-align: center;
	position: relative;
	bottom: 12px;
	color: #3d4e57;
}

.signin-icon_mobile {
	color: #FFFFFF;
	width: 11px;
	height: 11px;
	margin-top: 2px;
	margin-right: 2px;
	object-fit: contain;
	display: inline-block;
	color: #FFFFFF;
 	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 16 16'%3E%3Cpath fill='%233D4E57' fill-rule='evenodd' d='M7.76 0a4.514 4.514 0 1 1 0 9.028A4.514 4.514 0 0 1 7.76 0zm4.132 8.65c1.597.641 2.626 1.645 2.626 2.775 0 1.937-3.026 4.775-6.759 4.775C4.026 16.2 1 13.362 1 11.425c0-1.13 1.029-2.134 2.626-2.776a5.692 5.692 0 0 0 4.133 1.775 5.692 5.692 0 0 0 4.133-1.775z'/%3E%3C/svg%3E");
}

.menu_mobile.active {
	background: #FFFFFF;
}

.top_menu_btn.signup.button-skew.mobile {
	padding: 10px 30px 10px 30px;
}

.mob_menu_buttons {
	display: flex;
	flex-direction: column-reverse;
	padding-top: 40px;
}

.clear {
	clear: both;
}

.cta_btn {
	cursor: pointer;
	color: #FFFFFF;
	font-family: 'Montserrat';
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 155.556% */
	display: inline-block;
	padding: 16px 28px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 8px;
	border: 1px solid #00994F;
	background: #00994F;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.cta_btn:hover {
	background: #0CAB5F;
}

.cta_btn:active {
	background: #04a557;
	border: #028747 1px solid;
}

.presentation_holder {
	width: 100%;
	background: #fafafa;
}

.presentation_inside {
	width: 1280px;
	margin: 0 auto;
	padding: 100px 0;
	text-align: left;
}

.presentation-content-holder {
	width: 1280px;
	margin: 0 auto;
}

.presentation-content-holder.normal-bottom {
	padding-bottom: 64px;
}

@media screen and (max-width: 1360px) {
	.presentation-content-holder {
		width: 100%;
	}
}

.footer_top_holder {
	width: 100%;
	background: #ffffff;
}

.footer_inside {
	width: 1160px;
	margin: 0px auto;
	padding: 50px 20px 10px 20px;
}

.footer_inside_copyright {
	width: 1160px;
	margin: 0px auto;
	padding: 10px 20px 30px 20px;
}

.foot_products {
	float: left;
	width: 33%;
}

.foot_tools {
	float: left;
	width: 33%;
}

.foot_legal {
	float: left;
	width: 33%;
}

.foot_top_header {
	text-align: left;
	text-transform: uppercase;
	font-family: Montserrat;
	font-size: 15px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #39454c;
}

.footer_bot_holder {
	width: 100%;
	background: #ffffff;
}

ul.footer_list {
	list-style-type: none;
    padding-left:0;
	margin-top: 0px;
}

ul.footer_list li {
	padding-top: 15px;
	text-align: left;
	margin-left: 0px;
}

ul.footer_list li a {
	text-decoration: none;
	font-family: 'Montserrat';
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #636363;
}

ul.footer_list li a:hover {
	text-decoration: underline;
}

ul.footer_list li a:active {
	color: #31AA69;
}

.footer_bot_left {
	float: left;
	width: 70%;
	text-align: right;
}

.footer_bot_right {
	float: right;
	width: 30%;
	text-align: right;
}

.footer_copyright {
	text-align: left;
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #747474;
}

.footer_cookies {
	margin: 20px 0px;
	color: #747474;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
}

.footer_img {
	margin: 0px 10px;
}

.footer_splitter {
	display: none;
}

.presentation-white {
	color: #ffffff !important;
}

.presentation_emphasis {
	font-weight: bold;
}

.main_header_medium {
	width: 100%;
	background: #273740;
	padding-top: 80px;
	padding-bottom: 40px;
}

.main_header_medium.pricing {
	padding-bottom: 0px;
}

.main_header_medium_wide {
	width: 100%;
	background-size: cover;
	background-color: #202c32;
	background-image: url('https://cdn.uptimia.com/website/img/svg/bg.svg');
	padding-top: 80px;
	padding-bottom: 40px;
}

.main_header_medium_wide {
	width: 100%;
	background-color: #202c32;
	background-image: url('https://cdn.uptimia.com/website/img/svg/bg.svg');
	padding-top: 80px;
	text-align: center;
	padding-bottom: 40px;
	height: auto;
	max-height: 740px;
	background-repeat: repeat-x;
	background-position: center;
 	background-position-y: 78px;
	min-height: 400px;
}

.signup_trial_footer {
	width: 100%;
	background-size: 100% auto;
	background-image: url('https://cdn.uptimia.com/website/img/svg/footer-graph.svg');
	text-align: center;
	height: 544px;
	background-repeat: repeat-x;
	background-position: center;
}

.signup_trial_footer_dots {
	width: 100%;
	background-size: 100% auto;
	background-image: url('https://cdn.uptimia.com/website/img/svg/footer-dots.svg');
	text-align: center;
	height: 544px;
	background-repeat: repeat-x;
	background-position: center;
}

.presentation_holder {
	width: 100%;
	background: #fafafa;
}

.presentation_holder_no_padding {
	width: 100%;
	background: #FFFFFF;
}

@media screen and (max-width: 1380px) {
	.presentation_holder {
		width: calc(100% - 80px) !important;
		padding: 0 40px;
	}
}


@media screen and (max-width: 1440px) {
	.presentation_inside {
		max-width: 100%;
	}
}

.presentation_inside.no-bottom {
	padding-bottom: 0 !important;
}

.presentation_inside.low-top {
	padding-top: 20px;
}

.presentation_inside.normal-top {
	padding-top: 96px;
}

.presentation_inside.normal-bottom {
	padding-bottom: 64px;
}

.presentation_flex_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-top: 20px;
	margin: 0 auto;
}

.presentation_holder.bright {
	background-color: #F3F7F9;
}

.presentation_holder.light-grey {
	background-color: #F9FAFB;
}

.presentation_holder.no-overflow {
	overflow: hidden;
}

.presentation_holder.dark {
	background-color: #273740;
}

.presentation_holder.white {
	background-color: #FFFFFF;
}

@media screen and (max-width: 500px) {
	.signup_trial_footer {
		width: 100%;
		background-size: 100% auto;
		background-image: url('https://cdn.uptimia.com/website/img/svg/footer-graph.svg');
		background-color: #273740;
		background-position-y: 350px;
		text-align: center;
		height: 850px !important;
		background-repeat: repeat-x;
		/*background-position: center;*/
	}

	.signup_trial_footer_dots {
		width: 100%;
		background-size: 100% auto;
		background-image: url('https://cdn.uptimia.com/website/img/svg/footer-dots.svg');
		text-align: center;
		height: 850px !important;
		background-position-y: 350px;
		background-repeat: repeat-x;
		/*background-position: center;*/
	}

	.signup_trial_content {
		padding-top: 40px !important;
	}

	.signup_trial_desc {
		padding-top: 30px;
	}
}

.signup_trial_content {
	width: 1280px;
	margin: 0px auto;
	padding-top: 60px;
}

h3.signup_trial_header {
	text-transform: uppercase;
	text-align: left;
	font-family: 'Montserrat';
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #ffffff;
	margin-bottom: 20px;
	margin-top: 35px;
}

.signup_trial_desc {
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: normal;
	color: #ffffff;
	text-align: left;
	width: 630px;
	margin-bottom: 30px;
}

.signup_trial_button {
	margin-top: 50px;
	text-align: left;
}



.common_holder {
	background: #FFFFFF;
	width: 100%;
	padding: 20px 0px;
}

.common_inside {
	width: 1360px;
	margin: 0px auto;
	text-align: center;
}

.tos {
	padding: 20px;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	font-weight: 300;
	max-width: 800px;
	width: calc(100% - 40px);
	font-size: 15px;
	line-height: 28px;
}

.tooltip {
	text-decoration: underline dotted #C5C5C5;
	text-underline-offset: 2px;
}

.skeleton-box {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f5f5f5;
  background-image: linear-gradient(to right, #f5f5f5 0%, #e6e6e6 20%, #f5f5f5 40%, #f5f5f5 100%);
  background-repeat: no-repeat;
  background-size: 800px 204px;
  position: relative;
}


@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }
  100% {
    background-position: 468px 0
  }
}

@-webkit-keyframes prideShimmer {
  from {
    background-position: top left
  }
  to {
    background-position: top right
  }
}

.loader-spinner-green {
  border: 3px solid #d9e2e8;
  border-top: 3px solid #2db572;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: spin 1s linear infinite;
  margin: 4px auto 0px auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media screen and (max-width: 1438px) {

	.signup_trial_footer {
		background-size: auto;
	}

	.signup_trial_footer_dots {
		background-size: auto;
	}
}


@media screen and (max-width: 1500px) {

	#top_menu_area_logo {
		margin-left: 20px;
	}

	#top_menu_buttons_area {
		margin-right: 20px;
	}
}


@media screen and (max-width: 1450px) {

	#top_menu_area_logo {
		float: left;
		margin-left: 30px;
		width: 50px;
		padding-top: 22px;
	}

	#top_menu_buttons_area {
		margin-right: 30px;
	}

	.common_inside {
		width: 100%;
	}

	/*#top_menu_area_navigation {
		width: 713px;
	}*/

	.image.logo_main, .image.logo_main.active {
		width: 37px;
		height: 30px;
	}

	#top_menu_inside {
		width: 100%;
	}

	.footer_inside, .footer_inside_copyright {
		width: calc(100% - 40px);
	}

	.submenu a {
		font-size: 12px;
	}


}

@media screen and (max-width: 1360px) {
	.signup_trial_content {
		width: calc(100% - 100px);
		margin: 0px 50px;
	}
}



.breadcrumbs_holder {
	width: 100%;
	background: #2e404a;
	z-index: 3;
	position: relative;
}

.breadcrumbs_inside {
	max-width: 1360px;
	width: 100%;
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 24px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	font-weight: 300;
}

@media screen and (max-width: 1130px) {

	.breadcrumbs_inside {
		width: calc(100% - 40px);
		padding: 100px 20px 20px 20px;
	}

}

/*@media screen and (max-width: 1115px) {
	.navi_top_btn li a {
		font-size: 10px;
	}

	#top_menu_area_navigation {
		width: 657px;
	}

	.main_header_medium_wide {
		padding-top: 50px;
		padding-bottom: 30px;
		min-height: 380px;
	}
}*/

@media screen and (max-width: 1060px) {
	#top_menu_area_navigation, #top_menu_buttons_area {
		display: none;
	}

	#top_menu_area_logo {
		width: 170px;
	}

	.image.logo_main, .image.logo_main.active {
		width: 140px;
		height: 30px;
	}

	#top_menu_hamburger_area {
		display: block;
	}

	.main_header_medium_wide {
		padding-top: 20px;
		padding-bottom: 20px;
		min-height: 380px;
	}

}

@media screen and (max-width: 950px) {
	.footer_splitter {
		display: block;
		clear: both;
	}

	.foot_blog, .foot_legal, .foot_tools, .foot_products {
		width: 50%;
		text-align: center;
	}

	.foot_top_header, ul.footer_list li {
		text-align: center;
	}

	.foot_top_header {
		margin-top: 30px;
	}

	.footer_bot_left, .footer_bot_right {
		width: 100%;
		text-align: center;
	}

	.footer_bot_right {
		padding-bottom: 35px;
	}

	.footer_copyright {
		text-align: center;
		padding-bottom: 20px;
	}

	.footer_inside {
		padding: 20px;
	}

	.footer_cookies {
		text-align: center;
		margin-bottom: 40px;
	}

}

@media screen and (max-width: 815px) {

	.main_header_medium_wide {
		padding-top: 20px;
		padding-bottom: 60px;
		min-height: 200px;
	}

	h1.head {
		font-size: 20px;
		line-height: 30px;
	}

	h2.head {
		font-size: 14px;
		line-height: 26px;
	}
}

@media screen and (max-width: 760px) {
	.signup_trial_content {
		padding-top: 20px;
	}

	.signup_trial_header {
		font-size: 25px;
	}

	.signup_trial_desc {
		font-size: 14px;
		width: 100%;
	}

	.signup_trial_footer, .signup_trial_footer_dots {
		height: 400px;
	}


}

@media screen and (max-width: 700px) {

	.foot_blog, .foot_legal, .foot_tools, .foot_products {
		width: 100%;
	}


}

@media screen and (max-width: 1200px) {
    .ui.small.modal.integration-guide {
        width: 1000px !important;
    }
}

@media screen and (max-width: 850px) {
	h3.presentation {
		font-size: 17px !important;
	}

	.presentation_inside {
		padding: 64px 0 !important;
	}
}

@media screen and (max-width: 650px) {
	.break_submenu {
		display: none;
	}

	.submenu li {
		display: block;
		margin: 15px;
	}


	h3.presentation {
		font-size: 16px;
		line-height: 30px;
		margin-left: 20px;
		margin-right: 20px;
	}

	h4.presentation {
		font-size: 16px;
		line-height: 24px;
		margin-left: 20px;
		margin-right: 20px;
	}

}

@media screen and (max-width: 500px) {
	.signup_trial_header, .signup_trial_desc, .signup_trial_button, .signup_trial_credit_card {
		text-align: center !important;
	}

	.signup_trial_footer_dots {
		height: 450px;
	}

	.signup_trial_footer {
		height: auto;
		padding-bottom: 30px;
	}

	.image.logo_main {
		width: 120px;
		height: 25px;
		background-size: 120px 25px;
	}

	.image.logo_main.active {
		width: 120px;
		height: 25px;
		background-size: 120px 25px;
	}

	#top_menu_area_logo {
		margin-left: 18px;
	}

	.top_menu_btn.signup-footer {
		padding: 11px 19px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

	.retina_img {
		display: block;
	}

	.normal_img {
		display: none;
	}

	/*.image.logo_main {
		background-image: url("https://cdn.uptimia.com/website/img/logo_white@2.png");
		background-size: 142px 30px;
	}

	.image.logo_main.active {
		background-image: url("https://cdn.uptimia.com/website/img/logo_active@2.png");
		background-size: 142px 30px;
	}*/

	.image.arrow_up_normal {
		background: url('https://cdn.uptimia.com/website/img/arrow_up@2.png');
		background-size: 10px 6px;
	}

	.image.hamburger_menu {
		background: url('https://cdn.uptimia.com/website/img/hamburger_menu@2.png');
		background-size: 32px 32px;
	}

	.image.hamburger_menu.active {
		background: url('https://cdn.uptimia.com/website/img/hamburger_menu_active@2.png');
		background-size: 32px 32px;
	}

}

/* ==========================================================================
   public/assets/css/header-website.css
   Legacy website header styles (still referenced by core markup)
   ========================================================================== */
.main_header_center {
    width: 1440px;
    margin: 0 auto;
    padding-top: 40px;
}

.main_header_center.centered {
    padding-top: 75px;
}

.main_header_center.centered_further {
    margin-bottom: -100px;
    padding-top: 75px;
}

.main_header_center.lowered {
    position: relative;
    top: 180px;
    z-index: 5;
}

.main_header_center_wide {
    width: 1360px;
    margin: 0px auto;
    padding-top: 40px;
}

@media screen and (max-width: 1360px) {
    .main_header_center_wide {
        width: 100%;
    }
}

h1.head {
    color: #FFFFFF;
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
    max-width: 1440px;
}

h2.head {
    color: #FFFFFF;
    font-size: 16px;
    max-width: 1440px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 40px;
}

h2.head.pricing {
    margin-bottom: 0px;
}

.subheader_holder {
    width: calc(100% - 20px);
    background: #fafafa;
    text-align: center;
    padding: 10px;
}


.submenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 21px 0px 0px 0px;
    margin-top: 0px;
    line-height: 60px;
}

.break_submenu {
    display: none;
}

.submenu li {
    display: inline;
    margin: 0px 15px 0px 10px;
}

.submenu a {
    font-size: 13px;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    color: #3d4e57;
    font-weight: bold;
}

.submenu a.selected, .submenu.sub a.selected, .submenu a:hover, .submenu.sub a:hover {
    border-bottom: #FFFFFF 1px solid; padding-bottom: 1px;
}

.submenu a:active, .submenu.sub a:active {
    color: #2FB572;
    border-bottom: #2FB572 1px solid;
}


.trusted_by_holder {
    background: #273740;
    width: 100%;
    padding: 0px 0px 96px 0px;
    z-index: 5;
    position: relative;
}

.trusted_by_inside {
    width: 1300px;
    margin: 0px auto;
}

h3.trusted_by {
    margin-bottom: 10px;
    margin-top: 0px;
    color: #EAECF0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.trusted_by_text {
    color: #ffffff;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    padding-bottom: 40px;
}

.trusted_by_logos {
    text-align: center;
    padding: 20px 0px 0px 0px;
}

.trusted_logo {
    margin: 9px 36px;
}


.image.mac_mockup {
    background: url('https://static.uptimia.com/img/presentation-screen-1.png');
    width: 710px;
    height: 487px;
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    background-position: -1px 0;
    border: 4px solid #344054;
}

.image.mac_mockup.uptime {
    background: url('https://static.uptimia.com/img/presentation-screen-uptime-1.png');
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    border: 4px solid #344054;
    background-position: -1px 0;
}

.image.mac_mockup.ssl {
    background: url('https://static.uptimia.com/img/presentation-screen-ssl.png');
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    border: 4px solid #344054;
    background-position: -1px 0;
}

.image.mac_mockup.fpl {
    background: url('https://static.uptimia.com/img/presentation-screen-fpl.png');
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    border: 4px solid #344054;
    background-position: -1px 0;
}

.image.mac_mockup.virus {
    background: url('https://static.uptimia.com/img/presentation-screen-virus.png');
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    border: 4px solid #344054;
    background-position: -1px 0;
}

.image.mac_mockup.public-status-page {
    background: url('https://static.uptimia.com/img/presentation-screen-public-status-page.png');
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    border: 4px solid #344054;
    background-position: -1px 0;
}

.image.mac_mockup.rum {
    background: url('https://static.uptimia.com/img/presentation-screen-rum.png');
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    border: 4px solid #344054;
    background-position: -1px 0;
}

.image.mac_mockup.transaction {
    background: url('https://static.uptimia.com/img/presentation-screen-transaction.png');
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    border: 4px solid #344054;
    background-position: -1px 0;
}

.image.mac_mockup.domain {
    background: url('https://static.uptimia.com/img/presentation-screen-domain.png');
    position: relative;
    background-size: cover;
    z-index: 10;
    border-radius: 10px;
    border: 4px solid #344054;
    background-position: -1px 0;
}

.mac_mockup.hidden.mobile {
    display:none;
}

.main_header_divide_left {
    float: left;
    padding-top: 96px;
    width: 40%;
}


.main_header_divide_right {
    float: right;
    width: 50%;
    padding-top: 96px;
}

h1.index {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -1.2px;
}

h1.index.small {
    font-size: 50px;
    line-height: 68px;
}

h1.index.very-small {
    font-size: 40px;
    line-height: 58px;
}

h2.index {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
    margin-bottom: 50px;
}

h2.index.hidden {
    display: none;
}

.index_button {
    font-weight: 300;
    font-size: 15px;
}

.main_header_tall {
    width: 100%;
    height: 750px;
    background: #273740;
    overflow-x: hidden;
}


@media screen and (max-width: 1500px) {
    .trusted_by_holder {
        /*margin-top: 0px;*/
        /*background: linear-gradient(#2f3f47, #2c3b44);*/
        z-index: 5;
        padding-top: 0;
    }

    .main_header_center {
        width: 1400px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .main_header_divide_right {
        width: 51%;
    }

    .image.mac_mockup {
        width: 706px;
    }

    h1.index.small {
        font-size: 45px;
        line-height: 65px;
    }

    h1.index.very-small {
        font-size: 38px;
        line-height: 55px;
    }
}

@media screen and (max-width: 1450px) {
    .trusted_by_holder {
        /*margin-top: 0px;*/
        /*background: linear-gradient(#2f3f47, #2c3b44);*/
        z-index: 5;
        padding-top: 0;
    }

    .image.mac_mockup {
        width: 739px;
        height: 494px;
    }

    .main_header_divide_left {
        margin-left: 3%;
    }

    .main_header_center {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

}

@media screen and (max-width: 1300px) {
    .trusted_by_inside {
        width: 100%;
        margin: 0px auto;
    }

    .trusted_logo {
        margin: 9px 13px;
    }
}



@media screen and (max-width: 1200px) {
    .trusted_by_inside, .big_points_inside {
        width: calc(100% - 40px);
        margin: 0px auto;
        padding: 0px 20px;
    }
}

@media screen and (max-width: 1160px) {
    h1.index {
        font-size: 45px;
    }

    h1.index.small {
        font-size: 40px;
    }

    h1.index.very-small {
        font-size: 35px;
    }

    h2.index {
        font-size: 17px;
    }

    .cta_btn {
        padding: 10px 20px;
        font-size: 15px;
    }
}

@media screen and (max-width: 950px) {

    .main_header_center {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .main_header_tall {
        height: auto;
    }

    .main_header_divide_left {
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
        float: none;
    }

    .main_header_divide_right {
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
        float: none;
        padding-top: 80px;
        padding-bottom: 60px;
    }

    h1.index {
        font-size: 42px;
        text-align: center;
    }

    h1.index.small {
        font-size: 38px;
    }

    h1.index.very-small {
        font-size: 33px;
    }

    h2.index {
        font-size: 18px;
        text-align: center;
    }

    .main_head_btn_holder {
        text-align: center;
    }

    .cta_btn {
        padding: 12px 60px;
        font-size: 15px;
    }

    .image.mac_mockup {
        width: calc(100% - 8px);
        height: 500px;
    }

}

@media screen and (max-width: 800px) {

    .image.mac_mockup {
        height: 430px;
    }

}

@media screen and (max-width: 750px) {
    .main_header_divide_right {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .main_header_center {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 700px) {
    .image.mac_mockup {
        height: 430px;
    }
}

@media screen and (max-width: 650px) {
    .image.mac_mockup {
        height: 350px;
    }
}

/* ==========================================================================
   public/assets/css/nav.css
   Top nav v3: brand, mega-dropdowns, mobile drawer
   ========================================================================== */
/* Uptimia top nav — v3 design language. Loaded globally on all marketing pages.
   Dark sticky charcoal backdrop matching homepage-v3 hero. All rules scoped to .nav-v3. */

/* CSS variables — matches homepage-v3.css palette so this file is self-sufficient */
.nav-v3 {
  --bg:           #ffffff;
  --bg-2:         #fafafa;
  --bg-3:         #f6f6f7;
  --line:         #ededee;
  --line-2:       #e3e3e5;
  --ink:          #0c0c0d;
  --ink-2:        #1f1f22;
  --muted:        #3a3a40;
  --soft:         #74747e;

  --dark:         #2a2c30;
  --dark-2:       #34373c;
  --dark-line:    rgba(255,255,255,.05);
  --dark-line-2:  rgba(255,255,255,.09);
  --dark-line-3:  rgba(255,255,255,.16);
  --dark-ink:     #f5f7fa;
  --dark-ink-2:   rgba(245,247,250,.84);
  --dark-muted:   rgba(245,247,250,.6);

  --accent:        #007e42;
  --accent-bright: #4ec97e;
  --accent-glow:   rgba(78,201,126,.18);

  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Geist', 'SF Pro Text', 'Segoe UI', sans-serif;
  --mono: ui-monospace, 'JetBrains Mono', 'SF Mono', 'Geist Mono', Menlo, monospace;
}

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

/* ─────────── Sticky bar ─────────── */
/* Dark, semi-transparent bar with backdrop blur — opacity is high enough that the
   white nav text stays readable when scrolled over bright sections, while the blur
   still hints at content underneath. */
.nav-v3 {
  position: sticky; top: 0; z-index: 100;
  background: rgba(28,32,39,.92);
  backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--dark-line-2);
  font-family: var(--sans);
  color: var(--dark-ink);
  font-feature-settings: 'cv11','ss01','ss03';
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

/* ─────────── Light theme — applied once scrolled past the hero ─────────── */
/* Solid white, no blur: the bar floats over arbitrary sections (incl. the dark
   footer), and any translucency lets that content bleed through the bar. */
.nav-v3.scrolled {
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom-color: var(--line);
  box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 10px 28px -20px rgba(0,0,0,.35);
}
.nav-v3.scrolled .brand-logo {
  background-image: url("/website/img/logo-uptimia-black.svg");
}
.nav-v3.scrolled .nav-link { color: var(--muted); }
.nav-v3.scrolled .nav-link:hover { color: var(--ink); background: rgba(0,0,0,.05); }
.nav-v3.scrolled .nav-link.selected { color: var(--ink); background: rgba(0,0,0,.06); }
.nav-v3.scrolled .nv-btn-text { color: var(--muted); }
.nav-v3.scrolled .nv-btn-text:hover { color: var(--ink); background: rgba(0,0,0,.05); }
.nav-v3.scrolled .nv-btn-primary { background: var(--accent); color: #fff; box-shadow: 0 4px 14px -4px rgba(0,126,66,.35); }
.nav-v3.scrolled .nv-btn-primary:hover { background: var(--accent-bright); color: var(--ink); }
.nav-v3.scrolled .hamburger { border-color: var(--line-2); }
.nav-v3.scrolled .hamburger svg { color: var(--ink); }
.nav-v3.scrolled .hamburger:hover { background: rgba(0,0,0,.05); border-color: var(--line-2); }
/* Mobile dropdown follows the light theme too */
.nav-v3.scrolled .mob-menu { background: #fff; border-bottom-color: var(--line); }
.nav-v3.scrolled .mob-menu ul { border-bottom-color: var(--line); }
.nav-v3.scrolled .mob-menu li a { color: var(--muted); }
.nav-v3.scrolled .mob-menu li a:hover { color: var(--ink); background: rgba(0,0,0,.05); }
.nav-v3.scrolled .mob-cta .nv-btn-text { border-color: var(--line-2) !important; color: var(--ink) !important; }
.nav-v3 .nav-inner {
  max-width: 1440px; margin: 0 auto; padding: 0 28px;
  height: 64px;
  display: flex; align-items: center; gap: 14px;
}

/* ─────────── Brand ─────────── */
.nav-v3 .brand-link {
  display: inline-flex; align-items: center; gap: 0;
  text-decoration: none; color: inherit;
  flex-shrink: 0;
}
.nav-v3 .brand-logo {
  width: 124px; height: 26px;
  background-image: url("/website/img/logo-uptimia-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  display: inline-block;
  /* white wordmark + green U — designed for dark backgrounds */
}

/* ─────────── Desktop links ─────────── */
.nav-v3 .nav-links {
  display: flex; align-items: center; gap: 2px;
  margin-left: 18px;
  list-style: none; padding: 0; margin-top: 0; margin-bottom: 0;
}
.nav-v3 .nav-links li { list-style: none; padding: 0; margin: 0; }
.nav-v3 .nav-link {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 13.5px; font-weight: 500;
  color: var(--dark-ink-2);
  padding: 7px 12px; border-radius: 7px;
  text-decoration: none;
  transition: background .14s, color .14s;
  letter-spacing: -0.05px;
  cursor: pointer;
  white-space: nowrap;
}
.nav-v3 .nav-link:hover { color: var(--dark-ink); background: rgba(255,255,255,.06); }
.nav-v3 .nav-link.selected { color: var(--dark-ink); background: rgba(255,255,255,.08); }
.nav-v3 .nav-link .chev {
  width: 10px; height: 10px; opacity: .55;
  transition: transform .15s;
}
.nav-v3 .nav-links li:hover .chev { transform: rotate(180deg); opacity: .85; }

.nav-v3 .nav-spacer { flex: 1; }

/* ─────────── CTAs ─────────── */
.nav-v3 .nv-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 14px; border-radius: 8px;
  border: 1px solid transparent;
  font-family: var(--sans);
  font-size: 13.5px; font-weight: 500;
  letter-spacing: -0.05px;
  text-decoration: none;
  cursor: pointer;
  transition: all .14s;
  white-space: nowrap;
}
.nav-v3 .nv-btn svg { width: 14px; height: 14px; }
.nav-v3 .nv-btn-text {
  color: var(--dark-ink-2); background: transparent; padding: 6px 11px;
}
.nav-v3 .nv-btn-text:hover { background: rgba(255,255,255,.06); color: var(--dark-ink); }
.nav-v3 .nv-btn-primary {
  background: var(--accent-bright); color: var(--dark);
  font-weight: 600;
  box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 4px 14px -4px var(--accent-glow);
}
.nav-v3 .nv-btn-primary:hover {
  background: #fff;
  color: var(--ink);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px -6px rgba(255,255,255,.30);
}

/* ─────────── Mega dropdown (Products) — full viewport width, light surface ─────────── */
/* Keep dropdown panels on a LIGHT surface — easier to read against the dark sticky bar */
.nav-v3 .nav-dropdown { position: static; }

.nav-v3 .dropdown-mega {
  position: absolute;
  top: 100%; left: 0; right: 0;
  background: #ffffff;
  border-bottom: 1px solid var(--line);
  box-shadow: 0 18px 40px -12px rgba(0,0,0,.18);
  padding: 28px 28px 24px;
  opacity: 0; visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .22s cubic-bezier(.22,.61,.36,1), visibility 0s linear .18s;
  z-index: 200;
}
.nav-v3 .nav-dropdown.is-open .dropdown-mega {
  opacity: 1; visibility: visible;
  transform: none;
  transition: opacity .18s ease, transform .22s cubic-bezier(.22,.61,.36,1), visibility 0s linear;
}
.nav-v3 .dropdown-mega-inner { max-width: 1216px; margin: 0 auto; }
.nav-v3 .dropdown-mega-grid {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 0 40px;
}

/* Group column: mono eyebrow + hairline rule */
.nav-v3 .dd-grp { display: flex; flex-direction: column; gap: 2px; }
.nav-v3 .dd-grp-h {
  font-family: var(--mono); font-size: 10px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--soft, #98989f);
  display: flex; align-items: center; gap: 8px;
  margin: 6px 0 10px 14px;
}
.nav-v3 .dd-grp-h::after { content: ''; height: 1px; flex: 1; background: var(--line); }

/* Footer strip under the product grid */
.nav-v3 .dd-mega-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  border-top: 1px solid var(--line);
  margin-top: 18px; padding: 16px 14px 2px;
}
.nav-v3 .dd-foot-meta {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--mono); font-size: 10.5px; letter-spacing: .07em;
  text-transform: uppercase; color: var(--soft, #98989f);
}
.nav-v3 .dd-foot-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent-bright, #4ec97e); flex: 0 0 auto;
  box-shadow: 0 0 0 0 rgba(78,201,126,.45);
  animation: nv-pulse 2.2s infinite;
}
@keyframes nv-pulse {
  70%  { box-shadow: 0 0 0 7px rgba(78,201,126,0); }
  100% { box-shadow: 0 0 0 0 rgba(78,201,126,0); }
}
.nav-v3 .dd-foot-link {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13.5px; font-weight: 600;
  color: var(--accent); text-decoration: none;
}
.nav-v3 .dd-foot-link svg { transition: transform .15s ease; }
.nav-v3 .dd-foot-link:hover svg { transform: translateX(3px); }

/* ─────────── Smaller popup dropdown (Resources / Support) ─────────── */
.nav-v3 .dropdown-panel {
  position: absolute; top: calc(100% - 1px); left: 0; right: 0;
  background: #ffffff;
  border-bottom: 1px solid var(--line);
  box-shadow: 0 18px 40px -12px rgba(0,0,0,.18);
  padding: 24px 28px 28px;
  opacity: 0; visibility: hidden;
  transition: opacity .15s ease, visibility 0s linear .15s;
  z-index: 200;
}
.nav-v3 .nav-dropdown.is-open .dropdown-panel {
  opacity: 1; visibility: visible;
  transition: opacity .15s ease, visibility 0s linear;
}

.nav-v3 .dropdown-panel-inner { max-width: 1440px; margin: 0 auto; }
.nav-v3 .dropdown-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
  max-width: 720px;
}
.nav-v3 .dropdown-grid.single { grid-template-columns: 1fr; max-width: 520px; }

/* ─────────── Dropdown link (shared by mega + small) ─────────── */
.nav-v3 .dd-link {
  display: grid; grid-template-columns: 44px 1fr auto; gap: 14px;
  align-items: flex-start;
  padding: 12px 14px; border-radius: 12px;
  text-decoration: none; color: inherit;
  transition: background .14s;
}
.nav-v3 .dd-link:hover { background: var(--accent-soft, #f0f7f3); }
/* NOTE: this file carries a full copy of nav.css — keep the nav rules in sync. */
/* ── "Offset print" icon system — canonical spec: docs/website-mockups/icon-system.html
      Every glyph is three plates: .sf = the icon's OWN silhouette in mint, misregistered
      1.4/1.6px down-right by this CSS (never baked into path data) · unclassed elements =
      the object in 1.4px soft ink · .a = exactly one green signal element. There is
      deliberately no shared tile behind the icons — the silhouette replaced it. */
.nav-v3 .dd-ico {
  width: 44px; height: 44px; position: relative;
  display: grid; place-items: center;
  color: #26282c; line-height: 0;
  flex-shrink: 0;
}
/* hover: a soft green bloom behind the glyph instead of a filled container */
.nav-v3 .dd-ico::before {
  content: ''; position: absolute; inset: 2px; border-radius: 12px;
  background: radial-gradient(circle at 50% 45%, rgba(78,201,126,.20), rgba(78,201,126,0) 70%);
  opacity: 0; transform: scale(.7);
  transition: opacity .2s ease, transform .25s cubic-bezier(.22,.61,.36,1);
}
.nav-v3 .dd-link:hover .dd-ico::before { opacity: 1; transform: none; }
.nav-v3 .dd-ico svg {
  width: 28px; height: 28px; position: relative;
  fill: none; stroke: currentColor; stroke-width: 1.4;
  stroke-linecap: round; stroke-linejoin: round;
  transition: transform .2s cubic-bezier(.22,.61,.36,1);
}
.nav-v3 .dd-link:hover .dd-ico svg { transform: translateY(-1px) scale(1.045); }
.nav-v3 .dd-ico .a  { color: #007e42; stroke: #007e42; }
.nav-v3 .dd-ico .sf { fill: #d9ece2; stroke: none; transform: translate(1.4px, 1.6px); }
/* white knockout follows the row tint so it never reads as a hole on hover */
.nav-v3 .dd-ico .fillbg { fill: #fff; }
.nav-v3 .dd-link:hover .dd-ico .fillbg { fill: var(--accent-soft, #f0f7f3); }
/* hover arrow affordance (only present in the Products mega panel) */
.nav-v3 .dd-arr {
  align-self: center; color: var(--accent);
  opacity: 0; transform: translateX(-4px);
  transition: opacity .15s ease, transform .15s ease;
}
.nav-v3 .dd-arr svg { width: 14px; height: 14px; display: block; }
.nav-v3 .dd-link:hover .dd-arr { opacity: 1; transform: none; }

/* Items rise in with a slight stagger each time a dropdown opens */
.nav-v3 .nav-dropdown.is-open .dd-link {
  animation: nv-item-in .3s cubic-bezier(.22,.61,.36,1) backwards;
}
@keyframes nv-item-in { from { opacity: 0; transform: translateY(6px); } }
.nav-v3 .nav-dropdown.is-open .dd-link:nth-of-type(1) { animation-delay: .03s; }
.nav-v3 .nav-dropdown.is-open .dd-link:nth-of-type(2) { animation-delay: .07s; }
.nav-v3 .nav-dropdown.is-open .dd-link:nth-of-type(3) { animation-delay: .11s; }
.nav-v3 .nav-dropdown.is-open .dd-link:nth-of-type(4) { animation-delay: .15s; }

@media (prefers-reduced-motion: reduce) {
  .nav-v3 .dropdown-mega { transform: none; }
  .nav-v3 .nav-dropdown.is-open .dd-link { animation: none; }
  .nav-v3 .dd-foot-dot { animation: none; }
  .nav-v3 .dd-ico, .nav-v3 .dd-arr { transition: none; }
}
.nav-v3 .dd-title {
  font-size: 15px; font-weight: 600; color: var(--ink);
  letter-spacing: -.018em; margin: 0;
  display: flex; align-items: center; gap: 8px;
  line-height: 1.25;
}
.nav-v3 .dd-new {
  font-family: var(--mono); font-size: 9px; font-weight: 700;
  background: var(--accent); color: #fff;
  padding: 2px 6px; border-radius: 3px;
  letter-spacing: 0.4px; text-transform: uppercase;
}
.nav-v3 .dd-desc {
  font-size: 13px; color: var(--muted); margin: 4px 0 0;
  line-height: 1.5;
}

/* ─────────── Mobile hamburger ─────────── */
.nav-v3 .hamburger {
  display: none;
  width: 36px; height: 36px; border-radius: 8px;
  background: transparent; border: 1px solid var(--dark-line-2);
  align-items: center; justify-content: center;
  cursor: pointer; padding: 0;
}
.nav-v3 .hamburger svg { width: 18px; height: 18px; color: var(--dark-ink); }
.nav-v3 .hamburger:hover { background: rgba(255,255,255,.06); border-color: var(--dark-line-3); }

.nav-v3 .mob-menu { display: none; }

@media (max-width: 880px) {
  .nav-v3 .nav-links { display: none; }
  .nav-v3 .hamburger { display: inline-flex; }

  .nav-v3 .mob-menu {
    display: block;
    position: absolute; top: 100%; left: 0; right: 0;
    background: var(--dark);
    border-bottom: 1px solid var(--dark-line-2);
    box-shadow: 0 12px 32px -8px rgba(0,0,0,.40);
    max-height: 0; overflow: hidden;
    transition: max-height .25s ease;
  }
  .nav-v3.open .mob-menu { max-height: calc(100dvh - 64px); overflow-y: auto; }
  .nav-v3 .mob-menu-inner { padding: 14px 24px 20px; }
  .nav-v3 .mob-menu ul {
    list-style: none; padding: 0; margin: 0 0 18px;
    display: flex; flex-direction: column; gap: 2px;
    border-bottom: 1px solid var(--dark-line-2); padding-bottom: 14px;
  }
  .nav-v3 .mob-menu li { padding: 0; margin: 0; }
  .nav-v3 .mob-menu li a {
    display: block; padding: 11px 12px; border-radius: 8px;
    color: var(--dark-ink-2); font-size: 14.5px; font-weight: 500;
    text-decoration: none; letter-spacing: -0.1px;
  }
  .nav-v3 .mob-menu li a:hover { background: rgba(255,255,255,.06); color: var(--dark-ink); }
  .nav-v3 .mob-cta { display: flex; flex-direction: column; gap: 8px; }
  .nav-v3 .mob-cta .nv-btn { justify-content: center; padding: 12px 16px; }
  .nav-v3 .mob-cta .nv-btn-text {
    display: inline-flex !important;
    border: 1px solid var(--dark-line-2) !important;
    color: var(--dark-ink) !important;
  }
}

/* Narrow screens: drop the trial CTA so Sign in + hamburger always fit */
@media (max-width: 520px) {
  .nav-v3 .nav-inner > .nv-btn-primary { display: none; }
}

/* ==========================================================================
   public/assets/css/footer.css
   Global footer + language switcher
   ========================================================================== */
/* Uptimia footer — v3 design language. Loaded globally on all marketing pages.
   Charcoal background matching homepage-v3 final-CTA / footer rhythm. Scoped to .footer-v3. */

.footer-v3 {
  --bg:           #ffffff;
  --line:         #ededee;

  --dark:         #2a2c30;
  --dark-2:       #34373c;
  --dark-3:       #3e4248;
  --dark-line:    rgba(255,255,255,.05);
  --dark-line-2:  rgba(255,255,255,.09);
  --dark-line-3:  rgba(255,255,255,.16);
  --dark-ink:     #f5f7fa;
  --dark-ink-2:   rgba(245,247,250,.84);
  --dark-muted:   rgba(245,247,250,.6);
  --dark-soft:    rgba(245,247,250,.4);

  --accent:        #007e42;
  --accent-bright: #4ec97e;

  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Geist', 'SF Pro Text', 'Segoe UI', sans-serif;
  --mono: ui-monospace, 'JetBrains Mono', 'SF Mono', 'Geist Mono', Menlo, monospace;
}

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

/* ─────────── Outer ─────────── */
.footer-v3 {
  background: var(--dark);
  border-top: 1px solid var(--dark-line);
  font-family: var(--sans);
  color: var(--dark-ink-2);
  font-feature-settings: 'cv11','ss01','ss03';
  margin-top: 0;
  padding: 72px 28px 32px;
}
.footer-v3-inner {
  max-width: 1344px; margin: 0 auto;
}

/* ─────────── Top: brand + 4 link columns ─────────── */
.footer-v3-top {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  gap: 48px;
  padding-bottom: 36px;
  border-bottom: 1px solid var(--dark-line-2);
}
.footer-v3-brand .brand-link {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; color: inherit;
}
.footer-v3-brand .brand-logo {
  width: 124px; height: 26px;
  background-image: url("/website/img/logo-uptimia-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  display: inline-block;
}
.footer-v3-tagline {
  font-size: 13.5px; line-height: 1.55; color: var(--dark-muted);
  margin: 16px 0 22px; max-width: 300px;
}

.footer-v3-social { display: flex; gap: 8px; }
.footer-v3-social a {
  width: 34px; height: 34px; border-radius: 9px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--dark-line-2);
  display: grid; place-items: center;
  color: var(--dark-ink-2);
  transition: all .15s;
  text-decoration: none;
}
.footer-v3-social a:hover {
  border-color: var(--accent-bright);
  color: var(--accent-bright);
  transform: translateY(-1px);
}
.footer-v3-social svg { width: 14px; height: 14px; }

/* Columns */
.footer-v3-col h4 {
  font-family: var(--sans);
  font-size: 11.5px; font-weight: 600;
  color: var(--dark-ink);
  text-transform: uppercase; letter-spacing: 0.08em;
  margin: 0 0 18px;
}
.footer-v3-col ul {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 11px;
}
.footer-v3-col li { padding: 0; margin: 0; line-height: 1.3; }
.footer-v3-col a {
  font-size: 13.5px; color: var(--dark-ink-2);
  text-decoration: none;
  transition: color .14s;
  letter-spacing: -0.05px;
  display: inline-flex; align-items: center; gap: 7px;
  line-height: 1.3;
}
.footer-v3-col a:hover { color: var(--accent-bright); }
.footer-v3-col .new-badge {
  font-family: var(--mono); font-size: 9px; font-weight: 700;
  background: var(--accent-bright); color: var(--dark);
  padding: 2px 6px; border-radius: 3px;
  letter-spacing: 0.4px; text-transform: uppercase;
}

/* ─────────── Bottom bar ─────────── */
.footer-v3-bottom {
  padding-top: 24px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; flex-wrap: wrap;
  font-size: 12.5px; color: var(--dark-muted);
  font-family: var(--mono);
  letter-spacing: 0.2px;
}
.footer-v3-bottom .copy { color: var(--dark-muted); }

/* ─────────── Language switcher (dark surface variant) ─────────── */
.footer-v3 .language-holder { position: relative; }
.footer-v3 .language-holder .selected-language {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--dark-line-2);
  border-radius: 99px;
  font-family: var(--sans);
  font-size: 13px; color: var(--dark-ink);
  cursor: pointer;
  transition: border-color .15s, background .15s;
  letter-spacing: -0.05px;
}
.footer-v3 .language-holder .selected-language:hover {
  border-color: var(--dark-line-3);
  background: rgba(255,255,255,.08);
}
.footer-v3 .language-holder .selected-language .flag-icon {
  width: 18px; height: 13px; object-fit: cover; border-radius: 2px;
  display: inline-block; vertical-align: middle;
}
.footer-v3 .language-holder .language-dropdown {
  display: none;
  position: absolute;
  /* override the global footer.css `top: -215px` (sized for 6 langs) — let the box auto-size */
  top: auto;
  bottom: calc(100% + 8px); right: 0; left: auto;
  background: var(--dark-2);
  border: 1px solid var(--dark-line-2);
  border-radius: 12px;
  box-shadow: 0 1px 0 rgba(0,0,0,.20), 0 18px 50px -10px rgba(0,0,0,.50);
  overflow: hidden;
  min-width: 200px;
  z-index: 50;
}
.footer-v3 .language-holder .language-dropdown table {
  width: 100%;
  border-collapse: collapse;
}
.footer-v3 .language-holder .language-dropdown tr {
  cursor: pointer;
  transition: background .12s;
}
.footer-v3 .language-holder .language-dropdown tr:hover { background: rgba(255,255,255,.06); }
.footer-v3 .language-holder .language-dropdown td {
  padding: 9px 12px;
  font-family: var(--sans); font-size: 13px; color: var(--dark-ink);
  vertical-align: middle;
}
.footer-v3 .language-holder .language-dropdown td:first-child { width: 30px; padding-right: 0; }
.footer-v3 .language-holder .language-dropdown td.text { padding-left: 8px; }
.footer-v3 .language-holder .language-dropdown .flag-icon {
  width: 18px; height: 13px; object-fit: cover; border-radius: 2px;
  display: block;
}

/* ─────────── Responsive ─────────── */
@media (max-width: 980px) {
  .footer-v3-top {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
  .footer-v3-brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .footer-v3 { padding: 48px 20px 24px; margin-top: 0; }
  .footer-v3-top { grid-template-columns: 1fr; gap: 28px; padding-bottom: 28px; }
  .footer-v3-bottom { flex-direction: column; align-items: flex-start; gap: 14px; }
  .footer-v3-bottom .language-holder { align-self: flex-start; }
}

/* ==========================================================================
   public/assets/css/final-cta.css
   Bottom sign-up band
   ========================================================================== */
/* Uptimia final-CTA block — v3 design language. Loaded globally on every marketing page
   so the signup_area.html.twig partial renders correctly regardless of which page CSS
   is otherwise active. Self-contained: defines its own tokens. Scoped under .final-cta-outer.

   Style: full-bleed dark section with a wavy line-chart background (v4-style), left-aligned
   content, flowing continuously into the footer. */

/* doubled-class selector bumps specificity to (0,2,0) so it wins against
   homepage-v30.css's `.hp-content * { margin: 0; padding: 0 }` reset (0,1,1). */
.final-cta-outer.final-cta-outer {
  --dark:           #2a2c30;
  --dark-ink-2:     rgba(245,247,250,.84);
  --dark-soft:      rgba(245,247,250,.45);
  --accent:         #00994f;
  --accent-hover:   #04a557;
  --accent-bright:  #4ec97e;
  --ink:            #0c0c0d;

  --display: 'Inter', -apple-system, BlinkMacSystemFont, 'Geist', 'SF Pro Display', 'Segoe UI', sans-serif;
  --serif:   'New York', 'Iowan Old Style', 'Charter', Georgia, serif;
  --mono:    ui-monospace, 'JetBrains Mono', 'SF Mono', 'Geist Mono', Menlo, monospace;
  --ease:    cubic-bezier(.22,.61,.36,1);

  /* full-bleed dark band with a faint dotted world map + glowing checkpoint pins on the right */
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: var(--dark);
  background-image: url('/website/img/svg/cta-map.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 130%;
  position: relative;
  overflow: hidden;
}

.final-cta-outer *, .final-cta-outer *::before, .final-cta-outer *::after { box-sizing: border-box; }

/* Content sits left, constrained so the chart peaks stay visible on the right. */
.final-cta-outer .final-cta.final-cta {
  margin: 0 auto;
}
.final-cta-outer .final-cta {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 96px 28px 120px;
  text-align: left;
  color: #fff;
  min-height: 520px;
  /* override the legacy .final-cta box rules in homepage.css / homepage-v30.css */
  background: transparent;
  border-radius: 0;
  overflow: visible;
}
/* legacy decorative pseudo-elements from homepage(.v30).css must not paint here */
.final-cta-outer .final-cta::before,
.final-cta-outer .final-cta::after { content: none; }

.final-cta-outer .final-cta h2 {
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(32px, 4vw, 46px);
  letter-spacing: -.028em;
  line-height: 1.06;
  color: #fff;
  margin: 0;
  max-width: 620px;
}
/* Heading highlight — direction 02 "colour only", same rule the hero H1s use
   (`.hero h1 em` in marketing/css/base.css). `font:inherit` kills the UA italic so the
   accent run keeps the headline's exact face, weight and tracking and differs only in
   colour. The band is always dark, so it is always --accent-bright.
   KEEP IN SYNC with public/assets/css/final-cta.css — this file inlines a copy of it. */
.final-cta-outer .final-cta h2 em {
  font: inherit;
  letter-spacing: inherit;
  color: var(--accent-bright);
}
.final-cta-outer .final-cta p {
  margin: 18px 0 0;
  color: var(--dark-ink-2);
  max-width: 480px;
  font-size: 17px;
  line-height: 1.55;
}

/* CTA button — solid brand green */
.final-cta-outer .final-cta .cta-only {
  margin: 36px 0 0;
  display: flex;
  justify-content: flex-start;
}
.final-cta-outer .final-cta .try-go {
  background: var(--accent);
  color: #fff;
  border: none;
  padding: 14px 26px;
  border-radius: 10px;
  font: inherit;
  font-weight: 600;
  font-size: 14.5px;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 6px 18px -8px rgba(0,153,79,.5);
  transition: background .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);
}
.final-cta-outer .final-cta .try-go:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -8px rgba(0,153,79,.55);
}
.final-cta-outer .final-cta .try-go .arr { transition: transform .2s var(--ease); }
.final-cta-outer .final-cta .try-go:hover .arr { transform: translateX(2px); }

/* Reassurance row — left aligned */
.final-cta-outer .final-cta .try-reassure {
  margin-top: 18px;
  display: flex;
  gap: 18px;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--dark-ink-2);
}
.final-cta-outer .final-cta .try-reassure span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.final-cta-outer .final-cta .try-reassure svg {
  color: var(--accent-bright);
  flex: 0 0 auto;
}

.final-cta-outer .final-cta .meta {
  margin-top: 22px;
  color: rgba(245,247,250,.62);
  font-size: 13px;
  font-family: var(--mono);
}

@media (max-width: 768px) {
  .final-cta-outer .final-cta {
    padding: 64px 24px 80px;
    min-height: 0;
    text-align: center;
  }
  .final-cta-outer .final-cta h2,
  .final-cta-outer .final-cta p {
    margin-left: auto;
    margin-right: auto;
  }
  .final-cta-outer .final-cta .cta-only,
  .final-cta-outer .final-cta .try-reassure {
    justify-content: center;
  }
  .final-cta-outer.final-cta-outer {
    background-size: auto 55%;
    background-position: center bottom;
  }
}

/* ==========================================================================
   public/assets/css/faq.css
   FAQ accordion
   ========================================================================== */
/* Uptimia FAQ — v3 design language. Loaded globally on every marketing page so
   any page using <details class="faq-item"> gets a consistent look. Self-contained:
   defines its own tokens to avoid relying on homepage-v30/v3.css being present. */

.faq-list {
  --line:    #ededee;
  --line-2:  #e3e3e5;
  --ink:     #0c0c0d;
  --muted:   #3a3a40;
  --accent:  #007e42;

  --display: 'Inter', -apple-system, BlinkMacSystemFont, 'Geist', 'SF Pro Display', 'Segoe UI', sans-serif;
  --ease:    cubic-bezier(.22,.61,.36,1);

  max-width: 760px;
  margin: 32px auto 0;
}

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

.faq-item {
  border-bottom: 1px solid var(--line);
  padding: 0;
  margin: 0;
}
.faq-item:first-child {
  border-top: 1px solid var(--line);
}

.faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 22px 8px 22px 0;
  font-family: var(--display);
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -.014em;
  color: var(--ink);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  transition: color .2s var(--ease);
  outline: none;
}
.faq-item summary:hover { color: var(--accent); }
.faq-item summary:focus-visible { color: var(--accent); }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::marker { content: ''; }

/* Chevron — rotates on open */
.faq-item summary::after {
  content: '';
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M3 5l4 4 4-4' stroke='%230c0c0d' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform .25s var(--ease);
}
.faq-item[open] summary::after { transform: rotate(180deg); }

.faq-item p {
  padding: 0 8px 24px 0;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  max-width: 62ch;
  line-height: 1.6;
}
.faq-item p + p { padding-top: 0; }

/* ==========================================================================
   public/assets/css/homepage.css
   HOMEPAGE-ONLY: hero, engines, how-it-works, incident, use-cases, status pages, why, integrations, probes, pricing teaser
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
    /* Bright body — same as v33 */
    --bg:        #ffffff;
    --bg-2:      #fafafa;
    --bg-3:      #f6f6f7;
    --surface:   #ffffff;

    --line:      #ededee;
    --line-2:    #e3e3e5;
    --line-3:    #c8c8cc;

    --ink:       #0c0c0d;
    --ink-2:     #1f1f22;
    --ink-3:     #3f3f44;
    --muted:     #3a3a40;   /* darkened from #6e6e76 for readability on white */
    --soft:      #98989f;   /* decorative only — never carries information */
    --faint:     #d6d6d9;

    /* Dark hero palette — true charcoal, neutral with faint warm undertone */
    --dark:        #2a2c30;
    --dark-2:      #34373c;
    --dark-3:      #3e4248;
    --dark-line:   rgba(255,255,255,.05);
    --dark-line-2: rgba(255,255,255,.09);
    --dark-ink:    #f5f7fa;
    --dark-ink-2: rgba(245,247,250,.84);
    --dark-muted: rgba(245,247,250,.6);
    --dark-soft:  rgba(245,247,250,.4);

    /* Uptimia green — refined, with brighter shade for dark surfaces */
    --accent:        #007e42;
    --accent-2:      #006336;
    --accent-soft:   #f0f7f3;
    --accent-line:   #d4e8de;
    --accent-bright: #4ec97e;   /* brighter green that reads on dark — matches marketing/css/tokens.css (the /website-uptime-monitoring family) */
    --accent-glow:   rgba(78,201,126,.18);

    /* Status */
    --good:      #007e42;
    --warn:      #b67800;
    --bad:       #c0382b;

    --sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Geist', 'SF Pro Text', 'Segoe UI', sans-serif;
    --display: 'Inter', -apple-system, BlinkMacSystemFont, 'Geist', 'SF Pro Display', 'Segoe UI', sans-serif;
    --serif:   'New York', 'Iowan Old Style', 'Charter', Georgia, serif;
    --mono:    ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, monospace;

    --container: 1344px;
    --container-narrow: 880px;
    --radius:    14px;
    --radius-sm: 10px;
    --radius-xs: 7px;

    --ease: cubic-bezier(.22,.61,.36,1);
  }
/* `height:100%` here capped the body to viewport height, which broke the
     sticky top nav past the hero — let body grow with its content instead. */html{overflow-x:clip}
body{
    font-family:var(--sans);
    background:var(--bg);
    color:var(--ink);
    font-size:16px;line-height:1.6;font-weight:450;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-feature-settings:'cv11','ss01','ss03','tnum';
    overflow-x:clip;
  }
::selection{background:var(--ink);color:#fff}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--line-3)}
.container{max-width:var(--container);margin:0 auto;padding:0 28px}
.container.narrow{max-width:var(--container-narrow)}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono)}
a{color:inherit;text-decoration:none}
/* Eyebrow — section kicker, hidden site-wide per design */.eyebrow{
    display:none;
  }
.eyebrow .dot{
    display:none;
  }
/* Eyebrow on dark */.on-dark .eyebrow{color:var(--dark-muted)}
.on-dark .eyebrow .dot{
    background:var(--accent-bright);
    box-shadow:0 0 0 3px rgba(78,201,126,.16),0 0 8px rgba(78,201,126,.4);
  }
/* Section-heading highlight (direction 02 — colour only), same device as `.hero h1 em`.
   ⭐ DARK BANDS ONLY (user decision 2026-07-29) — light sections carry no highlight and
   their `<em>` was stripped from the markup, so there is no bare `.sec-h em` rule.
   (Replaces the serif-italic `.accent-italic` hook removed 2026-07-28 — the markup now
   uses plain <em>, matching the marketing kit and the final-CTA band.) */
.on-dark .sec-h em,
section.dark .sec-h em{font:inherit;letter-spacing:inherit;color:var(--accent-bright)}
.lede{font-size:17.5px;color:var(--muted);line-height:1.55;max-width:62ch}
/* Buttons */.btn{
    display:inline-flex;align-items:center;gap:.5em;
    height:44px;padding:0 20px;border-radius:10px;
    font-family:inherit;font-size:14px;font-weight:500;letter-spacing:0;
    transition:all .18s var(--ease);cursor:pointer;border:1px solid transparent;
    white-space:nowrap;
  }
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line-2)}
.btn-ghost:hover{border-color:var(--ink-3);background:var(--bg-2)}
.btn-sm{height:36px;padding:0 14px;font-size:13px;border-radius:8px}
.btn .arr{transition:transform .2s var(--ease)}
.btn:hover .arr{transform:translateX(2px)}
/* Buttons on dark surface */.on-dark .btn-primary{background:var(--accent-bright);color:var(--dark);border-color:var(--accent-bright)}
.on-dark .btn-primary:hover{background:#fff;border-color:#fff;color:var(--ink)}
.on-dark .btn-ghost{
    background:rgba(255,255,255,.04);color:var(--dark-ink);
    border:1px solid var(--dark-line-2);
  }
.on-dark .btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32)}
/* Sections */section{padding:112px 0;position:relative}
section.alt{background:var(--bg-2)}
section.dark{background:var(--ink);color:#fff}
.sec-head{margin-bottom:48px;max-width:760px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-h{
    font-family:var(--display);font-weight:600;font-size:clamp(34px,4vw,52px);
    letter-spacing:-.025em;line-height:1.04;margin-top:0;color:var(--ink);
  }
.on-dark .sec-h{color:var(--dark-ink)}
.sec-sub{margin-top:18px;color:var(--muted);font-size:17px;line-height:1.55;max-width:60ch}
.on-dark .sec-sub{color:var(--dark-ink-2)}
.sec-head.center .sec-sub{margin-left:auto;margin-right:auto}
/* ---------------- Top nav (sits over the dark hero) ---------------- */.nav{
    position:sticky;top:0;z-index:50;
    background:rgba(28,32,39,.55);
    backdrop-filter:saturate(160%) blur(14px);
    -webkit-backdrop-filter:saturate(160%) blur(14px);
    border-bottom:1px solid var(--dark-line);
    transition:background .25s ease, border-color .25s ease;
  }
/* When user scrolls past the hero, nav transitions to bright */.nav-inner{
    max-width:var(--container);margin:0 auto;padding:0 28px;
    height:64px;display:flex;align-items:center;justify-content:space-between;gap:32px;
  }
.brand{
    font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.015em;
    display:flex;align-items:center;gap:9px;color:var(--dark-ink);
    transition:color .25s ease;
  }
.brand-mark{
    width:22px;height:22px;border-radius:6px;
    background:linear-gradient(135deg, var(--accent-bright) 0%, var(--accent) 100%);
    position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(255,255,255,.05);
  }
.brand-mark::after{
    content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:6px;height:6px;border-radius:50%;background:#fff;
  }
.nav-links{display:flex;align-items:center;gap:30px;font-size:14px}
.nav-links a{color:var(--dark-ink-2);transition:color .18s var(--ease);font-weight:500}
.nav-links a:hover{color:var(--dark-ink)}
.nav .btn-ghost{
    background:rgba(255,255,255,.04);color:var(--dark-ink);
    border:1px solid var(--dark-line-2);
  }
.nav .btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.nav .btn-primary{background:var(--accent-bright);color:var(--dark);border-color:var(--accent-bright)}
.nav .btn-primary:hover{background:#fff;border-color:#fff;color:var(--ink)}
/* ---------------- Hero (DARK) ---------------- *//* Hero runs 1440px wide so the dashboard demo card has room to breathe; the
     rest of the marketing page sections stay at the default 1344px container. */.hero{
    background:var(--dark);
    color:var(--dark-ink);
    /* Bottom padding is 45px to match the /website-uptime-monitoring hero
       (components.css `.hero{padding:96px 0 45px}`) now that the proof strip
       closes the hero. The top padding stays larger because this hero pulls up
       under the overlapping nav (margin-top:-65px). */
    padding:120px 0 45px;
    position:relative;overflow:hidden;
    margin-top:-65px;padding-top:145px;
  }
.hero > .container{max-width:1440px}
/* Neutral dark — depth comes from a single soft top-edge highlight, not color */.hero::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(ellipse 1400px 500px at 50% -10%, rgba(255,255,255,.04), transparent 60%),
      radial-gradient(ellipse 700px 400px at 85% 30%, rgba(78,201,126,.05), transparent 65%);
  }
/* Faint film-grain for premium tactile feel */.hero::after{
    content:'';position:absolute;inset:0;pointer-events:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
    opacity:.5;mix-blend-mode:overlay;
  }
/* Green horizon line — single hairline accent at bottom of hero (the brand signature) */.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:88px;align-items:center}
.hero h1{
    font-family:var(--display);font-weight:700;
    font-size:clamp(44px,5.4vw,57px);
    line-height:1.12;letter-spacing:-.022em;
    margin-top:0;color:var(--dark-ink);
  }
/* Hero H1 highlight (direction 02 — colour only): the phrase keeps the headline's own
   face and weight, and carries the emphasis itself; the only change is the green.
   `font:inherit` resets any serif/italic inheritance. Heroes are dark, so --accent-bright. */
.hero h1 em{
    font:inherit;letter-spacing:inherit;
    color:var(--accent-bright);
  }
.hero .lede{
    margin-top:24px;font-size:19px;max-width:54ch;
    color:var(--dark-ink-2);
  }
/* The hero sub-headline is an <h2> for document outline / SEO, but must read as body
   copy — strip the UA heading defaults (bold, display face, own margins). */
.hero h2.lede{
    font-family:var(--sans);font-weight:400;
    line-height:1.55;letter-spacing:0;
    margin-bottom:0;
  }
.hero-cta{margin-top:36px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero-cta .btn-primary{background:var(--accent-bright);color:var(--dark);border-color:var(--accent-bright)}
.hero-cta .btn-primary:hover{background:#fff;border-color:#fff;color:var(--ink)}
.hero-cta .btn-ghost{
    background:rgba(255,255,255,.04);color:var(--dark-ink);
    border:1px solid var(--dark-line-2);
  }
.hero-cta .btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32)}
.hero-meta{margin-top:24px;color:var(--dark-muted);font-size:13px;display:flex;gap:24px;flex-wrap:wrap}
.hero-meta .item{display:flex;align-items:center;gap:7px}
.hero-meta .item svg{flex:0 0 auto;color:var(--accent-bright)}

/* ── Hero headline scale — HOMEPAGE ONLY ──
   The hero treatment itself (vertical balance, column-derived headline, pinned
   card) is shared by all 44 vg3 heroes and lives in marketing/css/dashboard.css —
   do not re-add a copy here, it would silently diverge. This page differs in ONE
   respect: its headline ceiling is 57px where the other heroes run 52px (see
   `.hero h1` above). --h1-k rescales dashboard.css's whole clamp — floor, slope and
   ceiling together — so the headline keeps the same ~9% of the copy column that the
   others do. 57/52 = 1.096. Change this only alongside that ceiling. */
.homepage .hero-a3{--h1-k:1.096}
/* ===== Hero SCREENSHOT — real dashboard image (kept for fallback) ===== */.hero-shot{
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 2px 4px rgba(0,0,0,.12),0 30px 70px -24px rgba(0,0,0,.42);
    background:#fff;
    position:relative;
  }
.hero-shot img{
    display:block;width:100%;height:auto;
  }
/* ===== Hero DASHBOARD — HTML/CSS recreation of the real /cp dashboard =====
     Mirrors the actual product chrome: dark sidebar, topbar, monitor card grid.
     Tokens (#2c3e50 sidebar, #00a35f brand, #f4f4f5 canvas) match the canonical
     mockup at docs/dashboard-mockups/dashboard.html. *//* Tilted-3D wrapper. Perspective lives on the parent so the dashboard
     itself can rotate in z-space; a soft brand-green halo sits beneath it. */.hero-dash-wrap{
    perspective:2200px;
    position:relative;
  }
.hero-dash-wrap::after{
    content:'';
    position:absolute;left:8%;right:8%;bottom:-30px;height:80px;
    background:radial-gradient(ellipse at center, rgba(0,163,95,.45), transparent 70%);
    filter:blur(20px);
    z-index:0;pointer-events:none;
  }
.hero-dash{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 2px 4px rgba(0,0,0,.12),0 30px 70px -24px rgba(0,0,0,.42);
    position:relative;
    /* Block text selection/copy — this is a marketing mockup, not real content. */
    user-select:none;
    -webkit-user-select:none;
    cursor:default;
  }
/* Anti-text-selection mask applied to every graphic mockup on the page —
     consumers see the visuals but can't copy mock content. Each container
     gets user-select:none, a transparent overlay ::before that intercepts
     mouse events, and image drag-prevention. The .hero-dash variants above
     already set their own version of this. */.mock,
.eng-vis,
.timeline-card{
    user-select:none;
    -webkit-user-select:none;
    cursor:default;
    position:relative;
  }
.mock::before,
.eng-vis::before,
.timeline-card::before{
    content:'';position:absolute;inset:0;z-index:10;
    pointer-events:auto;background:transparent;
  }
.mock img,
.eng-vis img,
.timeline-card img{
    -webkit-user-drag:none;user-drag:none;pointer-events:none;
  }
/* When wrapped in .hero-dash-wrap, tilt back and replace the flat shadow
     with a deeper one plus a green-tinted side glow. */.hero-dash-wrap > .hero-dash{
    transform:rotateY(-9deg) rotateX(6deg) rotateZ(.5deg) scale(.92);
    transform-origin:center center;
    box-shadow:0 2px 4px rgba(0,0,0,.18),
               0 60px 100px -30px rgba(0,0,0,.55),
               -40px 30px 80px -40px rgba(0,163,95,.28);
    transition:transform .6s cubic-bezier(.2,.7,.2,1);
    z-index:1;
  }
.hero-dash-wrap:hover > .hero-dash{
    transform:rotateY(-5deg) rotateX(3deg) rotateZ(0) scale(.92);
  }
@media (prefers-reduced-motion: reduce){.hero-dash-wrap > .hero-dash{transition:none}
}
/* Transparent overlay that captures all mouse interaction. Sits above the card
     contents but is invisible — prevents click-drag selection and link clicks. */.hero-dash::before{
    content:'';position:absolute;inset:0;z-index:10;
    pointer-events:auto;background:transparent;
  }
/* Don't let the logo image be dragged out as a file. */.hero-dash img{
    -webkit-user-drag:none;user-drag:none;pointer-events:none;
  }
.hero-dash .app{display:grid;grid-template-columns:158px 1fr;min-height:470px}
/* Sidebar */.hero-dash .sb{
    background:#2c3e50;color:#f4f4f5;
    display:flex;flex-direction:column;font-size:11.5px;
  }
.hero-dash .sb-head{
    height:38px;padding:0 12px;
    display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
.hero-dash .sb-logo{display:inline-flex;align-items:center}
/* Two-logo toggle (wordmark vs. icon-only) — default desktop shows
     the wordmark; the ≤980px override below swaps to the icon-only mark
     to mirror the real CP's collapsed sidebar state. */.hero-dash .sb-logo-big{display:block;height:18px;width:auto}
.hero-dash .sb-logo-small{display:none;height:18px;width:auto}
.hero-dash .sb-collapse{
    width:22px;height:22px;border-radius:5px;
    display:grid;place-items:center;color:rgba(255,255,255,.5);
  }
.hero-dash .sb-collapse svg{width:13px;height:13px}
.hero-dash .sb-nav{padding:8px 6px;flex:1;overflow:hidden}
.hero-dash .sb-item{
    display:flex;align-items:center;gap:8px;
    padding:5px 8px;border-radius:5px;
    color:rgba(255,255,255,.78);font-weight:500;letter-spacing:-.005em;
    margin:1px 0;cursor:default;
  }
.hero-dash .sb-item svg{width:12px;height:12px;opacity:.8;flex:0 0 auto}
.hero-dash .sb-item .chev{margin-left:auto;opacity:.55}
.hero-dash .sb-item.active{
    background:rgba(0,163,95,.13);color:#34d399;font-weight:600;
  }
.hero-dash .sb-item.active svg{color:#34d399;opacity:1}
.hero-dash .sb-sub{display:flex;flex-direction:column;margin:0 0 4px 22px}
.hero-dash .sb-sub a{
    padding:3px 8px;border-radius:4px;
    color:rgba(255,255,255,.62);font-size:11px;font-weight:500;
    text-decoration:none;cursor:default;
  }
.hero-dash .sb-sub a.active{background:rgba(0,163,95,.13);color:#34d399;font-weight:600}
.hero-dash .sb-divider{
    height:1px;background:rgba(255,255,255,.06);margin:6px 8px;
  }
/* ≤980px — collapse the in-mockup sidebar to an icons-only rail
     (mirrors the real CP's collapsed sidebar state). Placed AFTER all
     default .hero-dash .sb-* rules so source-order specificity wins.
     - sidebar track 158px → 48px
     - hide text labels via font-size:0
     - hide chevrons, sub-nav, collapse button
     - swap wordmark logo for icon-only logo */@media (max-width:980px){.hero-dash .app{grid-template-columns:48px 1fr}
.hero-dash .sb-nav{padding:8px 4px}
.hero-dash .sb-item{
      justify-content:center;padding:8px 0;gap:0;font-size:0;
    }
.hero-dash .sb-item .chev{display:none}
.hero-dash .sb-sub{display:none}
.hero-dash .sb-head{padding:0;justify-content:center}
.hero-dash .sb-collapse{display:none}
.hero-dash .sb-logo-big{display:none}
.hero-dash .sb-logo-small{display:block}
/* Stacked-mobile: mockup spans full width, so let cards flex to fill (no fixed-width
     right gap). Extra-class selector outranks the later base rule (media queries add no specificity). */
.hero-dash-wrap .hero-dash .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Main area */.hero-dash .main{display:flex;flex-direction:column;min-width:0;background:#f4f4f5}
.hero-dash .tb{
    height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;
    background:#fff;border-bottom:1px solid var(--line);
  }
.hero-dash .tb-search{
    flex:1;display:flex;align-items:center;gap:7px;
    height:26px;padding:0 10px;
    border:1px solid var(--line-2);border-radius:6px;background:#fafafa;
    color:var(--soft);font-size:11.5px;
  }
.hero-dash .tb-search svg{width:12px;height:12px;color:var(--soft)}
.hero-dash .tb-actions{display:flex;align-items:center;gap:4px}
.hero-dash .tb-ico{
    width:24px;height:24px;border-radius:5px;
    display:grid;place-items:center;color:var(--muted);
  }
.hero-dash .tb-ico svg{width:13px;height:13px}
.hero-dash .tb-user{
    display:inline-flex;align-items:center;gap:6px;
    padding:3px 4px 3px 8px;border-radius:99px;
    font-size:11.5px;font-weight:500;color:var(--ink);
  }
.hero-dash .tb-user .ava{
    width:22px;height:22px;border-radius:50%;
    background:#00a35f;
    color:#fff;font-weight:600;font-size:10px;
    display:grid;place-items:center;
  }
/* Card grid — 3 columns of FIXED-width cards. Cards never resize: when the
     mockup is narrower than 3 cards the right column overflows and is clipped
     (overflow:hidden), instead of squishing. Fills the capped 1440px desktop. */.hero-dash .grid{
    flex:1;padding:12px;
    display:grid;grid-template-columns:repeat(3,182px);gap:8px;
    justify-content:start;align-content:start;overflow:hidden;
  }
.hero-dash .mcard{
    background:#fff;border:1px solid var(--line);border-radius:7px;
    padding:9px 10px;box-shadow:0 1px 1px rgba(15,17,26,.03);
    display:flex;flex-direction:column;gap:4px;min-height:80px;
  }
.hero-dash .mcard.down{background:#fef5f5;border-color:#f5cdcd}
.hero-dash .mcard-top{display:flex;align-items:center;gap:6px;min-width:0}
.hero-dash .mcard-dot{
    width:6px;height:6px;border-radius:50%;background:#15803d;flex:0 0 auto;
  }
.hero-dash .mcard.down .mcard-dot{background:#b91c1c}
.hero-dash .mcard-name{
    font-weight:600;font-size:11.5px;color:var(--ink);letter-spacing:-.01em;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto;
  }
.hero-dash .mcard.down .mcard-name{color:#b91c1c}
.hero-dash .mcard-tag{
    font-family:var(--mono);font-size:8px;font-weight:600;
    color:var(--muted);letter-spacing:.08em;
    padding:1px 4px;border:1px solid var(--line-2);border-radius:3px;
    background:#fafafa;flex:0 0 auto;
  }
.hero-dash .mcard-top .right{
    margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--soft);
  }
.hero-dash .mcard-cb{
    width:11px;height:11px;border:1px solid var(--line-3);
    border-radius:2px;display:inline-block;
  }
.hero-dash .mcard-dots{
    color:var(--soft);font-size:11px;line-height:1;letter-spacing:0;font-weight:700;
  }
.hero-dash .mcard-mid{
    display:flex;align-items:center;gap:6px;min-width:0;font-size:10.5px;
  }
/* Status is now a rounded pill, mirroring the live /cp "Up" badge. */
.hero-dash .mcard-status{
    font-family:var(--sans);font-weight:600;font-size:9px;
    color:#15803d;letter-spacing:.01em;flex:0 0 auto;line-height:1;
    display:inline-flex;align-items:center;gap:4px;
    background:#e6f5ec;border-radius:999px;padding:3px 7px;
  }
.hero-dash .mcard.down .mcard-status{color:#b91c1c;background:#fdeaea}
.hero-dash .mcard-status .d{
    width:5px;height:5px;border-radius:50%;background:#15803d;display:inline-block;
  }
.hero-dash .mcard.down .mcard-status .d{background:#b91c1c}
.hero-dash .mcard-url{
    font-family:var(--mono);font-size:10px;color:var(--muted);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    flex:1;min-width:0;letter-spacing:-.005em;
  }
.hero-dash .mcard.down .mcard-url{color:#b91c1c;opacity:.8}
/* Small red alert dot after a monitor's type tag — open-issue indicator. */
.hero-dash .mcard-alert{
    width:5px;height:5px;border-radius:50%;background:#dc2626;
    flex:0 0 auto;margin-left:-2px;
  }
/* Uptime status-bar strip — the signature element of the new dashboard.
     Drawn as a striped gradient (1 segment ≈ 1 check) so there's no per-bar markup. */
.hero-dash .mcard-bars{
    height:17px;border-radius:2px;margin-top:1px;
    background:repeating-linear-gradient(to right,
      #57b07e 0, #57b07e 5px, transparent 5px, transparent 7px);
  }
.hero-dash .mcard.down .mcard-bars{
    background:repeating-linear-gradient(to right,
      #db8a8a 0, #db8a8a 5px, transparent 5px, transparent 7px);
  }
.hero-dash .mcard-foot{
    display:flex;align-items:baseline;justify-content:space-between;
    font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:auto;
  }
.hero-dash .mcard-uptime{font-size:13px;font-weight:700;color:#15803d;letter-spacing:-.02em}
.hero-dash .mcard.down .mcard-uptime{color:#b91c1c}
.hero-dash .mcard-ms{color:var(--soft);font-weight:500;font-size:9.5px}
.hero-dash .mcard-ms.muted{color:var(--soft);font-weight:400}
/* ===== Hero LIVE FEED — continuous-scroll log of checks ===== *//* Sells "the product is breathing right now". CSS-only loop: 8 unique rows are
     duplicated below, the track scrolls 0 → -50% over 38s, and a top/bottom mask
     fades rows in/out at the edges so the loop is seamless. */.hero-feed{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 2px 4px rgba(0,0,0,.12),0 30px 70px -24px rgba(0,0,0,.42);
    font-family:var(--sans);
    position:relative;
  }
.hf-head{
    height:50px;padding:0 18px;
    display:flex;align-items:center;gap:12px;
    border-bottom:1px solid var(--line);
    background:rgba(255,255,255,.78);
    backdrop-filter:saturate(180%) blur(10px);
    -webkit-backdrop-filter:saturate(180%) blur(10px);
  }
.hf-brand{
    display:inline-flex;align-items:center;gap:9px;
    font-family:var(--display);font-size:13.5px;font-weight:600;
    color:var(--ink);letter-spacing:-.012em;
  }
.hf-brand-mark{
    width:20px;height:20px;border-radius:5px;
    background:linear-gradient(135deg,#34d399 0%,#00a35f 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25);position:relative;
  }
.hf-brand-mark::after{
    content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:6px;height:6px;border-radius:50%;background:#fff;
  }
.hf-pill{
    display:inline-flex;align-items:center;gap:6px;
    padding:3px 9px 3px 8px;border-radius:99px;
    background:#e6f6ee;color:#007a47;
    font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
    border:1px solid #c8ecd6;
  }
.hf-pill-dot{
    width:6px;height:6px;border-radius:50%;background:#00a35f;
    animation:hf-pulse 1.6s ease-out infinite;
  }
@keyframes hf-pulse{0%   {box-shadow:0 0 0 0 rgba(0,163,95,.55)}
100% {box-shadow:0 0 0 7px rgba(0,163,95,0)}
}
.hf-counter{
    margin-left:auto;
    font-family:var(--mono);font-size:11px;color:var(--muted);
    letter-spacing:-.01em;font-variant-numeric:tabular-nums;
  }
.hf-counter .hf-sep{color:var(--soft);margin:0 6px}
/* Scrolling window — masked at top/bottom so rows fade in/out at the edges */.hf-window{
    height:368px;overflow:hidden;position:relative;
    background:#fff;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);
            mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);
  }
.hf-track{
    display:flex;flex-direction:column;
    animation:hf-stream 38s linear infinite;
    will-change:transform;
  }
@keyframes hf-stream{0%   {transform:translateY(0)}
100% {transform:translateY(-50%)}
}
@media (prefers-reduced-motion: reduce){.hf-track{animation:none}
.hf-pill-dot{animation:none}
}
/* Row */.hf-row{
    display:grid;
    grid-template-columns:24px 1fr auto auto;
    gap:14px;align-items:center;
    padding:11px 18px;
    border-bottom:1px solid var(--line);
    font-size:12.5px;flex:0 0 auto;
  }
.hf-ico{
    width:20px;height:20px;border-radius:50%;
    display:grid;place-items:center;flex:0 0 auto;
  }
.hf-ico svg{width:11px;height:11px}
.hf-ico.ok{background:#e6f6ee;color:#15803d}
.hf-ico.warn{background:#fef3e2;color:#b45309}
.hf-ico.bad{background:#fdecec;color:#b91c1c}
.hf-ico.alert{background:#eef0fb;color:#4338ca}
.hf-meta{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.hf-name{
    font-weight:600;color:var(--ink);letter-spacing:-.005em;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
.hf-tag{
    font-family:var(--mono);font-size:9.5px;font-weight:600;
    color:var(--muted);letter-spacing:.06em;
    padding:1px 5px;border:1px solid var(--line-2);border-radius:4px;
    background:#fafafa;flex:0 0 auto;
  }
.hf-tag.alert{background:#eef0fb;color:#4338ca;border-color:#d8ddef}
.hf-region{
    font-family:var(--mono);font-size:10.5px;color:var(--muted);
    letter-spacing:.02em;
  }
.hf-result{
    font-family:var(--mono);font-size:11.5px;font-weight:500;
    font-variant-numeric:tabular-nums;letter-spacing:-.005em;flex:0 0 auto;
  }
.hf-result.good{color:#15803d}
.hf-result.warn{color:#b45309}
.hf-result.bad{color:#b91c1c;font-weight:600}
.hf-result.info{color:#4338ca}
.hf-time{
    font-family:var(--mono);font-size:10.5px;color:var(--soft);
    font-variant-numeric:tabular-nums;flex:0 0 auto;min-width:54px;text-align:right;
  }
/* Hero monitor card — light card on dark hero. No outer border (reads as a hard
     white edge against the charcoal) — the shadow alone carries the lift. */.hero-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:
      0 2px 4px rgba(0,0,0,.12),
      0 30px 70px -24px rgba(0,0,0,.42);
    position:relative;
  }
.hc-body{padding:22px}
.hc-name{display:flex;align-items:center;gap:12px}
@keyframes halo{0%{box-shadow:0 0 0 0 rgba(0,126,66,.35)}
70%{box-shadow:0 0 0 6px rgba(0,126,66,0)}
100%{box-shadow:0 0 0 0 rgba(0,126,66,0)}
}
.hc-spark{display:flex;gap:2px;align-items:flex-end;height:22px}
.hc-spark span{width:3px;border-radius:1px;background:var(--accent);opacity:.55}
/* ===== Hero demo card — dashboard preview variant (.hc-app) =====
     Mirrors the real product dashboard: dark slate-blue sidebar, light tiles,
     availability KPI chart, monitor table with status pills + sparklines.
     Visual tokens (#2c3e50 sidebar, #00a35f brand, #f4f4f5 canvas) come from
     docs/dashboard-mockups/dashboard.html — keep them in sync. */.hc-app{display:grid;grid-template-columns:48px 1fr;min-height:380px}
.hc-app .hc-sb{
    background:#2c3e50;
    padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:4px;
  }
/* Brand mark — white tile with green dot, matches the dashboard mockup's
     "white box, ink-colored glyph" pattern (the U is implied by the dot). */.hc-app .hc-sb-mark{
    width:26px;height:26px;border-radius:7px;
    background:#fff;
    margin-bottom:6px;flex:0 0 auto;position:relative;
    box-shadow:0 1px 2px rgba(0,0,0,.18);
  }
.hc-app .hc-sb-mark::after{
    content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:9px;height:9px;border-radius:50%;
    background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 100%);
  }
/* Sidebar nav items — real-looking icon tiles, not placeholder squares */.hc-app .hc-sb-item{
    width:28px;height:28px;border-radius:7px;
    display:grid;place-items:center;
    color:rgba(255,255,255,.55);
    flex:0 0 auto;transition:color .15s,background .15s;
  }
.hc-app .hc-sb-item svg{width:14px;height:14px}
.hc-app .hc-sb-item.active{
    background:rgba(0,163,95,.13);
    color:#34d399;
  }
.hc-app .hc-sb-item:not(.active):hover{color:rgba(255,255,255,.85)}
.hc-app .hc-main{display:flex;flex-direction:column;min-width:0;background:#f4f4f5}
.hc-app .hc-topbar{
    height:42px;display:flex;align-items:center;gap:10px;
    padding:0 14px;border-bottom:1px solid var(--line);
    background:rgba(255,255,255,.78);
    backdrop-filter:saturate(180%) blur(10px);
    -webkit-backdrop-filter:saturate(180%) blur(10px);
  }
.hc-app .hc-crumb{
    font-size:12.5px;color:var(--muted);letter-spacing:-.005em;flex:1;
    display:flex;align-items:center;gap:6px;font-weight:500;
  }
.hc-app .hc-crumb .crumb-sep{color:var(--soft);font-weight:400}
.hc-app .hc-crumb .crumb-tail{color:var(--ink);font-weight:600}
.hc-app .hc-seg{
    display:inline-flex;background:#fff;border:1px solid var(--line-2);
    border-radius:7px;padding:2px;gap:0;
  }
.hc-app .hc-seg button{
    appearance:none;border:none;background:transparent;
    font:inherit;font-size:10.5px;font-weight:500;color:var(--muted);
    padding:3px 8px;border-radius:5px;cursor:pointer;letter-spacing:.02em;
  }
.hc-app .hc-seg button.active{background:#00a35f;color:#fff}
.hc-app .hc-avatar{
    width:22px;height:22px;border-radius:50%;flex:0 0 auto;
    background:#00a35f;
  }
.hc-app .hc-body{padding:14px;display:flex;flex-direction:column;gap:12px;background:#f4f4f5}
/* KPI tile */.hc-app .hc-tile{
    background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;
    box-shadow:0 1px 2px rgba(15,17,26,.04);
  }
.hc-app .hc-tile-head{
    display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;
  }
.hc-app .hc-label{
    font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:var(--muted);
  }
.hc-app .hc-delta{
    display:inline-flex;align-items:center;gap:4px;
    font-size:10.5px;font-weight:600;color:#15803d;
    background:#e6f6ee;border-radius:99px;padding:2px 8px;
    font-variant-numeric:tabular-nums;
  }
.hc-app .hc-kpi{
    font-family:var(--display);font-weight:600;font-size:28px;letter-spacing:-.025em;
    color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;
  }
.hc-app .hc-kpi-suffix{color:var(--muted);font-size:18px;font-weight:500;margin-left:2px}
.hc-app .hc-chart{display:block;width:100%;height:54px;margin-top:8px}
/* Monitor table */.hc-app .hc-table{
    background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;
    box-shadow:0 1px 2px rgba(15,17,26,.04);
  }
.hc-app .hc-trow{
    display:grid;grid-template-columns:1fr auto 60px;gap:10px;
    align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);
    font-size:12px;
  }
.hc-app .hc-trow:last-child{border-bottom:none}
.hc-app .hc-trow.head{
    background:#fafafa;padding:6px 12px;
    font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);
  }
.hc-app .hc-mon{display:flex;align-items:center;gap:8px;min-width:0}
.hc-app .hc-mon .hc-name{
    font-weight:600;font-size:12.5px;color:var(--ink);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    display:inline-block;
  }
.hc-app .hc-pill{
    display:inline-flex;align-items:center;gap:5px;
    padding:2px 7px 2px 6px;border-radius:99px;
    font-size:10px;font-weight:600;letter-spacing:.02em;
    border:1px solid transparent;white-space:nowrap;flex:0 0 auto;
  }
.hc-app .hc-pill .d{width:5px;height:5px;border-radius:50%;display:inline-block}
.hc-app .hc-pill.ok{background:#e6f6ee;color:#15803d;border-color:#cfead9}
.hc-app .hc-pill.ok .d{background:#15803d}
.hc-app .hc-pill.warn{background:#fef3e2;color:#b45309;border-color:#f3e0bd}
.hc-app .hc-pill.warn .d{background:#b45309}
.hc-app .hc-pill.bad{background:#fdecec;color:#b91c1c;border-color:#f5cdcd}
.hc-app .hc-pill.bad .d{background:#b91c1c}
.hc-app .hc-type{
    font-family:var(--mono);font-size:9.5px;font-weight:500;
    color:var(--muted);letter-spacing:.05em;
    padding:1px 5px;border:1px solid var(--line-2);border-radius:4px;
    background:#fafafa;flex:0 0 auto;
  }
.hc-app .hc-resp{display:flex;align-items:center;gap:8px}
.hc-app .hc-ms{
    font-family:var(--mono);font-size:12px;color:var(--ink);font-weight:500;
    font-variant-numeric:tabular-nums;letter-spacing:-.01em;
  }
.hc-app .hc-ms .u{color:var(--muted);font-size:10.5px;margin-left:1px;font-weight:400}
.hc-app .hc-spark-svg{width:60px;height:16px;display:block}
.hc-app .hc-up{
    font-family:var(--mono);font-size:11.5px;font-weight:500;text-align:right;
    font-variant-numeric:tabular-nums;
  }
.hc-app .hc-up.good{color:#15803d}
.hc-app .hc-up.warn{color:#b45309}
.hc-app .hc-up.bad{color:#b91c1c}
/* ---------------- Hero proof strip ----------------
   Adopted 2026-07-28 from /website-uptime-monitoring (public/assets/marketing/css/proofstrip.css):
   the stats sit INSIDE the dark hero, label above the number, left-aligned, hairline
   dividers between cells, and the + / M carried in --accent-bright. Replaces the former
   white `.trusted-band` row that sat under the hero (markup moved into the hero container). */
.hero .proof-strip{
    position:relative;z-index:1;
    margin-top:40px;border-top:1px solid var(--dark-line-2);padding-top:28px;
    display:grid;grid-template-columns:repeat(4,1fr);
  }
.hero .proof-strip .proof-cell{
    padding:2px 26px;border-left:1px solid var(--dark-line-2);text-align:left;
  }
.hero .proof-strip .proof-cell:first-child{border-left:0;padding-left:0}
/* Word units ("90 days", "10 min") need a gap; single-character ones ("50M", "30s") must not.
   Mirrors the same rule in marketing/css/proofstrip.css — the homepage does not load that file. */
.hero .proof-strip .proof-num .unit.u-word{margin-left:.22em}
.hero .proof-strip .proof-lbl{
    font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:var(--dark-soft);white-space:nowrap;
  }
.hero .proof-strip .proof-num{
    margin-top:8px;font-family:var(--display);font-weight:600;
    font-size:clamp(23px,2.2vw,30px);letter-spacing:-.02em;line-height:1;
    color:var(--dark-ink);font-variant-numeric:tabular-nums;
  }
/* The unit (the M in 50M+) is part of the number — keep it digit-sized, in the accent green. */
.hero .proof-strip .proof-num .plus,
.hero .proof-strip .proof-num .unit{color:var(--accent-bright);font-weight:600}
/* ---------------- Engines (tabbed) ---------------- */.engines{display:grid;grid-template-columns:300px 1fr;gap:48px;margin-top:32px}
.eng-rail{display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line)}
.eng-tab{
    text-align:left;padding:18px 22px;background:none;cursor:pointer;
    border:none;border-left:2px solid transparent;margin-left:-1px;
    font-family:inherit;color:var(--muted);transition:all .2s var(--ease);
    border-radius:0 8px 8px 0;
  }
.eng-tab .et-num{
    font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.1em;
    display:block;margin-bottom:4px;font-weight:500;
  }
.eng-tab .et-title{
    font-family:var(--display);font-weight:600;font-size:17px;color:var(--ink-2);
    letter-spacing:-.012em;display:block;
  }
.eng-tab .et-sub{font-size:13px;color:var(--muted);margin-top:4px;display:none;line-height:1.4}
.eng-tab:hover .et-title{color:var(--ink)}
.eng-tab.active{background:var(--accent-soft);border-left-color:var(--accent)}
.eng-tab.active .et-num{color:var(--accent)}
.eng-tab.active .et-title{color:var(--ink)}
.eng-tab.active .et-sub{display:block}
.eng-stage{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:40px;min-height:480px;
    box-shadow:0 1px 2px rgba(12,12,13,.03),0 24px 60px -32px rgba(12,12,13,.1);
  }
.eng-panel{display:none}
.eng-panel.active{display:block;animation:fadein .4s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}
.eng-panel h3{
    font-family:var(--display);font-weight:600;font-size:28px;letter-spacing:-.022em;
    line-height:1.12;margin-bottom:12px;color:var(--ink);max-width:42ch;
  }
.eng-panel p.eng-lead{color:var(--muted);max-width:54ch;margin-bottom:28px;font-size:15.5px}
.eng-panel ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin-top:8px}
.eng-panel li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}
.eng-panel li svg{flex:0 0 auto;color:var(--accent);margin-top:3px}
.eng-vis{
    margin-top:28px;background:var(--bg-2);border:1px solid var(--line);
    border-radius:10px;padding:20px;
  }
.eng-vis-bars{display:flex;align-items:flex-end;gap:5px;height:80px;margin-top:12px}
.eng-vis-bars span{flex:1;background:var(--accent);border-radius:2px 2px 0 0;opacity:.32}
.eng-vis-bars span.tall{opacity:.85}
.eng-vis-key{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px;font-variant-numeric:tabular-nums}
/* SSL ring */.ssl-ring{display:flex;align-items:center;gap:28px}
.ring{
    width:120px;height:120px;border-radius:50%;
    background: conic-gradient(var(--accent) 0 78%, var(--line) 78% 100%);
    display:grid;place-items:center;position:relative;
  }
.ring::after{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--bg-2)}
.ring-num{position:relative;z-index:1;font-family:var(--display);font-weight:600;font-size:28px;color:var(--ink);text-align:center;letter-spacing:-.02em}
.ring-num small{display:block;font-family:var(--sans);font-weight:500;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-top:2px}
/* ---------------- How it works ---------------- */.how-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:0;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  }
/* ---------------- Use cases (segmented control — canonical) ---------------- */.role-pill-wrap{
    display:flex;justify-content:center;
    margin-bottom:48px;
  }
.role-pills{
    /* Wrap to a second row when localized labels (NL/DE/etc.) push total width
       past max-width. flex:1->1 1 auto on .role-pill lets each chip size to
       its own content instead of forcing 4 equal-width slots. */
    display:flex;flex-wrap:wrap;gap:6px;justify-content:center;
    padding:6px;background:var(--bg-3);border-radius:14px;border:1px solid var(--line);
    width:100%;max-width:780px;
  }
.role-pill{
    border:none;background:transparent;cursor:pointer;font:inherit;
    padding:10px 16px;border-radius:9px;
    display:flex;align-items:center;gap:10px;text-align:left;
    color:var(--muted);flex:1 1 auto;
    transition:all .2s var(--ease);
  }
.role-pill:hover{color:var(--ink-2);background:rgba(255,255,255,.55)}
.role-pill.active{
    background:#fff;color:var(--ink);
    box-shadow:
      0 1px 2px rgba(12,12,13,.06),
      0 4px 10px -4px rgba(12,12,13,.10);
  }
.role-pill .rp-icon{
    width:30px;height:30px;border-radius:8px;
    display:grid;place-items:center;
    background:rgba(255,255,255,.5);color:var(--ink-3);
    border:1px solid transparent;flex:0 0 auto;
    transition:all .2s var(--ease);
  }
.role-pill.active .rp-icon{
    background:var(--accent-soft);color:var(--accent);
    border-color:var(--accent-line);
  }
.role-pill .rp-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}
.role-pill .rp-label{
    font-family:var(--display);font-weight:600;font-size:13.5px;letter-spacing:-.01em;
    line-height:1.2;color:inherit;
    white-space:nowrap;
  }
.role-pill .rp-sub{
    font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);font-weight:600;line-height:1;
    white-space:nowrap;
  }
.role-pill.active .rp-sub{color:var(--accent)}
.role-pill .rp-arrow{display:none}
.role-panel{display:none;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.role-panel.active{display:grid;animation:fadein .4s var(--ease)}
.role-panel h3{
    font-family:var(--display);font-weight:600;font-size:36px;letter-spacing:-.028em;
    line-height:1.06;margin-bottom:16px;color:var(--ink);
  }
.role-panel h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}
.role-panel p.lede{font-size:17px;margin-bottom:24px}
.role-bullets{list-style:none;display:flex;flex-direction:column;gap:12px}
.role-bullets li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-2);font-size:14.5px}
.role-bullets li svg{flex:0 0 auto;color:var(--accent);margin-top:3px}
/* role visuals *//* ---- Use-cases panel visuals: bright (matches Status-pages sp-card) ----
     Each visual maps the dark-mode tokens (used inside the rules below) back
     onto bright/light values — no need to rewrite each rule. *//* Light-mode fixups for elements that used dark-only color values *//* Devs — codebox (DARK) *//* dark-mode syntax colors *//* keyword — soft pink *//* string — bright green *//* comment — muted *//* variable — soft blue *//* ---------- Browser-frame mockup (use-case visualisations) ---------- */.role-mockup{
    /* Same anti-text-selection treatment as other mockups */
    user-select:none;-webkit-user-select:none;cursor:default;position:relative;
  }
.role-mockup::before{
    content:'';position:absolute;inset:0;z-index:10;pointer-events:auto;background:transparent;
  }
/* ---------- Dark API console (Dev use-case) ----------
     A terminal-style window with a method/URL header and a JSON response.
     No browser chrome — just the console itself, on a dark canvas. */.dev-console{
    background:#1a2230;border-radius:12px;overflow:hidden;
    box-shadow:0 2px 4px rgba(0,0,0,.12),0 30px 70px -28px rgba(0,0,0,.55);
    /* Same anti-text-selection treatment as the other mockups */
    user-select:none;-webkit-user-select:none;cursor:default;position:relative;
  }
.dev-console::before{
    content:'';position:absolute;inset:0;z-index:10;pointer-events:auto;background:transparent;
  }
.dev-console-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:9px 14px;
    background:rgba(255,255,255,.025);
    border-bottom:1px solid rgba(255,255,255,.06);
  }
.dev-console-req{
    display:flex;align-items:center;gap:8px;min-width:0;
  }
.dev-console-method{
    font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.08em;
    color:#34d399;
  }
.dev-console-url{
    font-family:var(--mono);font-size:11px;color:#cbd5e1;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
  }
.dev-console-status{
    display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;
    font-family:var(--mono);font-size:10px;color:#34d399;font-weight:600;letter-spacing:.04em;
  }
.dev-console-status .d{
    width:5px;height:5px;border-radius:50%;background:#34d399;
  }
.dev-console-status .lat{color:#94a3b8;font-weight:500}
.dev-console-body{
    padding:14px 16px;
  }
.dev-console-body pre{
    margin:0;
    font-family:var(--mono);font-size:10.5px;line-height:1.6;
    color:#e5e7eb;white-space:pre;overflow-x:auto;
  }
.dev-console-body pre .c {color:#64748b;font-style:italic}
/* comments (curl line) */.dev-console-body pre .k {color:#7dd3fc}
/* JSON keys */.dev-console-body pre .s {color:#86efac}
/* strings */.dev-console-body pre .n {color:#fbbf24}
/* numbers */.dev-console-body pre .kw{color:#f472b6}
/* keywords (null) */
/* ---------------- Status pages ---------------- */.sp-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:center}
.sp-card{
    background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
    box-shadow:0 1px 2px rgba(12,12,13,.04),0 24px 60px -32px rgba(12,12,13,.14);
  }
/* Browser-style URL bar (keep, but switch to white) */.sp-bar{padding:11px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fff;gap:14px}
.sp-bar .dots{display:flex;gap:5px;flex:0 0 auto}
.sp-bar .dots i{width:8px;height:8px;border-radius:50%;background:var(--line-3);opacity:.55}
.sp-lang{
    appearance:none;background:#fff;border:1px solid var(--line-2);
    padding:5px 26px 5px 12px;border-radius:7px;font:inherit;font-size:11.5px;color:var(--ink-2);
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' stroke='%236e6e76' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;
    transition:border-color .15s var(--ease);flex:0 0 auto;
  }
.sp-lang:hover{border-color:var(--ink-3)}
/* Branded header row: logo + name + subscribe action */.sp-headerline{
    padding:14px 20px;border-bottom:1px solid var(--line);
    display:flex;align-items:center;justify-content:space-between;gap:14px;
  }
.sp-brand{
    display:flex;align-items:center;gap:10px;
    font-family:var(--display);font-weight:600;font-size:15.5px;letter-spacing:-.012em;color:var(--ink);
  }
.sp-mark{
    width:22px;height:22px;border-radius:6px;flex:0 0 auto;
    background:#6d28d9;position:relative;
  }
.sp-mark::after{
    content:'';position:absolute;inset:5px;border-radius:2px;
    background:#fff;transform:rotate(45deg);
  }
.sp-subscribe{
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 11px;border-radius:7px;
    background:var(--bg-2);border:1px solid var(--line-2);
    font-size:11.5px;color:var(--ink-2);font-weight:500;
    transition:all .15s var(--ease);cursor:pointer;
  }
.sp-subscribe:hover{background:#fff;border-color:var(--ink-3)}
.sp-subscribe svg{color:var(--ink-3);flex:0 0 auto}
.sp-head-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
/* State band — currently in incident (warn) */.sp-state-band{
    padding:11px 20px;
    background:var(--warn-soft, #faf3e3);
    border-bottom:1px solid #ecd4a3;
    display:flex;align-items:center;gap:9px;
    font-size:12.5px;color:var(--warn);font-weight:500;
  }
.sp-state-band .pulse-warn{
    width:8px;height:8px;border-radius:50%;background:var(--warn);
    box-shadow:0 0 0 3px rgba(182,120,0,.18);
    animation:halo-warn 2s ease-out infinite;flex:0 0 auto;
  }
.sp-state-band .when{
    margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--warn);opacity:.75;font-weight:500;
  }
@keyframes halo-warn{0%{box-shadow:0 0 0 0 rgba(182,120,0,.4)}
70%{box-shadow:0 0 0 7px rgba(182,120,0,0)}
100%{box-shadow:0 0 0 0 rgba(182,120,0,0)}
}
/* Active-incident card */.sp-incident{
    padding:18px 20px;border-bottom:1px solid var(--line);
  }
.sp-incident .lbl{
    font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--muted);font-weight:600;margin-bottom:5px;
  }
.sp-incident .sp-inc-h{
    font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.012em;
    color:var(--ink);margin-bottom:14px;
  }
.sp-updates{
    border-left:2px solid #ecd4a3;padding-left:16px;
    display:flex;flex-direction:column;gap:16px;
  }
.sp-update{position:relative}
.sp-update::before{
    content:'';position:absolute;left:-21px;top:5px;
    width:9px;height:9px;border-radius:50%;background:var(--warn);
    border:2px solid #fff;box-shadow:0 0 0 1px #ecd4a3;
  }
.sp-update:first-child::before{
    background:var(--warn);
    box-shadow:0 0 0 3px rgba(182,120,0,.18);
    animation:halo-warn 2s ease-out infinite;
  }
.sp-update .when{
    font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:500;
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  }
.sp-update .when .tag{
    font-family:var(--sans);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
    padding:2px 6px;border-radius:4px;
    background:var(--warn-soft, #faf3e3);color:var(--warn);border:1px solid #ecd4a3;
  }
.sp-update p{margin-top:5px;font-size:12.5px;color:var(--ink-2);line-height:1.5;max-width:46ch}
/* Services list */.sp-services{padding:6px 20px}
.sp-svc{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.sp-svc:last-child{border-bottom:none}
.sp-svc .svc-name{font-weight:500;color:var(--ink-2)}
.sp-svc .svc-bars{display:flex;gap:2px}
.sp-svc .svc-bars i{width:4px;height:18px;background:var(--accent);border-radius:1px;opacity:.85}
.sp-svc .svc-bars i.warn{background:var(--warn)}
.sp-svc .svc-bars i.recent{opacity:1}
/* Footer row */.sp-foot-row{
    padding:11px 20px;border-top:1px solid var(--line);background:var(--bg-2);
    display:flex;align-items:center;justify-content:space-between;
    font-size:11px;color:var(--muted);
  }
.sp-foot-row .subs{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
.sp-foot-row .subs svg{color:var(--soft)}
.sp-foot-row a,.sp-foot-row .sp-subscribe-cta{color:var(--accent);font-weight:500}
.sp-foot-row a:hover{text-decoration:underline}
/* ---------------- Why Uptimia ---------------- *//* Bright stat strip in body */.stat-strip{
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;
    border-top:1px solid var(--line);
  }
/* ---------------- Testimonial ---------------- *//* ---------------- Locations / map ---------------- */.map-card{
    background:#fff;border:1px solid var(--line);border-radius:16px;padding:48px 36px 36px;
    margin-top:32px;text-align:center;position:relative;overflow:hidden;
    box-shadow:0 1px 2px rgba(12,12,13,.04),0 24px 60px -32px rgba(12,12,13,.1);
  }
.map-pin{
    position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);
    box-shadow:0 0 0 3px rgba(0,126,66,.2);
  }
.map-pin::after{
    content:'';position:absolute;inset:-4px;border-radius:50%;
    border:1.5px solid var(--accent);opacity:0;animation:pin-pulse 2.4s ease-out infinite;
  }
@keyframes pin-pulse{0%{opacity:.7;transform:scale(.6)}
100%{opacity:0;transform:scale(2.2)}
}
/* ---------------- Integrations ---------------- */.int-wrapper{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.int-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.int-tile{
    aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:12px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;
    text-align:center;padding:16px 10px;
    transition:all .2s var(--ease);cursor:pointer;position:relative;
  }
.int-tile:hover{
    border-color:var(--line-3);
    transform:translateY(-2px);
    box-shadow:0 1px 2px rgba(12,12,13,.04),0 10px 20px -10px rgba(12,12,13,.14);
  }
.int-tile .int-logo{
    width:34px;height:34px;
    display:grid;place-items:center;flex:0 0 auto;
  }
.int-tile .int-logo svg,.int-logo img{width:100%;height:100%;display:block;transition:transform .25s var(--ease)}
.int-tile:hover .int-logo svg,.int-tile:hover .int-logo img{transform:scale(1.08)}
.int-tile .int-text{display:flex;flex-direction:column;gap:2px}
.int-tile .it-name{font-family:var(--display);font-weight:600;font-size:13.5px;letter-spacing:-.01em;color:var(--ink);line-height:1.15}
.int-tile .it-cat{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500;line-height:1}
/* ---------------- Pricing ---------------- */.price-toggle{
    display:inline-flex;background:var(--bg-2);border:1px solid var(--line);
    padding:4px;border-radius:999px;gap:2px;margin:24px auto 0;
  }
.sec-head.center + .price-toggle{display:flex;width:fit-content}
.price-toggle .pt-opt{
    background:transparent;border:0;cursor:pointer;
    padding:9px 18px;border-radius:999px;
    font:inherit;font-size:13px;font-weight:600;color:var(--muted);
    display:inline-flex;align-items:center;gap:7px;
    transition:all .18s var(--ease);
  }
.price-toggle .pt-opt:hover{color:var(--ink-2)}
.price-toggle .pt-opt.active{
    background:#fff;color:var(--ink);
    box-shadow:0 1px 2px rgba(12,12,13,.06),0 1px 1px rgba(12,12,13,.04);
  }
.price-toggle .pt-save{
    font-size:10.5px;font-weight:600;letter-spacing:.02em;
    color:var(--accent);background:var(--accent-soft);
    padding:2px 7px;border-radius:999px;text-transform:lowercase;
  }
/* Show only the price matching the current data-period; hide the other */.price-grid[data-period="annual"] .amt-monthly,
  .price-grid[data-period="monthly"] .amt-annual,
  .price-grid[data-period="annual"] .bill-monthly,
  .price-grid[data-period="monthly"] .bill-annual{display:none}
.price-billed{
    font-family:var(--mono);font-size:10.5px;color:var(--muted);
    letter-spacing:.02em;margin-top:-8px;
  }
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.price-card{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:32px 28px;display:flex;flex-direction:column;gap:18px;
    transition:all .2s var(--ease);position:relative;
  }
.price-card:hover{border-color:var(--line-3)}
.price-card.feat{
    border-color:var(--ink);
    box-shadow:0 1px 2px rgba(12,12,13,.04),0 24px 50px -24px rgba(12,12,13,.18);
  }
.price-card.feat .price-badge{
    position:absolute;top:-11px;left:24px;
    background:var(--ink);color:#fff;padding:4px 12px;border-radius:999px;
    font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  }
.price-name{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.012em}
.price-amount{display:flex;align-items:baseline;gap:6px;font-family:var(--display)}
.price-amount .amt{font-weight:600;font-size:48px;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.price-amount .per{font-size:13px;color:var(--muted);font-weight:500}
.price-desc{color:var(--muted);font-size:14px}
.price-feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:8px;font-size:14px;color:var(--ink-2);padding-top:18px;border-top:1px solid var(--line)}
.price-feats li{display:flex;gap:10px}
.price-feats li svg{flex:0 0 auto;color:var(--accent);margin-top:3px}
.price-card .btn{align-self:stretch;justify-content:center;margin-top:auto}
/* ---------------- FAQ ---------------- */.faq-list{max-width:760px;margin:32px auto 0}
.faq-item{border-bottom:1px solid var(--line);padding:0}
.faq-item summary{
    list-style:none;cursor:pointer;padding:22px 0;
    font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.014em;color:var(--ink);
    display:flex;justify-content:space-between;align-items:center;gap:18px;
    transition:color .2s var(--ease);
  }
.faq-item summary:hover{color:var(--accent)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
    content:'';width:14px;height:14px;flex:0 0 auto;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M3 5l4 4 4-4' stroke='%230c0c0d' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat:no-repeat;background-position:center;
    transition:transform .25s var(--ease);
  }
.faq-item[open] summary::after{transform:rotate(180deg)}
.faq-item p{padding:0 0 22px;color:var(--muted);font-size:15px;max-width:62ch;line-height:1.6}
/* ---------------- Final CTA — dark, mirroring the hero's tone ---------------- */.final-cta{
    background:var(--dark);color:#fff;
    border-radius:20px;padding:80px 56px;text-align:center;
    margin:48px auto;max-width:var(--container);
    position:relative;overflow:hidden;
  }
.final-cta::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(ellipse 1000px 400px at 50% -20%, rgba(255,255,255,.04), transparent 60%),
      radial-gradient(ellipse 700px 400px at 80% 30%, rgba(78,201,126,.08), transparent 65%);
  }
.final-cta::after{
    content:'';position:absolute;left:24px;right:24px;bottom:0;height:1px;pointer-events:none;
    background:linear-gradient(90deg, transparent, rgba(78,201,126,.4) 50%, transparent);
  }
.final-cta > *{position:relative;z-index:1}
.final-cta h2{font-family:var(--display);font-weight:600;font-size:clamp(34px,4.4vw,52px);letter-spacing:-.028em;line-height:1.04;color:#fff}
.final-cta p{margin-top:18px;color:var(--dark-ink-2);max-width:540px;margin-left:auto;margin-right:auto;font-size:17px}
/* Try-it-now URL input — replaces the two-button row */.final-cta .try-go{
    background:var(--accent-bright);color:var(--dark);
    border:none;padding:11px 18px;border-radius:9px;
    font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;
    display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
    transition:background .15s var(--ease),color .15s var(--ease);
  }
.final-cta .try-go:hover{background:#fff;color:var(--ink)}
.final-cta .try-go .arr{transition:transform .2s var(--ease)}
.final-cta .try-go:hover .arr{transform:translateX(2px)}
.final-cta .try-reassure{
    margin-top:14px;
    display:inline-flex;gap:18px;justify-content:center;flex-wrap:wrap;
    font-size:12px;color:var(--dark-ink-2);
  }
.final-cta .try-reassure span{display:inline-flex;align-items:center;gap:6px}
.final-cta .try-reassure svg{color:var(--accent-bright);flex:0 0 auto}
.final-cta .meta{margin-top:24px;color:var(--dark-soft);font-size:13px}
/* ---------------- Footer (charcoal) ---------------- */footer.foot{
    padding:72px 0 32px;background:var(--dark);color:var(--dark-ink-2);
    border-top:1px solid var(--dark-line);
  }
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:48px}
.foot-brand .brand{color:var(--dark-ink)}
.foot-brand p{color:var(--dark-muted);font-size:14px;margin-top:14px;max-width:32ch;line-height:1.55}
/* =========================================================
     v42 — visual additions (replaces text-heavy sections)
     ========================================================= *//* ---- HOW IT WORKS — visual product steps ---- */.how-v{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;
  }
.how-v .step{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:28px 26px 26px;display:flex;flex-direction:column;gap:18px;
    position:relative;overflow:hidden;
    box-shadow:0 1px 2px rgba(12,12,13,.03),0 16px 40px -28px rgba(12,12,13,.08);
  }
.how-v .step-head{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
  }
.how-v .step-num{
    font-family:var(--mono);font-size:10.5px;color:var(--accent);letter-spacing:.16em;font-weight:600;
  }
.how-v .step-time{
    font-family:var(--mono);font-size:10.5px;color:var(--soft);letter-spacing:.04em;
  }
.how-v h3{
    font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.014em;color:var(--ink);
  }
.how-v p{font-size:13.5px;color:var(--muted);line-height:1.55}
/* shared mini-mock containers — warm cream panel, flat, with a clear hairline */.mock{
    background:#f4f4f5;          /* cool zinc — matches the dashboard canvas */
    border:1px solid var(--line-2);
    border-radius:12px;
    padding:0;font-size:12.5px;
  }
.mock-inner{
    padding:16px;
    position:relative;
  }
.mock-inner.tight{padding:0;overflow:hidden;border-radius:11px}
/* Step 1 — URL form + auto-detect */.mock-form{display:flex;flex-direction:column;gap:10px}
.mock-input{
    display:flex;align-items:center;gap:8px;
    background:#fff;border:1px solid var(--line-2);border-radius:8px;padding:9px 11px;
    font-family:var(--mono);font-size:12px;color:var(--ink-2);
    /* Height is pinned so the typing animation (empty .url → full URL) cannot
       resize the box and nudge the preview rows below it. */
    box-sizing:border-box;line-height:16px;min-height:36px;
  }
.mock-input .lock{color:var(--accent);flex:0 0 auto}
.mock-input .url{flex:1;letter-spacing:-.005em;min-height:16px}
.mock-input .caret{
    width:1.5px;height:14px;background:var(--accent);
    animation:blink 1.1s steps(1,end) infinite;
  }
@keyframes blink{50%{opacity:0}
}
.mock-detect{
    display:flex;flex-direction:column;gap:6px;font-family:var(--sans);
  }
.mock-detect .lbl{
    font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;
    margin-bottom:2px;
  }
.det-row{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:7px 9px;background:#fff;border:1px solid var(--line);border-radius:7px;
    font-size:12px;color:var(--ink-2);
  }
.det-row .left{display:flex;align-items:center;gap:8px}
.det-row .tag{
    font-family:var(--mono);font-size:9.5px;color:var(--accent);letter-spacing:.08em;
    background:var(--accent-soft);border:1px solid var(--accent-line);
    padding:1px 6px;border-radius:4px;font-weight:600;
  }
.det-row svg{color:var(--accent);flex:0 0 auto}
/* Step 2 — channel toggles */.mock-channels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mock-channels .ch{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 11px;
    font-size:12.5px;color:var(--ink-2);font-family:var(--sans);
  }
.mock-channels .ch .ch-name{display:flex;align-items:center;gap:8px;font-weight:500}
.mock-channels .ch .ch-name svg{flex:0 0 auto;color:var(--ink-3)}
.mock-channels .ch.on{border-color:var(--accent-line);background:var(--accent-soft)}
.mock-channels .ch.on .ch-name svg{color:var(--accent)}
.toggle{
    width:26px;height:14px;border-radius:99px;background:var(--line-2);position:relative;
    transition:background .2s var(--ease);flex:0 0 auto;
  }
.toggle::after{
    content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;
    top:2px;left:2px;transition:left .2s var(--ease);
    box-shadow:0 1px 2px rgba(0,0,0,.1);
  }
.mock-channels .ch.on .toggle{background:var(--accent)}
.mock-channels .ch.on .toggle::after{left:14px}
.quiet-pill{
    margin-top:4px;display:inline-flex;align-items:center;gap:6px;
    font-family:var(--mono);font-size:10.5px;color:var(--muted);
    padding:4px 9px;background:#fff;border:1px solid var(--line);border-radius:99px;
    align-self:flex-start;
  }
.quiet-pill svg{color:var(--soft);flex:0 0 auto}
/* Step 3 — Slack-style alert message (now lives inside .mock-inner.tight) */.mock-slack{
    background:#fff;border:none;border-radius:0;overflow:hidden;
    font-family:var(--sans);
  }
.slack-bar{
    padding:8px 12px;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--muted);
    display:flex;align-items:center;gap:6px;background:var(--bg-2);
  }
.slack-bar .hash{color:var(--soft);font-weight:600}
.slack-msg{padding:14px 14px 12px;display:flex;gap:10px;font-size:12.5px;line-height:1.45}
.slack-av{
    width:30px;height:30px;border-radius:6px;flex:0 0 auto;
    background:#fff;
    display:grid;place-items:center;
    box-shadow:inset 0 0 0 1px var(--line-2);
  }
.slack-av img{
    width:18px;height:auto;display:block;
  }
.slack-body{flex:1;min-width:0}
.slack-name{font-weight:600;color:var(--ink);font-size:13px;display:flex;align-items:baseline;gap:8px}
.slack-name .stamp{font-weight:400;color:var(--soft);font-size:10.5px;font-family:var(--mono);letter-spacing:0}
.slack-text{margin-top:3px;color:var(--ink-2)}
.slack-text .ok{color:var(--accent);font-weight:500}
.slack-meta{
    margin-top:6px;font-family:var(--mono);font-size:10.5px;color:var(--muted);
    display:flex;gap:10px;flex-wrap:wrap;
  }
.slack-meta span{display:inline-flex;align-items:center;gap:4px}
.slack-meta svg{color:var(--accent)}
/* ---- WHY UPTIMIA — visual cells (warm cream panel, flat, hairline) ---- *//* Cell 1 — patchwork → unified *//* Cell 2 — setup timer */@keyframes fill{0%{width:0%}
60%{width:100%}
80%{width:100%;opacity:1}
100%{width:100%;opacity:0}
}
/* Cell 3 — sign-up card *//* Cell 4 — EU map *//* ---- Use cases — scenario-led cards ---- *//* "when" scenario line — italic-serif, slightly muted *//* ---- Inline CTA strip (between sections) ---- */.inline-cta{
    margin:0 auto;max-width:var(--container);
    padding:0 28px;
  }
.inline-cta .strip{
    margin:64px 0 -32px;
    background:#fff;border:1px solid var(--line);border-radius:14px;
    padding:22px 28px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
    box-shadow:0 1px 2px rgba(12,12,13,.03);
  }
.inline-cta .copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.inline-cta .eyebrow-mini{
    font-family:var(--mono);font-size:10.5px;color:var(--accent);
    letter-spacing:.16em;font-weight:600;text-transform:uppercase;
  }
.inline-cta .cta-strip-h{
    font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.014em;
    color:var(--ink);
  }
.inline-cta .cta-strip-h em{
    font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);
    letter-spacing:-.005em;
  }
.inline-cta .meta{font-size:12.5px;color:var(--muted);margin-top:1px}
/* ---- Hero card: one extra animated touch (live latency line) ---- */@keyframes scan{0%  {background-position: -50% 0%}
100%{background-position: 150% 0%}
}
/* ---------------- Responsive ---------------- */@media (max-width:980px){section{padding:80px 0}
/* Eyebrow: switch from inline-flex (where the dot wraps to its own
       line when the text is too long) to plain inline so the dot stays
       attached to the first word and the text wraps as inline content. */.eyebrow{display:none}
.eyebrow .live-dot{
      display:inline-block;vertical-align:middle;
      margin-right:8px;position:relative;top:-1px;
    }
.hero .proof-strip{margin-top:32px;grid-template-columns:1fr 1fr;row-gap:24px}
.hero .proof-strip .proof-cell:nth-child(odd){border-left:0;padding-left:0}
/* Force a 2×2 grid for the 4 role pills at mobile widths — the natural
       flex-wrap was producing a 3+1 layout which looked off-balance. */.role-pills{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:8px;
      justify-content:stretch;
    }
.role-pill{padding:12px 12px 14px;gap:8px;width:100%}
/* Keep the label visible at mobile widths — icon-only pills are
       too cryptic to know which tab does what. Only the "Reports /
       Code-first / No-code / White-label" sub-line is hidden. */.role-pill .rp-text{display:flex}
.role-pill .rp-sub{display:none}
.role-pill .rp-label{font-size:13px}
.hero{padding-top:140px;padding-bottom:45px}
.hero-grid,.engines,.role-panel.active,.sp-grid,.int-wrapper{grid-template-columns:1fr;gap:48px}
.stat-strip, .price-grid, .foot-grid, .how-grid{grid-template-columns:1fr 1fr}
.how-grid{border-bottom:none}
.int-wall{grid-template-columns:repeat(3,1fr)}
.nav-links{display:none}
.sec-h{font-size:32px}
.how-v{grid-template-columns:1fr;gap:14px}
.timeline-track{grid-template-columns:1fr 1fr;gap:32px 14px}
.timeline-track::before{display:none}
.timeline-header{flex-direction:column;align-items:flex-start;gap:8px}
.timeline-header .status{flex-wrap:wrap}
}
@media (max-width:560px){.stat-strip, .price-grid, .foot-grid, .how-grid{grid-template-columns:1fr}
.int-wall{grid-template-columns:repeat(2,1fr)}
.final-cta{padding:48px 28px;margin:24px 16px}
.timeline-track{grid-template-columns:1fr}
.hero .proof-strip .proof-cell{padding:2px 16px}
.hero .proof-strip .proof-lbl{font-size:9.5px}
.hero .proof-strip .proof-num{font-size:21px}
}
/* ── Probes network section (homepage) ─────────────────────────── */.probes-net{ padding:96px 0 88px; }
.probes-net .sec-h{ color:var(--dark-ink); }
.probes-net .sec-sub{ color:var(--dark-ink-2); }
.probes-net .pn-map{position:relative;max-width:960px;margin:42px auto 0}
.probes-net .pn-base{display:block;width:100%;height:auto;opacity:.42}
.probes-net .pn-pin{
    position:absolute;left:var(--x);top:var(--y);width:0;height:0;
    display:block;text-decoration:none;
  }
.probes-net .pn-pin i{
    position:absolute;left:calc(var(--s,10px)/-2);top:calc(var(--s,10px)/-2);
    width:var(--s,10px);height:var(--s,10px);border-radius:50%;
    background:var(--accent-bright);
    box-shadow:0 0 0 3px rgba(78,201,126,.22),0 0 16px rgba(78,201,126,.55);
  }
.probes-net .pn-pin i::after{
    content:'';position:absolute;inset:-7px;border-radius:50%;
    border:1px solid rgba(78,201,126,.5);opacity:0;
  }
@media (prefers-reduced-motion: no-preference){
  .probes-net .pn-pin i::after{animation:pnPulse 3s var(--ease) infinite}
  .probes-net .pn-pin:nth-child(3) i::after{animation-delay:.4s}
  .probes-net .pn-pin:nth-child(4) i::after{animation-delay:.9s}
  .probes-net .pn-pin:nth-child(5) i::after{animation-delay:1.4s}
  .probes-net .pn-pin:nth-child(6) i::after{animation-delay:1.9s}
  .probes-net .pn-pin:nth-child(7) i::after{animation-delay:2.3s}
  .probes-net .pn-pin:nth-child(8) i::after{animation-delay:2.7s}
}
@keyframes pnPulse{0%{transform:scale(.55);opacity:.9}70%{transform:scale(1.7);opacity:0}100%{transform:scale(1.7);opacity:0}}
.probes-net .pn-pin span{
    position:absolute;left:calc(var(--s,10px)/2 + 9px);top:0;transform:translateY(-50%);
    white-space:nowrap;
    background:rgba(18,20,23,.72);border:1px solid rgba(255,255,255,.14);
    border-radius:999px;padding:5px 12px;
    font-size:12px;color:rgba(255,255,255,.82);line-height:1;
    transition:background .15s ease,border-color .15s ease;
  }
.probes-net .pn-pin.flip span{left:auto;right:calc(var(--s,10px)/2 + 9px)}
.probes-net .pn-pin span b{
    font-family:var(--mono);font-weight:600;font-size:12.5px;
    color:var(--accent-bright);margin-right:6px;
  }
.probes-net .pn-pin:hover span{background:rgba(18,20,23,.92);border-color:rgba(255,255,255,.32)}
.probes-net .cp-kpi-strip{
    display:none; flex-wrap:wrap; justify-content:center;
    gap:10px; margin:26px auto 0; max-width:880px;
  }
.probes-net .cp-kpi{
    display:inline-flex; align-items:center; gap:8px;
    padding:9px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    color:#fff; text-decoration:none;
    font-size:13px; line-height:1;
    transition:background .15s ease, border-color .15s ease, transform .15s ease;
  }
.probes-net .cp-kpi:hover{
    background:rgba(255,255,255,.11);
    border-color:rgba(255,255,255,.22);
    transform:translateY(-1px);
  }
.probes-net .cp-kpi-n{
    font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Monaco,monospace);
    font-weight:600; font-size:14px;
    color:var(--accent-bright,#34d399);
  }
.probes-net .cp-kpi-l{ color:rgba(255,255,255,.78); }
.probes-net-foot{ margin-top:30px; text-align:center; }
.probes-net-link{
    display:inline-flex; align-items:center; gap:8px;
    color:var(--dark-ink); text-decoration:none;
    font-size:14px; font-weight:600;
    padding:10px 18px; border-radius:999px;
    border:1px solid rgba(255,255,255,.18);
    background:transparent;
    transition:background .15s ease, border-color .15s ease, transform .15s ease;
  }
.probes-net-link:hover{
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.32);
    transform:translateY(-1px);
  }
.probes-net-link svg{ transition:transform .15s ease; }
.probes-net-link:hover svg{ transform:translateX(2px); }
@media (max-width: 720px){.probes-net{ padding:64px 0 56px; }
.probes-net .pn-pin span{ display:none; }
.probes-net .cp-kpi-strip{ display:flex; gap:8px; }
.probes-net .cp-kpi{ padding:8px 12px; font-size:12px; }
}
/* Mobile: the hero dashboard mockup clips hard at the right edge — fade it out instead. */
@media (max-width:980px){
  .hero-dash{
    -webkit-mask-image:linear-gradient(90deg,#000 78%,rgba(0,0,0,0) 99.5%);
    mask-image:linear-gradient(90deg,#000 78%,rgba(0,0,0,0) 99.5%);
  }
}

/* ==========================================================================
   public/assets/css/homepage-motion.css
   HOMEPAGE-ONLY: motion layer (reveal, count-up, tab cycling)
   ========================================================================== */
/* ============================================================
   Homepage motion layer — animation-only rules.
   No visual styling lives here: every rule either moves/fades
   existing elements or supports the JS in homepage-motion.js.
   All hm-* classes are added by JS, so without JS the page
   renders exactly as before.
   ============================================================ */

/* ---- Reveal on scroll ---- */
.hm-r{
    opacity:0;transform:translateY(18px);
    transition:opacity .65s var(--ease),transform .65s var(--ease);
    will-change:opacity,transform;
}
.hm-r.hm-in{opacity:1;transform:none}

/* ---- Engine tabs: auto-cycle progress bar ---- */
.eng-tab{position:relative;overflow:hidden}
.hm-prog{position:absolute;left:0;bottom:0;height:2px;width:100%;display:none;pointer-events:none}
.eng-tab.active .hm-prog{display:block;background:var(--accent-line)}
.hm-prog i{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.engines.hm-cycling .eng-tab.active .hm-prog i{animation:hm-fill var(--hm-cycle,6.5s) linear forwards}
@keyframes hm-fill{to{transform:scaleX(1)}}

/* ---- Incident timeline: staged reveal ---- */
.hm-tl{opacity:.22;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.hm-tl.hm-lit{opacity:1;transform:none}

/* ---- Hero dashboard: smooth state flips on the monitor cards ---- */
.hero-dash-wrap .mcard{transition:background-color .35s var(--ease),border-color .35s var(--ease)}
.hero-dash-wrap .mcard .mcard-ms{transition:opacity .25s var(--ease)}

/* ---- Reduced motion: neutralise everything above ---- */
@media (prefers-reduced-motion: reduce){
    .hm-r{opacity:1;transform:none;transition:none}
    .hm-tl{opacity:1;transform:none;transition:none}
    .hm-prog{display:none!important}
}

/* ---------------------------------------------------------------------------
   Shared mid-page CTA band (blocks/cta-dark.html.twig).
   Ported verbatim from marketing/css/base.css (lines 192-202), which the
   homepage does not load — keep the two copies in sync if base.css changes.
   --------------------------------------------------------------------------- */
.cta-dark{background-color:var(--dark);background-image:radial-gradient(circle,rgba(255,255,255,.085) 1.6px,transparent 1.7px);background-size:30px 30px;background-position:8px 12px;color:var(--dark-ink);padding:42px 0 46px;position:relative;overflow:hidden}
.cta-dark::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 820px 460px at 22% 55%,rgba(42,44,48,.97),transparent 68%)}
.cta-dark>.container{position:relative;z-index:2}
.cta-dark .ch1{font-family:var(--display);font-weight:600;font-size:clamp(23px,2.3vw,30px);letter-spacing:-.024em;line-height:1.1;color:var(--dark-ink);display:inline}
.cta-dark .ch2{font-family:var(--display);font-weight:600;font-size:clamp(23px,2.3vw,30px);letter-spacing:-.024em;line-height:1.1;color:var(--accent-bright);display:inline;margin-left:8px}
.cta-dark .sub{margin-top:9px;font-size:14px;line-height:1.5;color:var(--dark-ink-2);max-width:60ch}
.cta-dark .act{margin-top:18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cta-dark .btn{height:42px;padding:0 20px;font-size:14px;border-radius:9px}
.cta-dark .checks{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--dark-ink-2)}
.cta-dark .checks span{display:inline-flex;align-items:center;gap:6px}
.cta-dark .checks svg{flex:none;color:var(--accent-bright)}

/* ═════════ Mockup copy-guard — homepage-only figures ═════════
   This sheet is linked by index.html.twig and nothing else, so it is the home
   for the figures the homepage adds on top of the shared kit. .mock, .eng-vis,
   .timeline-card, .hero-dash, .role-mockup and .dev-console are guarded higher
   up in this file already; these are the ones that were still copyable.

   NOT guarded, deliberately: .role-pills (real <button> tablist), the whole
   the whole .spx- / .sv- status-page playground (a live demo — "click it"),
   .pn-map/.cp-kpi (every pin and tile is a link to /checkpoints), .patch3
   (holds the trial CTA) and .int-wall (a shield there sits between cursor and
   tile, killing the .int-tile hover lift — guard each tile instead). */
.uw-counter,.hw-counter,.rc-visual,.rc-note{
  position:relative;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
  cursor:default;
}
.uw-stage,.int-tile{
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
  cursor:default;
}
.uw-counter::before,.hw-counter::before,.rc-visual::before,.rc-note::before,
.int-tile::before{
  content:'';position:absolute;inset:0;z-index:10;
  background:transparent;pointer-events:auto;
}
/* .uw-stage::before is taken (radial glow) — the shield goes on ::after. */
.uw-stage::after{
  content:'';position:absolute;inset:0;z-index:10;
  background:transparent;pointer-events:auto;
}
.uw-stage img,.rc-visual img,.int-tile img{
  -webkit-user-drag:none;user-drag:none;pointer-events:none;
}