/* Start:/bitrix/components/bitrix/form.result.new/error.css?1693863480163*/
.form-error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/bitrix/components/bitrix/form.result.new/images/icon_warn.gif);
}
/* End */


/* Start:/local/templates/cybervoice/blog.css?16938714908722*/
div.blog-post { margin: 0 0 2em 0; padding: 0 0 2em 0; border-bottom: 1px solid; }

div.blog-clear-float { clear: both;}

div.blog-post-content  
{
	padding:0;
	margin: 0.25em 0 1em 0; 
	clear: both; 
	line-height:inherit;
	border: none;
	border: 0;
	overflow:visible;
	line-height: inherit;
}
div.blog-comment-line { height:0 }
div.blog-post-content p { margin: 0.65em 0;}
div.blog-post-info { margin-bottom: 0.65em;}

div.blog-post-avatar { display: none;}

div.blog-post-info-back { margin:0; padding:0; background:0;}

div.blog-post-info { overflow: hidden; margin: 0; padding:0;  height: auto;}
div.blog-author { float:left; margin: 0 8px 0 0;}
div.blog-post-date 
{ 
	float: left; 
	display:block; 
	line-height: inherit; 
	margin:0; 
	padding:0;
}

div.blog-post-meta 
{ 
	overflow: hidden; 
	font-size: 0.85em;
	padding:0;
	margin:0;
	line-height:normal;
	zoom:1;
}
div.blog-post-meta span { padding: 0; }
div.blog-post-meta span.blog-post-comments-link, 
div.blog-post-meta span.blog-post-rss-link, 
div.blog-post-meta span.blog-post-views-link, 
div.blog-post-meta span.blog-post-edit-link, 
div.blog-post-meta span.blog-post-delete-link { padding: 0 0 0 1em;}
div.blog-post-meta span.blog-post-link-counter { padding: 0 0 0 0.3em; }

div.blog-post-info-top { display: block;}
div.blog-post-info-top div.blog-author {display: none;}
div.blog-post-info-bottom { width: 45%; float:left; white-space: nowrap; display: inline;}
div.blog-post-info-bottom {display:none;}

div.blog-post-meta-util { float: right; width: 40%; text-align: right; display: inline;}
div.blog-post-meta-util a { text-decoration: none;}
div.blog-post-meta-util span { display: inline; height:auto; padding: 0 0 0 0em;}
div.blog-post-meta-util a:hover { text-decoration: underline;}

div.blog-post-tag 
{
	margin: 0; 
	padding: 0; 
	width: 54%; 
	float:left;
}
div.blog-post-tag a { text-decoration: none; text-transform: lowercase; }
div.blog-post-tag a:hover { text-decoration: underline; }

div.blog-post-voting { float:left; padding-top:8px; padding-bottom: 1px; position:static; top:auto; left:auto; }

h2.blog-post-title { font-size: 2em; margin:0 0 0.25em; padding:0; font-weight: normal; line-height: normal;}
h2.blog-post-title a { text-decoration: underline !important; }
div.blog-posts div.blog-post h2.blog-post-title { display: block;}


div.blog-page-navigation a { border: none;}
div.blog-sidebar { display: none;}

/*Forms*/
div.blog-edit-field { margin: 0.462em 0 0; }
div.blog-edit-form-title { display: none; }
div.blog-edit-field-title input, div.blog-edit-field-post-date input, div.blog-edit-field-slug input,
div.blog-edit-field-tags input, div.blog-edit-field-text textarea,	
div.blog-edit-field-desc textarea, div.blog-edit-field-syndication-rss-feed-url input,
div.blog-comment-field-user input, div.blog-comment-field-content textarea, div.blog-comment-field-captcha input
{ font-size:1.3em;  border: 1px solid; font-family:Arial, Helvetica, Verdana, Tahoma, Sans-Serif;}

div.blog-edit-buttons {text-align: center; margin: 2em 0; padding: 2em 0; border-top:1px solid;}
div.blog-edit-buttons input { font-size:1.2em; }

div.blog-edit-fields { padding:0; margin:0 0 0 2.5em;}
div.blog-edit-fields label.blog-edit-field-caption { display:block; margin:0.5em 0;}


div.blog-edit-field-title label, div.blog-edit-field-desc label, label.blog-edit-field-caption,
div.blog-comment-field-user label, div.blog-comment-field-captcha label
{
	font-family:Arial,Verdana,Tahoma,Sans-Serif;
	font-size:1.42em;
	margin-bottom:0.5em;
	white-space:nowrap;	
}

div.blog-comment-field-user input, div.blog-comment-field-content textarea, div.blog-comment-field-captcha input { font-size: 1.5em;}

div.blog-comment-field-captcha-label { margin-top: 1em;}

div.blog-comment-form 
{
	line-height: inherit;
	margin: 0;
	padding: 0;
}

div.blog-comment-info
{
	background: none;
	height: auto;
	padding:0;
	margin: 0.6em 0 0 0;
	overflow:hidden;
	position: relative;
	zoom:1;
	font-size: 0.95em;
	line-height: normal;
}

div.blog-comment-content 
{
	display:block;
	overflow:hidden;
	padding:0;
	margin: 0.5em 0;
	clear: both;
}

div.blog-comment
{
	border: none;
	background: none;
	margin:  0 0 0.6em;	
	padding: 0;
	overflow: hidden;
}

div.blog-comment-cont
{
	margin:0;
	padding:0 0 1em 0;
	border: none;
	background: none;
	border-bottom:1px solid;
}

div.blog-comment-form-box { line-height: normal; margin:0 0 0.6em; }

span.blog-vert-separator { display: none;}
div.blog-add-comment { font-size: 1em; margin: 0 0 1em; padding: 0;}
div.blog-add-comment-top { border-bottom: 1px solid; padding:0 0 2em 0;}
div.blog-add-comment-bottom { margin: 0.6em 0 1em; padding:2em 0 0;}

div.blog-comment-info div.blog-author
{
	display:block;
	font-weight:bold;
	margin:0;
	padding:0;
	float: none;
}

div.blog-comment-info div.blog-author .blog-author-icon { display: none;}

div.blog-comment-date
{
	display:block;
	line-height:inherit;
	margin:0.5em 0 0;
	padding:0;
}

div.blog-comment-author-ip
{
	display:block;
	padding:0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}

