@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
	a, font, input, td, div, textarea, h1, button {font-family: 'Inter', sans-serif; font-size: 15px; line-height: 24px; font-weight: 400; text-decoration: none}
	body, html{margin: 0px; font-size: 62.5%; scroll-behavior: smooth;}
	form{margin-top: 0px; margin-bottom: 0px;}
	table, table td{padding: 0px; border-spacing: 0px; border-collapse: collapse;}
	table{ width: 100% }
	div{box-sizing: border-box}
	img{ border: 0}
	ul{ margin: 0; list-style: none; padding: 0}
	button { background: none; border: none; padding: 0; outline: none; cursor: pointer;}
	.icon { width: 32px; height: 32px; flex-shrink: 0 }
	a { color: #0e4d80 }




	/* header ###############################################################*/

	header { padding-top: 1px;   }
	header .header-wrapper{ display: flex; align-items: center;  padding: 20px 9%; margin: auto;}
	header .header-nav{ flex-grow: 1;display: flex;justify-content: center; grid-gap: 40px; overflow: hidden;}
	header .header-buttons { display: flex; grid-gap: 5px}
	header .header-buttons .icon{ display: block;}
	header .header-nav a{ font-weight: 500; color: #000}
	header .header-nav button{ font-weight: 500; color: #000; font-size: 15px}
	header .header-menu-button { display: none; }


	.solution-menu { z-index: 21; position: absolute; left: 0; right: 0; top: 74px; background: #fff;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 3% 9%;}
	.solution-menu > div { display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 30px; max-width: 900px; margin: auto  }
	.solution-menu a{ display: block; text-align: left; font-size: 1.5rem; font-weight: 600; color:#000; line-height: 140%;}
	.solution-menu a div {font: inherit;font-weight: 300;text-wrap: pretty;margin-top: 2px;}
	.solution-menu button{ display: none; padding: 15px; }

	@media(max-width: 700px) {
		.solution-menu { height: 100%; top: 56px; padding: 0 }
		.solution-menu > div{  gap: 0  }
		.solution-menu a{ padding: 12px 20px;  border-top: 1px solid #f1f1f1; }
		.solution-menu button{ display: flex; }
	}

	@media(max-width: 1500px) {
	header .header-wrapper{  padding: 20px 3%;}

	}

	@media(max-width: 900px) {
	header .header-logo{ flex-grow: 1; display: flex; justify-content: center;}
	header .header-wrapper{  padding: 10px 2%;}
	header .header-menu-button { display: block; }
	header .header-nav{ position: fixed; display: block; z-index: 20; top: 55px; left: 0; background: #fff; width: 100%; height: 0; transition:all 300ms ease-in-out}
	header .header-nav a{ display: block;padding: 12px 20px;border-top: 1px solid #f1f1f1; opacity: 0; transition:all 300ms ease-in-out; transition-delay: 150ms}
	header .header-nav.-expand{ height: 100%;}
	header .header-nav.-expand a{ opacity: 1 }
	}

	/* footer ###############################################################*/
	footer { background: #212121; margin-bottom: -7px }
	footer *{ color: #fff }
	footer a{ display: block; font-size: 1.3rem; margin-bottom: 1px }
	footer h3{ margin-top:0; margin-bottom:5px}
	footer .footer-wrapper { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr;  align-items: flex-start;;  padding: 50px 9%; margin: auto; }

	@media(max-width: 1100px) {
		 footer .footer-wrapper { grid-template-columns:  1fr 1fr 1fr 1fr  }
	}

	@media(max-width: 800px) {
		 footer .footer-wrapper { display: flex; flex-direction: column; gap: 40px  }
	}


	/* product header ##############################################################*/
	.product-header { display: flex;align-items: center;padding: 15px 9%;margin: auto; justify-content: space-between; border-top: 1px solid #ededed;box-shadow: 1px 2px 3px #00000026; position: sticky; top: 0; background: #ffffffbf;backdrop-filter: blur(15px); }
	.product-header-title { font-size: 1.7rem;font-weight: 600; }
	.product-header nav { display: flex; gap: 20px; align-items: center;}
	.product-header nav a { font-size: 1.3rem; text-decoration: none; color: #000 }
	.product-header nav .cta{ background: #0051b1;color: #fff;font-weight: 500;padding: 11px 23px;letter-spacing: normal;line-height: 5px; margin: 0 !important}


	@media(max-width: 1500px) {
				      .product-header{  padding: 20px 3%;}

				}

	@media(max-width: 900px) {
				.product-header{  padding: 10px 2%;}
				.product-header a{ display: none;}
				.product-header .cta{ display: block;}
			}


	/* section ################################################################ */

	section.-margin-block-l { margin-block: 60px !important }




	/* layout ##############################################################*/
	:root {
		  --layout-space-m: 20px;
		  --layout-space-m: 30px;
		  --layout-space-l: 60px;
	}
	.layout {display: grid; grid-template-columns: repeat(12, 1fr); align-items: center;}
	.layout.-gap-m{  gap: var(--layout-space-m);}
	.layout.-align-bottom{align-items: end;}
	.layout.-align-top{align-items: start ;}


	.layout_col-3-7{ grid-column: 3/7 }
	.layout_col-2-4{ grid-column: 2/4 }
	.layout_col-5-12{ grid-column: 5/12 }
	.layout_col-8-13{ grid-column: 8/13 }
	.layout_col-8-12{ grid-column: 8/12 }
	.layout_col-6-12{ grid-column: 6/12 }
	.layout_col-7-12{ grid-column: 7/12 }
	.layout_col-1-13{ grid-column: 1/13 }
	.layout_col-2-12{ grid-column: 2/12 }
	.layout_col-2-7{ grid-column: 2/7 }
	.layout_col-2-9{ grid-column: 2/9 }
	.layout_col-3-6{ grid-column: 3/6 }
	.layout_col-3-11{ grid-column: 3/11 }
	.layout_col-2-11{ grid-column: 2/11 }
	.layout_col-4-10{ grid-column: 4/10 }
	.layout_col-7-13{ grid-column: 7/13 }
	.layout_col-6-13{ grid-column: 6/13 }
	.layout_col-2-13{ grid-column: 2/13 }
	.layout_col-3-13{ grid-column: 3/13 }
	.layout_col-2-6{ grid-column: 2/6 }
	.layout_col-2-8{ grid-column: 2/8 }
	.layout_col-1-7{ grid-column: 1/7 }
	.layout_col-1-6{ grid-column: 1/6 }
	.layout_col-1-5{grid-column: 1/5}
	.layout_col-2-5{grid-column: 2/5}
	.layout_col-5-9{grid-column: 5/9;}
	.layout_col-9-13{grid-column: 9/13}
	.layout_col-9-12{grid-column: 9/12}
	

	@media(max-width: 1100px)
	{
	.layout_sdesktop-col-2-6{ grid-column: 2/6 }
	.layout_sdesktop-col-1-8{ grid-column: 1/8 }
	.layout_sdesktop-col-5-13{ grid-column: 5/13 }
	.layout_sdesktop-col-6-13{ grid-column: 6/13 }
	.layout_sdesktop-col-2-12{ grid-column: 2/12 }
	.layout_sdesktop-col-1-13{ grid-column: 1/13 }
	.layout_sdesktop-col-2-7{ grid-column: 2/7 }

	.layout_sdesktop-order-2 { order: 2 }



	}

	@media(max-width: 900px)
	{
	.layout_tablet-col-2-7{ grid-column: 2/7 }
	.layout_tablet-col-1-7{ grid-column: 1/7 }
	.layout_tablet-col-2-12{ grid-column: 2/12 }
	.layout_tablet-col-1-12{ grid-column: 1/12 }
	.layout_tablet-col-7-12{ grid-column: 7/12 }
	.layout_tablet-col-7-13{ grid-column: 7/13 }
	.layout_tablet-col-8-13{ grid-column: 8/13 }
	.layout_tablet-col-6-13{ grid-column: 6/13 }
	.layout_tablet-col-1-13{ grid-column: 1/13 }

	.layout_tablet-order-2 { order: 2 }

	.layout.-tablet-gap-none{ gap: 0}
	.layout.-mobile-align-bottom{align-items: end;}

	}

	@media(max-width: 700px)
	{
	.layout_mobile-col-2-12{ grid-column: 2/12 }
	.layout_mobile-col-2-13{ grid-column: 2/13 }
	.layout_mobile-col-1-13{ grid-column: 1/13 }
	.layout_mobile-col-1-12{ grid-column: 1/12 }
	.layout_mobile-row-2{ grid-row: 2 }

	.layout_mobile-order-2 { order: 2 }

	.layout.-mobile-gap-none{ gap: 0}


	}

	/* responsive grid ########################################################*/
	.grid { display: grid; align-items: start; }
	.grid.-col-3 { grid-template-columns: repeat(3, 1fr)}
	.grid.-col-4 { grid-template-columns: repeat(4, 1fr)}
	.grid.-col-2 { grid-template-columns: repeat(2, 1fr)}
	.grid.-col-2-auto { grid-template-columns: auto auto}

	.grid.-gap-m { gap: 30px }
	.grid.-align-stretch { align-items: stretch;}

	@media(max-width: 1100px)
	{
	.grid.-sdektop-col-2 { grid-template-columns: repeat(2, 1fr)}
	.grid.-sdektop-col-3 { grid-template-columns: repeat(3, 1fr)}
	}
	@media(max-width: 800px)
	{
	.grid.-tablet-col-3 { grid-template-columns: repeat(3, 1fr)}
	.grid.-tablet-col-1 { grid-template-columns: repeat(1, 1fr)}
	}
	@media(max-width: 700px)
	{
	.grid.-mobile-col-2 { grid-template-columns: repeat(2, 1fr)}
	.grid.-mobile-col-1 { grid-template-columns: repeat(1, 1fr)}
	}

	/* responsive flex ########################################################*/
	.flex { display: flex; }
	.flex.-gap-40{ gap: 40px}
	.flex.-gap-20{ gap: 20px}
	.flex.-align-center{ align-items: center;}

	/* content wrapper #######################################################*/

	:root {
	  --wrapper-space-m: 7%;
	  --wrapper-space-s: 3%;
	}

	.wrapper{ overflow: hidden; borderx: 1px solid green}
	.wrapper.-shadow1{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 100px rgb(0 0 0 / 4%);}
	.wrapper.-shadow2{box-shadow: 0 0 100px #a0a0a033}
	.wrapper.-text-align-m{ text-align: center;}
	.wrapper.-padding-s{  padding: var(--wrapper-space-s);}
	.wrapper.-padding-m{  padding: var(--wrapper-space-m);}
	.wrapper.-padding-block-m{  padding-block: max(60px, var(--wrapper-space-m));;}
	.wrapper.-margin-block-m{  padding-block: var(--wrapper-space-m);}
	.wrapper.-padding-bottom-m{  padding-bottom: var(--wrapper-space-m);}
	.wrapper.-margin-outer{ margin-block: 3%}
	.wrapper.-margin-outer-l{ margin: 10%}
	.wrapper.-overflow-none{ overflow: inherit;}

	@media(max-width: 1100px)
	{

		.wrapper.-margin-outer{ margin: 3%}
		.wrapper.-xdesktop-text-align-none{ text-align: left;}

	}

	@media(max-width: 900px)
	{
		:root {
		  --wrapper-space-m: 30px;
		  --wrapper-space-l: 60px;
		}

		.wrapper.-tablet-margin-m{ margin: var(--wrapper-space-m)}
		.wrapper.-tablet-margin-block-l{  padding-block: var(--wrapper-space-l);}
		.wrapper.-tablet-margin-bottom-m{ margin-bottom:var(--wrapper-space-m) }
		.wrapper.-tablet-padding-bottom-m{ padding-bottom:var(--wrapper-space-m) }
		.wrapper.-tablet-padding-block-m{  padding-block: var(--wrapper-space-m);}

		.wrapper.-tablet-text-align-m{ text-align: center;}
	}
	@media(max-width: 700px)
	{
		:root {
		  --wrapper-space-s: 15px;
		  --wrapper-space-m: 30px;
		  --wrapper-space-l: 60px;
		}

		.wrapper.-mobile-padding-bottom-m{ padding-bottom:var(--wrapper-space-m) }
		.wrapper.-mobile-margin-bottom-m{ margin-bottom:var(--wrapper-space-m) }
		.wrapper.-mobile-margin-bottom-l{ margin-bottom:var(--wrapper-space-l) }
		.wrapper.-mobile-margin-none{ margin: 0}
		.wrapper.-mobile-padding-block-l{  padding-block: var(--wrapper-space-l);}
		.wrapper.-mobile-padding-block-m{  padding-block: var(--wrapper-space-m);}
		.wrapper.-mobile-padding-block-s{  padding-block: var(--wrapper-space-s);}

		.wrapper.-mobile-text-align-none{ text-align: left;}

	}


	/* headings ##############################################################*/
	h1 { font-size: max(3.5vw, 4rem); line-height: 110%; font-weight: 800; margin: 0;  margin-bottom: 7%; letter-spacing: -1px; text-wrap: balance;}
	h2 { font-size: max(2.5vw, 2.8rem); line-height: 115%; font-weight: 800;  margin: 0; margin-bottom: 4%; letter-spacing: -1px; text-wrap: balance;}
	h4 { margin: 0; font-size: max(1vw, 1.6rem); margin-bottom: 5px; text-wrap: balance;}

	/* text wrapper ##########################################################*/
	.text-wrapper {  font-size: max(1vw, 1.6rem);line-height: 160%;font-weight: 500; margin-bottom: 5% }
	.text-wrapper.-small{ font-size: max(0.8vw, 1.4rem);line-height: 140%; }
	.text-wrapper.-medium{ font-size: 1.7rem;line-height: 140%; }
	.text-wrapper.-margin-none{ margin: 0 }

	/* hide ##########################################################*/

	@media(max-width: 1100px)
	{
	.-sdesktop-hide { display: none;}
	}
	@media(max-width: 800px)
	{
	.-tablet-hide { display: none;}
	}
	@media(max-width: 700px)
	{
	.-modile-hide { display: none;}
	}

	/* cta ##########################################################*/
	.cta {border: 2px solid #0051b1;background: #0051b1;color: #fff;font-size: max(0.7vw, 1.3rem);font-weight: 600;border-radius: 20px;margin-right: 10px;padding: 12px 30px;text-align: center;cursor: pointer;display: inline-block;line-height: 100%;}
	.cta.-outlined { border:3px solid #0051b1; background: #fff; color: #0051b1; }
	.cta.-outlined-grey { border:3px solid grey; background: #fff; color: grey; }



	@media(max-width: 1100px)
	{
	.cta-wrapper { margin-block: 40px }
	.cta { display: block; margin: 8px auto;  padding: 12px 0; }
	}

	/* callback ##########################################################*/
	.callback-button { background-image: linear-gradient(305deg, #193054, #3360a9);border-radius: 50px;cursor: pointer;display: flex;align-items: center;padding: 12px;position: fixed;bottom: 40px;right: 40px; cursor: pointer; z-index: 10}
	.callback-button > div{ font-weight: 600; font-size: 1.2rem }
	.callback-button .icon{ fill:#fff; width: 24px; height: 24px; }

	.callback-button-text { overflow: hidden; width: 0; white-space: nowrap; transition: all 150ms ease-in-out; }
	.callback-button-text.-width { width: 150px }

	@media(max-width: 650px)
	{
	 .callback-button{ display: none; }
	}

	/* icon ##########################################################*/

	.icon.-large { width: 64px; height: 64px }

	/* screens ##########################################################*/

      .screen-outer {width: 100%; padding: 5px;;background-image: linear-gradient(147deg, #e3e3e3 , white, #1e1e1e);border-radius: 30px;box-shadow: inset 0 0 3px 2px #00000069, 5px 7px 6px 0px #0000005c, 13px 20px 20px 2px #0000004d}
	.screen-rim{  background: #000; width: 100%; height: 100%; padding: 3%; border-radius: 30px; box-shadow: 0 0 3px #0000007d; }
	.screen { background: #fff;width: 100%;height: 100%;border-radius: 0.5%;overflow: hidden;box-shadow: inset 0 0 20px #08080847; position: relative; }
	.screen img{ display: block; }
	.screen:before{ box-shadow: inset 0 0 50px #0808081c;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";display: block;}


	.img-screen{  border: 35px solid #000; border-radius: 20px; box-shadow: inset 0 0 3px 2px #00000069, 5px 7px 6px 0px #0000005c, 13px 20px 20px 2px #0000004d;}

		@media(max-width: 1100px)
	{

	.img-screen{  border: 30px solid #000; border-radius: 15px }
	}

		@media(max-width: 700px)
	{
	.screen-outer {  border-radius: 6px; padding: 0px }
	.screen-rim{ border-radius: 6px;padding: 4px }
	.screen { border-radius: 6px }

	.img-screen{  border: 20px solid #000; border-radius: 10px }
	}