/* ВАШ БАЗОВЫЙ ДИЗАЙН + ДОПОЛНЕНИЯ ДЛЯ НОВЫХ БЛОКОВ */
        body {margin:0;font-family:'Segoe UI', Arial, sans-serif;background:#0f172a;color:white; line-height:1.5;}
        .fade {opacity:0;transform:translateY(30px);transition:0.8s;}
        .fade.show {opacity:1;transform:translateY(0);}

		header{
		    position: relative;
			padding: 10px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 20px;
		}
		div.header-left{
			
		}
		div.header-left a{
		    display: flex;
		}
		div.header-left a img{
			width: 50px;
			height: 50px;
		}
		header nav.header-nav ul{
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 10px;
			list-style-type: none;
			padding: 0px;
		}
		header nav.header-nav ul a{
			color: white;
			text-decoration: none;
		}
		header nav.header-nav ul a:last-child{
			border: 2px solid #0ea5e9;
			padding: 5px 25px;
			border-radius: 10px;
			color: white;
			/* background: linear-gradient(135deg,#0ea5e9,#22c55e); */
			font-weight: bold;
			transition: all 0.3s;
		}
		header nav.header-nav ul a:last-child:hover{
			background: #0ea5e9;
			box-shadow: 0px 0px 5px 0px #0ea5e9;
		}
		header div.menu_mobile{
			position: relative;
			width: 30px;
			display: none;
			flex-direction: column;
			gap: 5px;
		}
		header div.menu_mobile > div{
			position: relative;
			background: white;
			border-radius: 0px;
			height: 2px;
			width: 100%;
		}

        .hero {
            text-align:center;
            padding:100px 20px;
            background:linear-gradient(135deg,#0ea5e9,#22c55e);
            border-bottom: 3px solid #22c55e;
        }
        .hero h1 {font-size:clamp(32px, 8vw, 48px); margin-bottom:15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
        .hero p {font-size:clamp(16px, 4vw, 20px); opacity:0.95;}

        .btn {
            background:#0f172a;
            color:#fff;
            padding:15px 30px;
            border-radius:10px;
            text-decoration:none;
            display:inline-block;
            margin-top:20px;
            transition:0.3s;
            font-weight:bold;
            border:1px solid #22c55e;
            cursor:pointer;
        }
        .btn:hover {background:#22c55e; color:#0f172a; transform:scale(1.05); box-shadow:0 0 20px rgba(34,197,94,0.5);}

        .section {
            max-width:1200px;
            margin:60px auto;
            padding:20px;
        }

        h2 {
            text-align:center;
            font-size:clamp(28px, 6vw, 36px);
            margin-bottom:40px;
            position:relative;
        }
        h2:after {
            content:'';
            display:block;
            width:80px;
            height:3px;
            background:linear-gradient(90deg, #0ea5e9, #22c55e);
            margin:15px auto 0;
            border-radius:3px;
        }

        .cards {
			display: flex;
			/*grid-template-columns: repeat(auto-fit,minmax(250px,1fr));*/
			gap: 25px;
			flex-direction: row;
			flex-wrap: wrap;
        }
        .card {
            background:#1e293b;
            padding:25px;
            border-radius:20px;
            transition:0.3s;
            border:1px solid #334155;
        }
        .card:hover {transform:translateY(-8px); border-color:#22c55e; box-shadow:0 10px 30px rgba(0,0,0,0.3);}
        
        .adv-card {
			background: linear-gradient(145deg, #1e293b, #0f172a);
			padding: 25px 20px;
			border-radius: 20px;
			border: 1px solid #334155;
			transition: 0.3s;
			text-align: center;
			flex: 1;
			flex-basis: 250px;
        }
        .adv-card:hover {border-color:#0ea5e9; transform:scale(1.02);}
        .adv-card b {color:#22c55e; font-size:18px; display:block; margin-bottom:8px;}

        .reviews-pro {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }
        .review-pro {
            background: #1e293b;
            padding: 25px;
            border-radius: 20px;
            text-align: center;
            border:1px solid #334155;
        }
        .review-pro img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border:3px solid #22c55e;
            margin-bottom:15px;
            object-fit:cover;
        }
        .review-pro p {font-style:italic; margin-bottom:15px;}
        .review-pro span {
            color: #22c55e;
            font-size: 14px;
            font-weight:bold;
        }

        .photo {
			height: 220px;
			background: linear-gradient(145deg, #1e293b, #0f172a);
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			color: #aaa;
			border: 1px solid #334155;
			transition: 0.3s;
			font-size: 18px;
			flex: 1;
			flex-basis: 250px;
			position: relative;
        }
		.photo img{
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover;
			opacity: 0.2;
		}
        .photo:hover {border-color:#0ea5e9; color:#0ea5e9;}
        .photo small {font-size:14px; color:#64748b; margin-top:5px;}

        /* ТАБЛИЦА */
        table {
            width:100%;
            border-collapse:collapse;
            background:#1e293b;
            border-radius:15px;
            overflow:hidden;
            box-shadow:0 5px 20px rgba(0,0,0,0.3);
        }
        th {
            background:#0ea5e9;
            color:white;
            font-weight:bold;
            text-transform:uppercase;
            letter-spacing:1px;
        }
        td,th {padding:15px; text-align:left; border-bottom:1px solid #334155;}
        tr:last-child td {border-bottom:none;}
        tr:hover {background:#2d3a52;}

        /* КАЛЬКУЛЯТОР */
        .calculator {
            background:#1e293b;
            padding:30px;
            border-radius:20px;
            max-width:450px;
            margin:auto;
            text-align:center;
            border:1px solid #334155;
            box-shadow:0 10px 30px rgba(0,0,0,0.3);
        }
        .calc-display {
            background:#0f172a;
            padding:20px;
            font-size:28px;
            border-radius:15px;
            margin-bottom:25px;
            color:#22c55e;
            font-weight:bold;
            border:1px solid #22c55e;
        }
        select, .calculator input {
            width:100%;
            padding:12px 15px;
            margin:10px 0;
            background:#0f172a;
            border:1px solid #334155;
            border-radius:10px;
            color:white;
            font-size:16px;
            box-sizing:border-box;
        }
        .calc-btns {
            display:flex;
            gap:10px;
            margin-top:20px;
        }
        .calc-btns button {
            flex:1;
            padding:15px;
            font-size:18px;
            border:none;
            border-radius:10px;
            cursor:pointer;
            background:#334155;
            color:white;
            font-weight:bold;
            transition:0.3s;
        }
        .calc-btns button:first-child {background:#0ea5e9;}
        .calc-btns button:first-child:hover {background:#22c55e; color:#0f172a;}
        .calc-btns button:last-child:hover {background:#ef4444;}

        /* ФОРМА */
        input, textarea {
            width:100%;
            padding:14px 18px;
            margin:12px 0;
            background:#0f172a;
            border:1px solid #334155;
            border-radius:12px;
            color:white;
            font-size:16px;
            box-sizing:border-box;
            transition:0.3s;
        }
        input:focus {border-color:#22c55e; outline:none; box-shadow:0 0 0 3px rgba(34,197,94,0.1);}

        /* КОНТАКТЫ */
        .contacts {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
            margin-top:30px;
        }
        .contacts a {
            color: white;
            text-decoration: none;
            padding: 12px 24px;
            border: 1px solid #334155;
            border-radius: 40px;
            background:#1e293b;
            transition: 0.3s;
            display: inline-flex;
            align-items: center;
            gap:8px;
            font-size:16px;
        }
        .contacts a:hover {background:#22c55e; color:#0f172a; border-color:#22c55e; transform:translateY(-3px);}

        /* FAQ СЕТКА */
        .faq-grid {
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
            gap:25px;
        }
        .faq-item {
            background:#1e293b;
            padding:25px;
            border-radius:20px;
            border:1px solid #334155;
            transition:0.3s;
        }
        .faq-item:hover {border-color:#0ea5e9;}
        .faq-item h3 {
            color:#0ea5e9;
            margin-top:0;
            margin-bottom:15px;
            font-size:20px;
        }
        .faq-item p {margin:0; opacity:0.9;}

        /* НОВЫЙ БЛОК С ЦИФРАМИ */
        .stats-grid {
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:25px;
            margin-bottom:30px;
        }
        .stat-item {
            background:linear-gradient(145deg, #1e293b, #0f172a);
            padding:30px 20px;
            border-radius:20px;
            text-align:center;
            border:1px solid #334155;
        }
        .stat-number {
            font-size:42px;
            font-weight:bold;
            background:linear-gradient(135deg, #0ea5e9, #22c55e);
            -webkit-background-clip:text;
            -webkit-text-fill-color:transparent;
            background-clip:text;
            margin-bottom:10px;
        }
        .stat-label {
            font-size:16px;
            opacity:0.8;
        }

        /* FOOTER */
        .footer {
            text-align:center;
            padding:40px 20px;
            color:#94a3b8;
            font-size:14px;
            border-top:1px solid #1e293b;
            margin-top:60px;
        }
        .footer p {margin:8px 0;}
        
        a#edgesection{
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            opacity: 0.8;
            padding: 15px 25px;
            background: white;
            color: #0f172a;
            font-weight: bold;
            border-radius: 12px;
            width: fit-content;
            transition: all 0.3s;
            text-decoration: none;
            margin: 25px auto 0px auto;
        }
        a#edgesection:hover {opacity:1; transform:translateY(-3px); box-shadow:0 5px 20px rgba(255,255,255,0.2);}
        a#edgesection img{width: 25px; height: 25px;}
        a#edgesection span{font-size: 18px;}
		
		/* СЕТКА ДЛЯ РАЗДЕЛА "КОМУ ПОДОЙДЁТ" */
		.for-whom-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
			gap: 25px;
		}

		.for-whom-card {
			background: linear-gradient(145deg, #1e293b, #0f172a);
			padding: 30px 25px;
			border-radius: 20px;
			border: 1px solid #334155;
			transition: all 0.3s ease;
			text-align: left;
		}

		.for-whom-card:hover {
			transform: translateY(-8px);
			border-color: #22c55e;
			box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
		}

		.for-whom-icon {
			font-size: 48px;
			margin-bottom: 20px;
			background: linear-gradient(135deg, #0ea5e9, #22c55e);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			display: inline-block;
		}

		.for-whom-card h3 {
			color: white;
			font-size: 20px;
			margin-bottom: 15px;
			font-weight: 600;
		}

		.for-whom-card p {
			color: #cbd5e1;
			font-size: 15px;
			line-height: 1.6;
			margin-bottom: 20px;
			opacity: 0.9;
		}

		.for-whom-tag {
			display: inline-block;
			background: rgba(34, 197, 94, 0.15);
			color: #22c55e;
			padding: 6px 14px;
			border-radius: 30px;
			font-size: 13px;
			font-weight: 500;
			border: 1px solid rgba(34, 197, 94, 0.3);
		}
		
		/* ВИДЖЕТ VK */
		.vk-widget {
			position: fixed;
			bottom: 30px;
			right: 30px;
			background: #0077FF;
			color: white;
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 14px 22px;
			border-radius: 50px;
			text-decoration: none;
			font-weight: 600;
			font-size: 16px;
			box-shadow: 0 8px 25px rgba(0, 119, 255, 0.4);
			z-index: 1000;
			transition: all 0.3s ease;
			border: 1px solid rgba(255, 255, 255, 0.2);
			backdrop-filter: blur(5px);
		}

		.vk-widget:hover {
			transform: translateY(-5px) scale(1.02);
			box-shadow: 0 15px 35px rgba(0, 119, 255, 0.5);
			background: #0088FF;
		}

		.vk-widget:active {
			transform: translateY(-2px);
		}

		.vk-widget svg {
			transition: transform 0.3s ease;
			filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
		}

		.vk-widget:hover svg {
			transform: rotate(-5deg) scale(1.1);
		}

		.vk-widget-text {
			letter-spacing: 0.3px;
		}

		/* Пульсирующая анимация (привлекает внимание) */
		@keyframes vk-pulse {
			0% {
				box-shadow: 0 8px 25px rgba(0, 119, 255, 0.4);
			}
			50% {
				box-shadow: 0 8px 35px rgba(0, 119, 255, 0.7);
			}
			100% {
				box-shadow: 0 8px 25px rgba(0, 119, 255, 0.4);
			}
		}

		.vk-widget {
			animation: vk-pulse 2s infinite;
		}

		.vk-widget:hover {
			animation: none;
		}
		
		div.mobile_menu{
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100vw;
			width: 100dvw;
			height: 100vh;
			height: 100dvh;
			background: #0f172a;
			z-index: 10000;
			padding: 20px 20px;
			box-sizing: border-box;
			display: none;
			flex-direction: column;
		}
		div.mobile_menu div.mobile_menu__header{
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			width: 100%;
			box-sizing: border-box;
			align-items: center;
		}
		div.mobile_menu div.mobile_menu__header img{
			width: 60px;
			height: 60px;
		}
		div.mobile_menu nav.mobile_menu__header_nav {
			position: relative;
			display: flex;
			flex-direction: column;
			gap: 20px;
			margin: 20px 0px 0px 0px;
		}
		div.mobile_menu div.mobile_menu__header span {
			font-size: 170%;
			cursor: pointer;
		}
		div.mobile_menu nav.mobile_menu__header_nav {
			position: relative;
			display: flex;
			flex-direction: column;
			gap: 20px;
			margin: 20px 0px 0px 0px;
		}
		div.mobile_menu nav.mobile_menu__header_nav a {
			border-radius: 10px;
			border: 1px solid #0ea5e9;
			padding: 10px;
			color: white;
			text-decoration: none;
			background: linear-gradient(145deg, #1e293b, #0f172a);
		}

        /* АДАПТИВ */
        @media (max-width: 768px) {
            .stats-grid {grid-template-columns:repeat(2,1fr);}
            .hero {padding:60px 20px;}
            .contacts a {width:100%; justify-content:center;}
            .section {margin:40px auto;}
			.for-whom-grid {
				grid-template-columns: 1fr;
				gap: 20px;
			}
			
			.for-whom-card {
				padding: 25px 20px;
			}
			
			.vk-widget {
				bottom: 20px;
				right: 20px;
				padding: 12px 18px;
			}
			
			.vk-widget-text {
				display: none; /* На мобилках только иконка */
			}
			
			.vk-widget {
				width: 56px;
				height: 56px;
				padding: 0;
				justify-content: center;
				border-radius: 50%;
			}
			
			.vk-widget svg {
				width: 28px;
				height: 28px;
			}
			
			header{
				justify-content: space-between;
			}
			header nav.header-nav{
				display: none;
			}
			header div.menu_mobile{
				display: flex;
			}
        }
        @media (max-width: 480px) {
            .stats-grid {grid-template-columns:1fr;}
            .cards {grid-template-columns:1fr;}
			
			.vk-widget {
				bottom: 15px;
				right: 15px;
				width: 50px;
				height: 50px;
			}
			
			.vk-widget svg {
				width: 24px;
				height: 24px;
			}
        }