div.blog-comment-voting { position:absolute; top: 17px; right:0; float:none;}

div.blog-comment-author-ip a { font-size: 0.9em; text-decoration: none;}
div.blog-comment-avatar  {display: none;}
div.blog-comment-register-avatar, div.blog-comment-guest-avatar {display: none;}
div.blog-comment-content div.blog-comment-avatar { display: none; }

div.blog-comment-meta
{
	font-size: inherit;
	line-height: inherit;
	margin:0;
	padding:0;
}

div.blog-comment-meta a { text-decoration: none !important; font-size: 0.87em; }
div.blog-comment-meta span { padding: 0 1em 0 0; margin: 0;}

div.blog-comment-preview {border:none;}
div.blog-comment-preview div.blog-comment-cont { border: 1px dashed;}


div.blog-list-item 
{
	margin: 0 0 1em 0; 
	border: none;
	border-bottom: 1px dashed; 
	padding: 0 0 1em 0;
	clear: both;
	overflow: hidden;
	position: relative;
}

div.blog-list-item div.blog-author { float:none; margin: 0 0 0 65px; display: block;}
div.blog-list-item div.blog-list-title { margin: 0.5em 0 0 65px; display: block;}
div.blog-list-item div.blog-list-content { margin: 0.5em 0 0 65px; display: block;}

div.blog-list-item .blog-author-icon { display: none;}
div.blog-list-item div.blog-author a { font-size: 1em; font-weight: bold;}
div.blog-list-title a { font-size: 1.5em; font-weight: normal; text-decoration: none;}
div.blog-list-item div.blog-clear-float { display: none; clear:none;}
div.blog-register-date { position: absolute; top:0; right: 0; font-size:0.85em; text-transform: lowercase;}

/* Errors and Notes */
div.blog-note-box
{
	border: 1px solid;
	margin:0 0 1.5em 0;
	padding:0.4em 1.117em;
}

div.blog-note-box ul{padding:0.3em 0 0.3em 2em; margin:0;}
div.blog-note-box  ul li {margin:0; padding:0;}

/*Quote*/
table.blog-quote { font-size:1em; margin:0.5em 0 1em; width:80%;}
table.blog-quote table.blog-quote { width: 80%; margin: 0.5em 0 0;}
table.blog-quote th {font-weight:normal; padding: 0 1em; text-align:left;}
table.blog-quote td { padding:0.9em 1em; border: 1px dashed; }

table.blog-quote td  {}
table.blog-quote th {}

/* Code box*/
div.blog-code-box  
{
	border: 1px dashed; 
	margin:0.5em 0;
	padding:0 !important;
}

div.blog-code-box pre 
{
	font-family:"Consolas","Monaco","Courier New",Courier;
	font-size:1em;
	font-weight:normal;
	line-height:1.3em;
	margin:0;
	overflow:auto;
	padding:0.5em !important;
	width:auto !important;
}

/*******************/
div.blog-posts {width: 100%;}
div.blog-post-edit-form {width: 95%;}
div.blog-edit-fields {margin:0;}
div.blog-post-edit-form, div.blog-comment-fields {background-color:#FFF;}
div.blog-post-meta span.blog-post-comments-link, 
div.blog-post-meta span.blog-post-views-link, 
div.blog-post-meta span.blog-post-edit-link, 
div.blog-post-meta span.blog-post-hide-link, 
div.blog-post-meta span.blog-post-show-link, 
div.blog-post-meta span.blog-post-publish-link, 
div.blog-post-meta span.blog-post-delete-link { background:none;}
h2.blog-post-title {background-color:transparent; border:none;}
div.blog-post-date {background-color:transparent;}

div.blog-post-current h2.blog-post-title {display:none;}
div.blog-post-current div.blog-post-info-top {position: relative; display:none;}
div.blog-post-current div.blog-post-info {background: none;}
div.blog-post div.blog-post-info {background: transparent;}
div.blog-post-current div.blog-post {background-image:none;}

/* End */


/* Start:/local/templates/cybervoice/common.css?16938714903299*/
/* Round Corners*/
.r0, .r1, .r2, .r3, .r4 { overflow: hidden; font-size:1px; display: block; height: 1px;}
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/* Tags cloud */
div.search-cloud { text-align:center; } 
div.search-cloud a { line-height:1.4em; text-decoration:none; }
div.search-cloud a:hover { text-decoration:underline; }

/* Search results*/
div.search-advanced { overflow: hidden; margin: 0.5em 0; zoom:1;}
div.search-advanced-result { float: left; width:70%;}
div.search-advanced-filter { float: right; }
div.search-advanced-filter a { outline: none;}

div.search-item { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid;}
div.search-result { margin: 0;}
div.search-preview {margin: 0.5em 0;}

div.search-item-meta { margin: 1em 0 0 0; overflow: hidden; zoom: 1;}
div.search-item-tags { float: left; }
div.search-item-date { float: right;}

div.search-page input.search-query {width: 99%; border: 1px solid; font-size:1.3em;}
div.search-page input.search-button { font-size: 1.2em; }

div.search-filter h2 { margin:1em 0 0.5em; }
table.search-filter { width: 100%;  margin-top: 0.5em;}
table.search-filter td { padding: 1em; border-top: 1px solid;}
td.search-filter-name { width: 10%; text-align: right;}
td.search-filter-field { width: 50%;}

table.search-filter input.input-field { border: 1px solid; font-size:1.3em; }
table.search-filter select.select-field {border: 1px solid; font-size:1.2em; } 

div.search-sorting { margin: 0.5em 0;}
div.search-sorting b { padding: 0.2em 0.3em 0.3em ; font-weight: normal;}

/* Content Forms: commons styles */
div.content-form
{
	position:relative; 
	zoom:1;
	padding-bottom: 2.5em;
	padding-left:2.5em;
}

div.content-form div.form-input span {font-size: 1.5em;}
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select
{	
	margin: 0;
	border:1px solid;
	font-size:1.117em; 
	font-family:Verdana, Tahoma, Sans-Serif;
	margin-bottom: 8px;
	
}

div.content-form div.form-input input, div.content-form div.form-input textarea { padding: 0.3em; }

div.content-form div.legend
{
	left: -1em; 
	top:-0.7em; 
	float:left; 
	padding: 0 3px; 
	background:white; 
	position:relative; 
	z-index:10; 
	font-size: 1.8em; 
	font-family:Arial, Verdana, Tahoma, Sans-Serif;
}

div.content-form div.form-input input, div.content-form div.form-input textarea {width:75%;}
div.content-form div.fields { clear: both; }
div.content-form input.input-submit { overflow:visible; padding:0 0.5em;}
div.content-form div.field { padding:0; margin: 0 0 0.8em 0; display: block; }
div.content-form div.field label.field-title
{
	display: block;
	font-size: 1.4em;
	margin-bottom: 3px;
	font-family:Arial, Verdana, Tahoma, Sans-Serif; 
	white-space: nowrap;
}

div.content-form div.description {font-size: 0.9em; }
div.content-form div.field-checkbox { margin: 0.3em 0; font-size: 1.4em;}

/*Error & OK messages*/
.errortext, .notetext
{
	display: block;
	margin:0 0 1.5em 0;
	padding:0.4em 1.117em;
	border: 1px solid;
}

.errortext ul, .notetext ul {padding:0.3em 0 0.3em 2em; margin:0;}
.errortext ul li, .notetext ul li {margin:0; padding:0;}
/* End */


/* Start:/local/templates/cybervoice/template_styles.css?179213426939415*/
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Montserrat', sans-serif;
  background-color: #ffffff;
  color: #000000;
  line-height: 1.5;
  scroll-behavior: smooth;
}
:root {
  --primary: #0bc6ba;
  --primary-dark: #075a51;
  --primary-light: #0c8880;
  --accent: #077e76;
  --secondary: #000000;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-600: #2d3a4b;
  --gray-800: #1e293b;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(11, 198, 186, 0.2) inset;
}
.flex {
  display: flex;
  align-items: center;
}
header .flex {
  justify-content: space-between;
}
.container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.btn,
input[type="submit"] {
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
  padding: 12px 28px;
  border-radius: 40px; 
  font-weight: 600; 
  font-size: 1rem;
  transition: all 0.25s ease; 
  cursor: pointer; 
  text-decoration: none; 
  border: none;
  text-wrap: wrap;
}
.btn-primary, 
input[type="submit"] { 
  background: var(--primary); 
  color: #000000; 
  box-shadow: var(--shadow-sm); 
}
.btn-primary:hover,
input[type="submit"]:hover { 
  background: var(--primary-dark); 
  color: #ffffff; 
  transform: translateY(-2px); 
  box-shadow: var(--shadow-lg); 
}
.btn-outline { background: transparent; border: 1px solid var(--gray-200); color: #000000; }
.btn-outline:hover { border-color: var(--primary); color: var(--primary); background: rgba(11, 198, 186, 0.05); }
.btn-large { padding: 14px 36px; font-size: 1.1rem; }

.header { background: rgba(255,255,255,0.96); backdrop-filter: blur(8px); position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--gray-200); }
.navbar { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  padding: 20px 0; 
  flex-wrap: wrap; 
}
.logo { font-size: 1.8rem; font-weight: 800; background: linear-gradient(135deg, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: -0.02em; text-decoration: none; }
.nav-links { display: flex; gap: 32px; align-items: center; }
.nav-links a { text-decoration: none; color: #1f2937; font-weight: 500; transition: color 0.2s; }
.nav-links a:hover { color: var(--primary); }
.nav-item { position: relative; }
.nav-item .dropdown-icon { font-size: 0.8rem; margin-left: 4px; transition: transform 0.2s; }
.nav-item:hover .dropdown-icon { transform: rotate(180deg); }
.mobile-menu-btn { display: none; font-size: 18px; background: none; border: none; cursor: pointer; color: #fff; }
.mobile-menu-lock {
  overflow: hidden;
}

.mobile-menu-lock::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(0, 0, 0, 0.42);
}

.hero { 
  position: relative;
  overflow: hidden;
  padding: 40px 0 60px; 
  background: #ffffff;
  min-height: 80vh;
  display: flex; 
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f7f7f8;
}
.hero-clouds {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
.hero-cloud {
  position: absolute;
  display: block;
  border-radius: 999px;
  filter: blur(42px);
  opacity: 0;
  will-change: opacity, transform;
  animation: heroCloudFloat 18s ease-in-out infinite;
}
.hero-cloud-1 {
  width: 360px;
  height: 240px;
  top: 11%;
  left: 5%;
  background: rgba(11, 198, 186, 0.28);
  animation-delay: 0s;
}
.hero-cloud-2 {
  width: 300px;
  height: 210px;
  top: 15%;
  right: 8%;
  background: rgba(7, 126, 118, 0.2);
  animation-delay: 4s;
  animation-duration: 22s;
}
.hero-cloud-3 {
  width: 420px;
  height: 260px;
  left: 24%;
  bottom: 4%;
  background: rgba(11, 198, 186, 0.18);
  animation-delay: 8s;
  animation-duration: 24s;
}
.hero-cloud-4 {
  width: 280px;
  height: 220px;
  right: 18%;
  bottom: 8%;
  background: rgba(7, 90, 81, 0.14);
  animation-delay: 12s;
  animation-duration: 20s;
}
@keyframes heroCloudFloat {
  0% {
    opacity: 0;
    transform: translate3d(-24px, 20px, 0) scale(0.72);
  }
  18% {
    opacity: 0.72;
  }
  48% {
    opacity: 0.42;
    transform: translate3d(22px, -18px, 0) scale(1.12);
  }
  76% {
    opacity: 0.64;
  }
  100% {
    opacity: 0;
    transform: translate3d(44px, -30px, 0) scale(0.86);
  }
}
.hero > .container {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  
  background-image: url(/images/hero-bg-1.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 70%;
}
@media (prefers-reduced-motion: reduce) {
  .hero-cloud {
    animation: none;
    opacity: 0.32;
    transform: none;
  }
}
.hero-grid { 
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0;
  justify-content: flex-start;
  max-width: 600px;
  margin: 0; }
.hero h1 { font-size: 3.2rem; font-weight: 800; line-height: 1.2; background: linear-gradient(to right, #000000, var(--primary)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero p { font-size: 1.25rem; color: #2c3e4e; max-width: 800px; margin: 0 auto; }
.hero-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.content {
  padding: 50px 0px 50px;
}
    
.section { padding: 80px 0; }
.section-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 16px; text-align: center; color: #000000; }
.section-sub { text-align: center; color: #2c3e4e; max-width: 700px; margin: 0 auto 48px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }

.card {
  background: #ffffff; border-radius: 24px; padding: 28px; box-shadow: var(--shadow-md);
  transition: all 0.3s ease; border: 1px solid var(--gray-100);
}
.card:hover { transform: translateY(-6px); box-shadow: var(--shadow-xl); border-color: var(--primary-light); }
.card-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; }
.card h3 { font-size: 1.35rem; margin-bottom: 12px; font-weight: 700; color: #000000; }
.card p { color: #2c3e4e; }

.product-card {
  background: #ffffff; border-radius: 32px; padding: 32px; box-shadow: var(--shadow-md);
  transition: all 0.3s ease; border: 1px solid var(--gray-100); height: 100%;
  display: flex; flex-direction: column;
}
.product-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-xl); border-color: var(--primary-light); }
.product-icon { font-size: 3rem; color: var(--primary); margin-bottom: 24px; }
.product-card h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 16px; color: #000000; }
.product-badge {
  display: inline-block; background: rgba(11, 198, 186, 0.12); color: #075a51;
  border-radius: 40px; padding: 6px 14px; font-size: 0.8rem; font-weight: 600; margin-bottom: 20px;
}
.product-card ul { list-style: none; margin: 20px 0; flex-grow: 1; }
.product-card li { display: flex; gap: 10px; margin-bottom: 12px; color: #2c3e4e; }
.product-card li i { color: var(--primary); min-width: 20px; margin-top: 3px; }

.features-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.features-list li { list-style: none; display: flex; align-items: center; gap: 12px; color: #000000; }
.features-list i { color: var(--primary); font-size: 1.3rem; }

.step-card { text-align: center; }
.step-number {
  width: 56px; height: 56px; background: var(--primary); color: #000000;
  border-radius: 60px; display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem; font-weight: 700; margin: 0 auto 20px;
}

.cta-section {
  background: linear-gradient(110deg, #075a51 0%, #0c8880 100%); 
  color: #ffffff;
  box-shadow: var(--shadow-xl);
  border-radius: 48px; padding: 64px 48px; text-align: center;
}
.cta-section h2 { 
  color: #ffffff;
  font-size: 2rem;
  margin-bottom: 16px;
}

.cta-section p {
  opacity: 0.9; 
  margin-bottom: 24px;
}

.form-group,
.form-group form { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }

.form-group input[type="text"], 
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea,
.form-group select {
  padding: 14px 20px; 
  border-radius: 60px; 
  border: 1px solid transparent; 
  font-size: 1rem;
  min-width: 220px; 
  background: #ffffff; 
  color: #000000;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.form-group button { background: var(--primary); border: none; color: #000000; font-weight: 600; }
.form-group button:hover { background: #075a51; color: #ffffff; }

body.lead-modal-open {
  overflow: hidden;
}

.lead-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.lead-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.lead-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 26, 43, 0.62);
  backdrop-filter: blur(4px);
}

.lead-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: var(--shadow-xl);
  padding: 40px 32px 32px;
  transform: translateY(16px) scale(0.98);
  transition: transform 0.25s ease;
}

.lead-modal.is-open .lead-modal__dialog {
  transform: translateY(0) scale(1);
}

.lead-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--gray-100);
  color: var(--gray-800);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
}

.lead-modal__close:hover {
  background: var(--primary);
  color: #000000;
}

.lead-modal__header {
  text-align: center;
  margin-bottom: 24px;
  padding-right: 24px;
}

.lead-modal__header h2 {
  font-size: 1.6rem;
  margin-bottom: 8px;
  color: #000000;
}

.lead-modal__header p {
  color: var(--gray-600);
  margin: 0;
}

.lead-modal__form,
.lead-modal__form form {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 14px;
}

.lead-modal__form input[type="text"],
.lead-modal__form input[type="email"],
.lead-modal__form input[type="tel"],
.lead-modal__form textarea,
.lead-modal__form select {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--gray-200);
  border-radius: 14px;
  background: var(--gray-50);
}

.lead-modal__form input:focus,
.lead-modal__form textarea:focus,
.lead-modal__form select:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(11, 198, 186, 0.18);
  background: #ffffff;
}

.lead-modal__form input[type="submit"],
.lead-modal__form button[type="submit"] {
  width: 100%;
  justify-content: center;
  margin-top: 4px;
  background: var(--primary);
  color: #000000;
  border: none;
  border-radius: 60px;
  font-weight: 600;
}

.lead-modal__form .bitrix-form-message {
  margin-top: 8px;
}
/* 
#leadForm input[type="submit"] {
  margin-top: 30px;
}  */

.bitrix-form--loading {
  pointer-events: none;
}

.bitrix-form--loading input,
.bitrix-form--loading textarea,
.bitrix-form--loading select {
  opacity: 0.72;
}

.bitrix-form--loading [type="submit"],
[type="submit"]:disabled {
  cursor: wait;
  opacity: 0.85;
  transform: none;
  animation: formSubmitPulse 1s ease-in-out infinite;
}

.bitrix-form-field--error {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.16) !important;
  background: #fff7f7 !important;
}

.bitrix-form-field-error {
  width: 100%;
  margin: -8px 0 2px;
  color: #ffd6d6;
  font-size: 0.86rem;
  font-weight: 600;
  text-align: left;
}

.form-wrapper .bitrix-form-field-error,
.contact-form-section .bitrix-form-field-error {
  color: #b91c1c;
}

.bitrix-form-message {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: min(100%, 620px);
  margin: 20px auto 0;
  padding: 16px 18px;
  border-radius: 22px;
  box-shadow: var(--shadow-md);
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
  animation: formMessageIn 0.25s ease-out;
}

.bitrix-form-message__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: 800;
}

.bitrix-form-message--success {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid rgba(16, 185, 129, 0.28);
}

.bitrix-form-message--success .bitrix-form-message__icon {
  background: #10b981;
  color: #ffffff;
}

.bitrix-form-message--error {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid rgba(239, 68, 68, 0.28);
}

.bitrix-form-message--error .bitrix-form-message__icon {
  background: #ef4444;
  color: #ffffff;
}

@keyframes formSubmitPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(11, 198, 186, 0.32);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(11, 198, 186, 0);
  }
}

@keyframes formMessageIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1; 
    transform: translateY(0);
  }
}


footer { background: #000000; color: #94a3b8; padding: 48px 0 24px; }
footer .logo { color: #ffffff; background: none; -webkit-background-clip: unset; background: none; }
footer h4 { color: #ffffff; margin-bottom: 12px; }

/* Стили для блока транскрибации */
.transcription-block {
  border-radius: 32px;
  background: linear-gradient(145deg, #0a1a2b 0%, #0d2b3e 100%);
  border: 1px solid rgba(11, 198, 186, 0.25);
  box-shadow: var(--shadow-xl);
  color: #ffffff;
  position: relative;
  overflow: hidden;
  padding: 40px;
}

.transcription-block-content {
  position: relative; z-index: 2;
}

.transcription-block-content-badge {
  display: inline-block; 
  background: rgba(11, 198, 186, 0.18); 
  backdrop-filter: blur(4px); 
  border: 1px solid rgba(11, 198, 186, 0.4); 
  border-radius: 100px; 
  padding: 8px 20px; 
  margin-bottom: 24px;
}

.transcription-block-content-badge i {
  color: var(--primary); 
  margin-right: 8px;
}

.transcription-block-content-badge span {
  font-weight: 600; 
  letter-spacing: 0.5px; 
  color: #e2e8f0;
}

.transcription-block-content-text {
  display: flex; 
  align-items: flex-start; 
  gap: 24px; 
  flex-wrap: wrap; 
  margin-bottom: 32px;
}

.transcription-block-content-text-icon {
  background: rgba(11, 198, 186, 0.15); 
  border-radius: 30px; 
  padding: 20px;
}

.transcription-block-content-text-icon i {
  font-size: 3.2rem; 
  color: var(--primary); 
  filter: drop-shadow(0 0 15px rgba(11,198,186,0.5));
}

.transcription-block-content-text h2 {
  font-size: 2.5rem; 
  font-weight: 800; 
  color: white; 
  line-height: 1.2; 
  margin-bottom: 16px;
}

.transcription-block-content-text p {
  font-size: 1.25rem; 
  color: rgba(255,255,255,0.85); 
  max-width: 700px;
}

.transcription-block-content-wave {
  display: flex; 
  align-items: center; 
  justify-content: center; 
  gap: 7px; 
  margin: 40px 0;
  min-height: 96px;
  padding: 18px 24px;
  border-radius: 28px;
  background: linear-gradient(90deg, transparent 0%, rgba(11, 198, 186, 0.08) 50%, transparent 100%);
}

.transcription-block-content-wave .wave-bar {
  width: 6px;
  height: var(--wave-height, 44px);
  display: block;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(157, 255, 249, 0.95), var(--primary));
  box-shadow: 0 0 14px rgba(11, 198, 186, 0.45);
  opacity: 0.55; 
  transform: scaleY(0.35);
  transform-origin: center;
  animation: soundWave var(--wave-speed, 3s) ease-in-out infinite;
  animation-delay: var(--wave-delay, 0s);
}

.transcription-block-content-wave .wave-bar:nth-child(1) { --wave-height: 20px; --wave-delay: -1.12s; --wave-speed: 2.06s; }
.transcription-block-content-wave .wave-bar:nth-child(2) { --wave-height: 14px; --wave-delay: -0.74s; --wave-speed: 1.82s; }
.transcription-block-content-wave .wave-bar:nth-child(3) { --wave-height: 44px; --wave-delay: -1.54s; --wave-speed: 2.2s; }
.transcription-block-content-wave .wave-bar:nth-child(4) { --wave-height: 52px; --wave-delay: -0.35s; --wave-speed: 1.93s; }
.transcription-block-content-wave .wave-bar:nth-child(5) { --wave-height: 48px; --wave-delay: -1.23s; --wave-speed: 1.72s; }
.transcription-block-content-wave .wave-bar:nth-child(6) { --wave-height: 62px; --wave-delay: -0.6s; --wave-speed: 2.14s; }
.transcription-block-content-wave .wave-bar:nth-child(7) { --wave-height: 64px; --wave-delay: -1.68s; --wave-speed: 1.89s; }
.transcription-block-content-wave .wave-bar:nth-child(8) { --wave-height: 70px; --wave-delay: -0.91s; --wave-speed: 2.03s; } 
.transcription-block-content-wave .wave-bar:nth-child(9) { --wave-height: 64px; --wave-delay: -1.37s; --wave-speed: 1.79s; }
.transcription-block-content-wave .wave-bar:nth-child(10) { --wave-height: 82px; --wave-delay: -0.28s; --wave-speed: 2.1s; }
.transcription-block-content-wave .wave-bar:nth-child(11) { --wave-height: 48px; --wave-delay: -1.02s; --wave-speed: 1.86s; }
.transcription-block-content-wave .wave-bar:nth-child(12) { --wave-height: 72px; --wave-delay: -1.47s; --wave-speed: 2.17s; }
.transcription-block-content-wave .wave-bar:nth-child(13) { --wave-height: 54px; --wave-delay: -0.49s; --wave-speed: 1.96s; }
.transcription-block-content-wave .wave-bar:nth-child(14) { --wave-height: 34px; --wave-delay: -1.3s; --wave-speed: 1.75s; }
.transcription-block-content-wave .wave-bar:nth-child(15) { --wave-height: 20px; --wave-delay: -0.81s; --wave-speed: 2.06s; }

@keyframes soundWave {
  0%, 100% {
    opacity: 0.42;
    transform: scaleY(0.3);
  }
  18% {
    opacity: 0.9;
    transform: scaleY(1.02);
  }
  38% {
    opacity: 0.58;
    transform: scaleY(0.48);
  }
  58% {
    opacity: 1;
    transform: scaleY(1.28);
  }
  78% {
    opacity: 0.68;
    transform: scaleY(0.62);
  }
}

.transcription-block-content-cards {
  margin-top: 20px; 
  gap: 24px;
  .card {
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.1); 
    color: white;
  }
}

.transcription-block .card:hover {
  background: rgba(11, 198, 186, 0.1) !important;
  border-color: var(--primary) !important;
}

.transcription-block-content-buttons {
  display: flex; 
  align-items: center; 
  gap: 20px;
  flex-wrap: wrap; 
  margin-top: 48px;
}

.transcription-block-content-buttons .btn-outline {
  color: #fff;
}

.upload-area {
  background: var(--gray-50); border: 2px dashed var(--gray-200);
  border-radius: 24px; padding: 48px 24px; text-align: center;
  transition: border-color 0.2s; margin: 32px 0;
}
.upload-area:hover { border-color: var(--primary); background: rgba(11, 198, 186, 0.02); }
.upload-area i { font-size: 3rem; color: var(--primary); margin-bottom: 16px; }
.upload-area .upload-text { font-size: 1.2rem; font-weight: 600; margin-bottom: 8px; }
.upload-area .upload-hint { color: var(--gray-600); font-size: 0.9rem; }
.file-info { display: flex; justify-content: center; gap: 24px; margin-top: 24px; color: var(--gray-600); }
.badge-light {
  background: rgba(11, 198, 186, 0.08); color: #075a51; padding: 6px 16px;
  border-radius: 40px; font-size: 0.85rem; font-weight: 500;
}

.partner-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  img {
    max-width: 200px;
    max-height: 60px;
    object-fit: contain;
  }
}

.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }

.faq-item {
  background: #ffffff;
  border-radius: 20px;
  margin-bottom: 16px;
  border: 1px solid var(--gray-200);
  overflow: hidden;
}
.faq-question {
  padding: 20px 28px;
  font-weight: 700;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  transition: background 0.2s;
  color: #000000;
}
.faq-question:hover {
  background: var(--gray-50);
}
.faq-answer {
  padding: 20px 28px 20px 28px;
  color: #2c3e4e;
  border-top: 1px solid var(--gray-200);
  display: none;
}
.faq-answer.active {
  display: block;
}

.hero-about {
  padding: 80px 0 60px;
  background: linear-gradient(125deg, #ffffff 0%, #eef9f7 100%);
}
.hero-about h1 { font-size: 3.2rem; font-weight: 800; line-height: 1.2; margin-bottom: 20px; }
.hero-about .highlight { color: var(--primary); }
.hero-about p { font-size: 1.2rem; color: #2c3e4e; max-width: 800px; }

.stat-card {
  text-align: center;
  background: var(--gray-50);
  border-radius: 32px;
  padding: 32px 20px;
}
.stat-number { font-size: 3rem; font-weight: 800; color: var(--primary); line-height: 1.2; }
.stat-label { font-size: 1rem; color: #2c3e4e; margin-top: 8px; }

.team-member {
  text-align: center;
}
.team-avatar {
  width: 140px; height: 140px;
  background: linear-gradient(145deg, var(--gray-100), #ffffff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 3rem;
  color: var(--primary);
  border: 2px solid var(--primary-light);
  box-shadow: var(--shadow-md);
}
.team-member h4 { font-size: 1.3rem; margin-bottom: 6px; }
.team-member p { color: var(--gray-600); font-size: 0.9rem; }

.timeline {
  position: relative;
  padding-left: 40px;
}
.timeline-item {
  position: relative;
  margin-bottom: 48px;
}
.timeline-year {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--primary);
  margin-bottom: 8px;
}
.timeline-dot {
  position: absolute;
  left: -28px;
  top: 8px;
  width: 14px;
  height: 14px;
  background: var(--primary);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(11,198,186,0.2);
}
.timeline-content h4 { font-size: 1.2rem; margin-bottom: 8px; }
.timeline-content p { color: #2c3e4e; }

.badge-light {
  background: rgba(11, 198, 186, 0.08); color: #075a51; padding: 6px 16px;
  border-radius: 40px; font-size: 0.85rem; font-weight: 500;
}
.cta-mini {
  background: #000000;
  border-radius: 32px;
  padding: 48px;
  text-align: center;
  color: white;
}
.cta-mini h3 { color: white; font-size: 1.8rem; margin-bottom: 16px; }
.cta-mini .btn-primary { background: var(--primary); color: #000; }
.contact-form-section {
  background-color: var(--gray-50);
}
.contacts-section {
  padding: 50px 0;
}
.contacts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.contact-info-card {
  background: #ffffff;
  border-radius: 32px;
  padding: 36px;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  border: 1px solid var(--gray-100);
  height: fit-content;
}
.contact-info-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-xl);
  border-color: var(--primary-light);
}
.contact-info-header {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--gray-200);
}
.contact-info-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: white;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  font-size: 28px;
}
.contact-info-header h3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
}
.contact-detail-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  padding: 18px;
  background: var(--gray-50);
  border-radius: 24px;
  transition: all 0.2s;
  border-left: 5px solid var(--primary);
}
.contact-detail-item:hover {
  background: #e6f7f5;
  transform: translateX(5px);
}
.contact-detail-icon {
  color: var(--primary);
  margin-right: 16px;
  font-size: 22px;
  width: 28px;
  text-align: center;
}
.contact-detail-content h4 {
  margin-bottom: 6px;
  color: #000;
  font-size: 1.2rem;
  font-weight: 700;
}
.contact-detail-content p {
  color: #2c3e4e;
  margin: 0;
  line-height: 1.4;
}
.contact-detail-link {
  color: var(--primary-dark);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  margin-top: 5px;
}
.contact-detail-link:hover {
  text-decoration: underline;
}

.form-wrapper {
  background: #ffffff;
  border-radius: 40px;
  padding: 48px;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--gray-200);
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
}
.form-group {
  flex: 1;
  min-width: 250px;
}
.form-group label {
  display: block;
  margin-bottom: 8px;
  color: #000;
  font-weight: 600;
}

.contact-form-section .form-group {
  gap: 0;
}

.contact-form-section .form-group input, 
.contact-form-section .form-group textarea {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid var(--gray-200);
  border-radius: 30px;
  font-size: 1rem;
  transition: all 0.2s;
  background-color: var(--gray-50);
  font-family: 'Inter', sans-serif;
}
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgba(11, 198, 186, 0.1);
  background-color: white;
}
.form-group textarea {
  min-height: 140px;
  resize: vertical;
  border-radius: 30px;
}

.contact-form-section input[type="submit"] {
  margin: 30px auto 0;
  display: block;
}

.map-container {
  height: 400px;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  margin-bottom: 10px;
  position: relative;
  border: 1px solid var(--gray-200);
}
#map {
  width: 100%;
  height: 100%;
}
.map-overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: rgba(255, 255, 255, 0.95);
  padding: 18px 22px;
  border-radius: 30px;
  box-shadow: var(--shadow-lg);
  max-width: 300px;
  backdrop-filter: blur(4px);
}
.map-overlay h4 {
  margin-bottom: 8px;
  color: #000;
  font-weight: 700;
}
.map-overlay p {
  color: #2c3e4e;
  margin: 4px 0;
}

.breadcrumbs {
    padding: 15px 0;
    background: #f5f5f5;
    font-size: 14px;
    /* margin-bottom: 30px; */
}

.breadcrumbs a {
    color: var(--primary);
    text-decoration: none;
}

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

.breadcrumbs .separator {
    margin: 0 5px;
    color: #999;
}

.breadcrumbs .current {
    color: #333;
    font-weight: 500;
}
@media screen and (max-width: 450px) { 
  .official-items {
    flex-direction: column;
  }

  .stack-items > div,
  .official-items > div {
    width: 100%;
  }
}

.problem-grid {
  display: grid;
  gap: 20px;
}
.problem-item {
  background: #ffffff;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  box-shadow: var(--shadow-sm);
  border-left: 5px solid var(--primary);
}
.problem-text {
  flex: 1;
  font-weight: 600;
  color: #000000;
}
.problem-text i {
  color: var(--primary);
  width: 1.8rem;
  font-size: 1.25rem;
  margin-right: 8px;
}
.solution-text {
  flex: 1.5;
  color: #2c3e4e;
}

.deploy-card {
  background: #ffffff;
  border-radius: 32px;
  padding: 32px;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  border: 1px solid var(--gray-100);
  height: 100%;
}
.deploy-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-xl);
  border-color: var(--primary-light);
}
.deploy-icon {
  font-size: 3rem;
  color: var(--primary);
  margin-bottom: 20px;
}
.deploy-card h3 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #000000;
}
.deploy-badge {
  display: inline-block;
  background: rgba(11, 198, 186, 0.12);
  color: #075a51;
  border-radius: 40px;
  padding: 6px 14px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.deploy-card ul li {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #2c3e4e;
}
.deploy-card ul li i {
  width: 1.4rem;
  color: var(--primary);
}
.compare-table {
  overflow-x: auto;
}
.compare-table table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.compare-table th, .compare-table td {
  padding: 16px 20px;
  text-align: left;
  border-bottom: 1px solid var(--gray-200);
}
.compare-table th {
  background: var(--gray-50);
  font-weight: 700;
  color: #000000;
}
.compare-table tr:last-child td {
  border-bottom: none;
}
.compare-table td {
  color: #2c3e4e;
}
.compare-table td:first-child {
  font-weight: 600;
  color: #000000;
}
.pricing-table {
  overflow-x: auto;
  margin-top: 48px;
}
.pricing-table table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.pricing-table th {
  background: var(--primary);
  color: #000000;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 20px 16px;
  text-align: center;
}
.pricing-table td {
  padding: 16px;
  text-align: center;
  border-bottom: 1px solid var(--gray-200);
  color: #2c3e4e;
}
.pricing-table tr:last-child td {
  border-bottom: none;
}
.pricing-table td:first-child {
  font-weight: 700;
  color: #000000;
  background-color: var(--gray-50);
}
.price-total {
  font-weight: 800;
  color: var(--primary-dark);
  font-size: 1.2rem;
}
.pricing-note {
  text-align: center;
  font-size: 0.85rem;
  color: #2c3e4e;
  margin-top: 24px;
}
.process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-top: 32px;
}

.process-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 28px;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  border: 1px solid var(--gray-100);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.process-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-xl);
  border-color: var(--primary-light);
}

.process-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.process-badge {
  background: var(--primary);
  color: #000000;
  padding: 4px 12px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 0.8rem;
}

.process-duration {
  font-weight: 800;
  color: var(--primary);
}

.process-title {
  font-size: 1.4rem;
  margin-bottom: 16px;
  font-weight: 700;
  color: #000000;
}

.process-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-grow: 1;
}

.process-list li {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  color: #2c3e4e;
}

.process-list li i {
  color: var(--primary);
  margin-top: 3px;
  min-width: 18px;
}

.pricing-table-grid {
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  gap: 32px; 
  margin-top: 48px;
}

.pricing-table-grid h3 {
  font-size: 1.6rem; 
  font-weight: 700; 
  color: #000000; 
  margin: 0;
}

/* ========== PREMIUM FLOATING TRANSCRIBE BANNER ========== */
.cv-sticky-banner {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 460px;
  max-width: calc(100vw - 32px);
  z-index: 9999;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(8,18,30,0.96) 0%, rgba(10,27,42,0.96) 100%);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(11,198,186,0.24);
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.45), 0 0 0 1px rgba(11,198,186,0.08), 0 0 80px rgba(11,198,186,0.08);
  animation: cvBannerShow 0.5s ease;
}
.cv-banner-glow {
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle at top right, rgba(11,198,186,0.22), transparent 45%);
  pointer-events: none;
}
.cv-banner-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
}
.cv-left {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  flex: 1;
}
.cv-icon-wrap {
  position: relative;
  min-width: 64px;
  width: 64px;
  height: 64px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, rgba(11,198,186,0.18), rgba(11,198,186,0.08));
  border: 1px solid rgba(11,198,186,0.2);
}
.cv-icon-wrap i {
  font-size: 1.8rem;
  color: #0bc6ba;
  position: relative;
  z-index: 2;
}
.cv-pulse {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: 1px solid rgba(11,198,186,0.45);
  animation: cvPulse 2s infinite;
}
.cv-text h4 {
  margin: 10px 0 8px;
  color: white;
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.2;
}
.cv-text p {
  margin: 0;
  color: rgba(255,255,255,0.76);
  font-size: 0.92rem;
  line-height: 1.5;
}
.cv-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(11,198,186,0.12);
  border: 1px solid rgba(11,198,186,0.2);
  color: #8cf5ee;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.cv-badge span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0bc6ba;
  box-shadow: 0 0 12px #0bc6ba;
}
.cv-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.cv-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: rgba(255,255,255,0.72);
}
.cv-meta-item i {
  color: #0bc6ba;
}
.cv-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.cv-audio-bars {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 42px;
}
.cv-audio-bars span {
  width: 6px;
  background: #0bc6ba;
  border-radius: 10px;
  animation: cvBars 1.2s infinite ease-in-out;
}
.cv-audio-bars span:nth-child(1) { height: 12px; animation-delay: 0s; }
.cv-audio-bars span:nth-child(2) { height: 26px; animation-delay: 0.15s; }
.cv-audio-bars span:nth-child(3) { height: 38px; animation-delay: 0.3s; }
.cv-audio-bars span:nth-child(4) { height: 24px; animation-delay: 0.45s; }
.cv-audio-bars span:nth-child(5) { height: 14px; animation-delay: 0.6s; }
.cv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0bc6ba 0%, #0fa99f 100%);
  color: #031013;
  text-decoration: none;
  font-weight: 800;
  font-size: 0.92rem;
  transition: 0.25s ease;
  box-shadow: 0 10px 25px rgba(11,198,186,0.25);
}
.cv-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 35px rgba(11,198,186,0.34);
  color: black;
}
.cv-sub {
  font-size: 0.72rem;
  color: rgba(255,255,255,0.55);
}
.cv-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 12px;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.7);
  cursor: pointer;
  transition: 0.2s ease;
  z-index: 3;
}
.cv-close:hover {
  background: rgba(255,255,255,0.12);
  color: white;
}
@keyframes cvBannerShow {
  from { opacity: 0; transform: translateY(30px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes cvPulse {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.45); opacity: 0; }
}
@keyframes cvBars {
  0%,100% { transform: scaleY(0.6); opacity: 0.7; }
  50% { transform: scaleY(1.35); opacity: 1; }
}
@media (max-width: 640px) {
  .cv-sticky-banner {
    left: 16px;
    right: 16px;
    width: auto;
    bottom: 16px;
  }
  .cv-banner-inner {
    flex-direction: column;
    align-items: stretch;
  }
  .cv-left {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .cv-right {
    width: 100%;
  }
  .cv-btn {
    width: 100%;
  }
  .cv-meta {
    justify-content: center;
  }
}

@media (max-width: 1024px) { .grid-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
  body {
    padding-top: 84px;
  }

  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }

  .navbar {
    flex-wrap: nowrap;
  }

  .nav-links {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 120;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: min(86vw, 360px);
    height: 100vh;
    padding: 92px 24px 32px;
    gap: 8px;
    background: #ffffff;
    box-shadow: -18px 0 40px rgba(15, 23, 42, 0.2);
    transform: translateX(105%);
    transition: transform 0.28s ease;
  }

  .header.mobile-menu-open .nav-links {
    transform: translateX(0);
  }

  .nav-links a {
    display: block;
    padding: 14px 16px;
    border-radius: 18px;
    color: #000000;
    font-size: 1rem;
  }

  .nav-links a:hover {
    background: rgba(11, 198, 186, 0.1);
  }

  .nav-links .btn {
    justify-content: center;
    margin-top: 8px;
  }

  .mobile-menu-btn {
    position: relative;
    z-index: 130;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--primary);
    transition: background 0.2s ease, color 0.2s ease;
  }

  .hero,
  .section,
  .hero-about {
    padding: 30px 0;
  }
  
  .hero {
    background: none;
    padding: 0px 15px;
    height: 70vh;
  }

  .hero > .container {
    background: none;
  }

  .hero h1,
  .section-title,
  .transcription-block-content-text h2,
  .cta-section h2,
  .hero-about h1 { 
    font-size: 1.6rem; 
  }
  .hero p,
  .section-sub,
  .hero-about p,
  p,
  .contact-detail-content h4 {
    font-size: 1rem;
  }

  .btn-large {
    font-size: 0.9rem;
    padding: 8px 16px;
  }
  .grid-2, .grid-3 { grid-template-columns: 1fr; }
  .features-list { grid-template-columns: 1fr; }
  .cta-section { padding: 20px 12px; }
  .transcription-block { padding: 12px; }

  .lead-modal {
    padding: 12px;
    align-items: flex-end;
  }

  .lead-modal__dialog {
    width: 100%;
    max-height: calc(100vh - 24px);
    padding: 32px 20px 24px;
    border-radius: 24px 24px 16px 16px;
  }

  .lead-modal__header h2 {
    font-size: 1.3rem;
  }
  .product-icon,
  .card-icon {
    font-size: 2rem;
    margin-bottom: 10px;
  }

  .product-card h3,
  .card h3,
  .cta-mini h3,
  .contact-info-header h3,
  .pricing-table-grid h3  {
    font-size: 1.2rem;
  }

  .product-card p,
  .product-card li,
  .contact-detail-content p,
  .pricing-table th {
    font-size: 0.9rem;
  }

  .transcription-block-content-badge span {
    font-size: 0.9rem;
  }

  .transcription-block-content-text-icon i {
    font-size: 2rem;
  }

  .form-group input[type="text"], 
  .form-group select {
    margin-bottom: 10px;
    width: calc(100% - 50px);
  }

  .contacts-grid,
  .process-grid,
  .pricing-table-grid {
    grid-template-columns: 1fr;
  }

  .contact-info-card,
  .form-wrapper {
    padding: 12px;
  }

  .contact-info-icon {
    width: 28px;
    height: 28px;
    font-size: 16px;
  }

  .form-row {
    gap: 5px;
    margin-bottom: 5px;
  }

  .problem-item {
    flex-direction: column;
  }

  .card {
    padding: 15px;
    width: calc(100% - 30px);
  }

  .pricing-table td,
  .pricing-table th {
    padding: 8px;
    font-size: 0.9rem;
  }

  .faq-question {
    padding: 16px;
    font-size: 1rem;
  }
}
.badge {
  background: rgba(11, 198, 186, 0.12); color: #075a51;
  border-radius: 40px; padding: 4px 12px; font-size: 0.75rem; font-weight: 600; display: inline-block;
}


/* End */
/* /bitrix/components/bitrix/form.result.new/error.css?1693863480163 */
/* /local/templates/cybervoice/blog.css?16938714908722 */
/* /local/templates/cybervoice/common.css?16938714903299 */
/* /local/templates/cybervoice/template_styles.css?179213426939415 */