/* Кастомный скроллбар */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #08070F;
        }
        ::-webkit-scrollbar-thumb {
            background: #25233a;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #00E676;
        }

        body {
            background-color: #08070F;
            color: #FFFFFF;
            overflow-x: hidden;
        }

        /* Glassmorphism эффекты */
        .glass-panel {
            background: rgba(14, 12, 26, 0.6);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .glass-card-hover {
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .glass-card-hover:hover {
            transform: translateY(-6px);
            border-color: rgba(0, 230, 118, 0.4);
            box-shadow: 0 15px 35px rgba(0, 230, 118, 0.08), 0 0 25px rgba(0, 230, 118, 0.05);
        }

        /* Анимированные фоновые свечения */
        .glow-sphere {
            filter: blur(140px);
            pointer-events: none;
            position: absolute;
            border-radius: 50%;
            z-index: 0;
            max-width: 100vw;
        }

        .samodvizhets-ambient {
            position: fixed;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            z-index: 0;
        }

        /* Текстовый градиент */
        .text-gradient-green {
            background: linear-gradient(135deg, #00E676 0%, #00B0FF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .text-gradient-purple {
            background: linear-gradient(135deg, #E040FB 0%, #8E24AA 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Эффект мерцания сетки */
        .grid-bg {
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
        }

        /* Бесконечная пульсация */
        @keyframes pulse-slow {
            0%, 100% { opacity: 0.3; transform: scale(1); }
            50% { opacity: 0.6; transform: scale(1.15); }
        }
        .animate-pulse-slow {
            animation: pulse-slow 8s infinite ease-in-out;
        }

        /* Анимация проявления при скролле */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Кастомный курсор */
        .custom-cursor {
            width: 20px;
            height: 20px;
            border: 2px solid rgba(0, 230, 118, 0.5);
            border-radius: 50%;
            position: fixed;
            transform: translate(-50%, -50%);
            pointer-events: none;
            z-index: 9999;
            transition: width 0.2s, height 0.2s, background-color 0.2s;
            display: none;
        }
        @media (min-width: 1024px) {
            .custom-cursor { display: block; }
        }
/* WordPress and GeneratePress integration layer. */
html {
	margin: 0;
	overflow-x: hidden;
}

body.samodvizhets-site {
	margin: 0;
	min-height: 100%;
	font-family: Inter, sans-serif;
	overflow-x: clip;
}

body.samodvizhets-site *,
body.samodvizhets-site *::before,
body.samodvizhets-site *::after {
	box-sizing: border-box;
}

body.samodvizhets-site a {
	text-decoration: none;
}

body.samodvizhets-site button,
body.samodvizhets-site input,
body.samodvizhets-site textarea {
	font: inherit;
}

body.samodvizhets-site #contact-form input[type="text"],
body.samodvizhets-site #contact-form input[type="tel"],
body.samodvizhets-site #contact-form select,
body.samodvizhets-site #contact-form textarea {
	width: 100%;
	background: #141221 !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 2rem !important;
	color: #fff !important;
	box-shadow: none;
	font: inherit;
}

body.samodvizhets-site #contact-form input[type="text"],
body.samodvizhets-site #contact-form input[type="tel"],
body.samodvizhets-site #contact-form select {
	height: 60px;
}

body.samodvizhets-site #contact-form input[type="text"]::placeholder,
body.samodvizhets-site #contact-form input[type="tel"]::placeholder,
body.samodvizhets-site #contact-form textarea::placeholder {
	color: #6b7280;
	opacity: 1;
}

body.samodvizhets-site #contact-form select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 3rem !important;
}

body.samodvizhets-site #contact-form .contact-method-field::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.25rem;
	width: 0.65rem;
	height: 0.65rem;
	border-right: 2px solid #00e676;
	border-bottom: 2px solid #00e676;
	transform: translateY(-65%) rotate(45deg);
	pointer-events: none;
	filter: drop-shadow(0 0 8px rgba(0, 230, 118, 0.45));
}

@media (max-width: 1023px) {
	body.samodvizhets-site .glow-sphere {
		width: min(360px, 100vw) !important;
		height: min(360px, 100vw) !important;
		filter: blur(100px);
	}
}

@media (max-width: 480px) {
	body.samodvizhets-site #contact {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	body.samodvizhets-site #contact > .glass-panel {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
}

/* Services page */
.services-page {
	position: relative;
}

.services-page p {
	color: rgb(156 163 175);
	font-weight: 300;
	line-height: 1.75;
}

.services-definition {
	box-shadow: inset 0 0 28px rgba(0, 230, 118, 0.04);
}

.service-nav-card {
	position: relative;
	overflow: hidden;
	min-height: 132px;
	color: #fff;
	font-weight: 800;
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.service-nav-card::before {
	content: "";
	position: absolute;
	inset: auto -20% -45% -20%;
	height: 80%;
	background: radial-gradient(circle, rgba(0, 230, 118, 0.18), transparent 65%);
	transform: translateY(25%);
	transition: transform 0.35s ease;
}

.service-nav-card:hover {
	transform: translateY(-7px) rotateX(4deg);
	border-color: rgba(0, 230, 118, 0.42);
	box-shadow: 0 20px 45px rgba(0, 230, 118, 0.08);
}

.service-nav-card:hover::before {
	transform: translateY(0);
}

.services-orbit-stage,
.service-deep-card {
	transform-style: preserve-3d;
	will-change: transform;
}

.services-orbit-stage::before,
.service-deep-card::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(0, 230, 118, 0.22), transparent 34%, rgba(142, 36, 170, 0.24));
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.services-orbit-stage:hover::before,
.service-deep-card:hover::before {
	opacity: 1;
}

.service-orbit-ring {
	position: absolute;
	left: 50%;
	top: 47%;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	transform-style: preserve-3d;
}

.ring-one {
	width: 310px;
	height: 310px;
	margin: -155px 0 0 -155px;
	transform: rotateX(64deg) rotateZ(12deg);
	animation: service-spin 18s linear infinite;
}

.ring-two {
	width: 380px;
	height: 180px;
	margin: -90px 0 0 -190px;
	border-color: rgba(0, 230, 118, 0.25);
	transform: rotateX(20deg) rotateZ(-18deg);
	animation: service-spin-reverse 22s linear infinite;
}

.ring-three {
	width: 230px;
	height: 410px;
	margin: -205px 0 0 -115px;
	border-color: rgba(142, 36, 170, 0.28);
	transform: rotateY(62deg) rotateZ(22deg);
	animation: service-spin 26s linear infinite;
}

.service-core {
	position: absolute;
	left: 50%;
	top: 47%;
	width: 132px;
	height: 132px;
	margin: -66px 0 0 -66px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), rgba(0,230,118,0.22), rgba(142,36,170,0.14));
	border: 1px solid rgba(0, 230, 118, 0.35);
	box-shadow: 0 0 55px rgba(0, 230, 118, 0.22), inset 0 0 40px rgba(255,255,255,0.08);
	transform: translateZ(48px);
}

.service-core span {
	font-size: 2.4rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: -0.08em;
}

.service-orbit-node {
	position: absolute;
	display: grid;
	place-items: center;
	min-width: 58px;
	height: 34px;
	padding: 0 12px;
	border-radius: 999px;
	background: rgba(14, 12, 26, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	box-shadow: 0 0 22px rgba(0, 230, 118, 0.12);
	animation: service-float 5s ease-in-out infinite;
}

.node-a { left: 18%; top: 24%; color: #00e676; }
.node-b { right: 12%; top: 30%; color: #e040fb; animation-delay: 0.6s; }
.node-c { left: 12%; bottom: 28%; color: #60a5fa; animation-delay: 1.1s; }
.node-d { right: 17%; bottom: 25%; color: #facc15; animation-delay: 1.5s; }
.node-e { left: 50%; top: 12%; transform: translateX(-50%); color: #c4b5fd; animation-delay: 2s; }

@keyframes service-spin {
	to { transform: rotateX(64deg) rotateZ(372deg); }
}

@keyframes service-spin-reverse {
	to { transform: rotateX(20deg) rotateZ(-378deg); }
}

@keyframes service-float {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -12px; }
}

.service-deep-card {
	position: relative;
	overflow: hidden;
}

.service-card-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
	gap: 2.5rem;
	align-items: stretch;
}

.service-card-grid.reverse {
	grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);
}

.service-kicker {
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}

.service-lead {
	color: rgb(209 213 219) !important;
	font-size: inherit;
}

.service-chip,
.service-list span,
.process-card {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.service-chip {
	border-radius: 1.25rem;
	padding: 1rem;
	color: #d1d5db;
	font-size: 0.82rem;
	font-weight: 800;
}

.service-list {
	display: grid;
	gap: 0.75rem;
}

.service-list span {
	position: relative;
	border-radius: 1.25rem;
	padding: 1rem 1rem 1rem 2.8rem;
	color: #d1d5db;
	font-size: 0.9rem;
	font-weight: 700;
}

.service-list span::before {
	content: "";
	position: absolute;
	left: 1rem;
	top: 50%;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #00e676;
	box-shadow: 0 0 16px rgba(0, 230, 118, 0.7);
	transform: translateY(-50%);
}

.service-visual {
	position: relative;
	min-height: 360px;
	border-radius: 1.75rem;
	overflow: hidden;
	background:
		radial-gradient(circle at 30% 20%, rgba(0, 230, 118, 0.16), transparent 34%),
		radial-gradient(circle at 70% 70%, rgba(142, 36, 170, 0.18), transparent 38%),
		rgba(8, 7, 15, 0.56);
	border: 1px solid rgba(255, 255, 255, 0.08);
	transform: translateZ(34px);
}

.browser-model {
	position: absolute;
	left: 50%;
	top: 50%;
	width: min(78%, 340px);
	height: 220px;
	border-radius: 24px;
	border: 1px solid rgba(255,255,255,0.16);
	background: linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.035));
	box-shadow: 0 35px 80px rgba(0,0,0,0.35);
	transform: translate(-50%, -50%) rotateX(14deg) rotateY(-18deg);
}

.browser-model div {
	position: absolute;
	top: 18px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #00e676;
}

.browser-model div:nth-child(1) { left: 20px; }
.browser-model div:nth-child(2) { left: 36px; background: #e040fb; }
.browser-model div:nth-child(3) { left: 52px; background: #60a5fa; }
.browser-model span {
	position: absolute;
	left: 24px;
	right: 24px;
	height: 16px;
	border-radius: 999px;
	background: rgba(255,255,255,0.1);
}
.browser-model span:nth-of-type(1) { top: 64px; width: 68%; }
.browser-model span:nth-of-type(2) { top: 102px; width: 82%; }
.browser-model span:nth-of-type(3) { top: 140px; width: 48%; background: rgba(0,230,118,0.22); }

.floating-code,
.rank-card,
.metric-dot,
.auto-node {
	position: absolute;
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(14, 12, 26, 0.78);
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	box-shadow: 0 18px 40px rgba(0,0,0,0.25);
}

.floating-code {
	border-radius: 999px;
	padding: 0.7rem 1rem;
	animation: service-float 5s ease-in-out infinite;
}
.code-a { left: 8%; top: 18%; color: #00e676; }
.code-b { right: 10%; top: 30%; color: #60a5fa; animation-delay: 0.8s; }
.code-c { left: 20%; bottom: 18%; color: #e040fb; animation-delay: 1.4s; }

.search-beam {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	border: 1px solid rgba(0,230,118,0.35);
	box-shadow: 0 0 50px rgba(0,230,118,0.18), inset 0 0 45px rgba(142,36,170,0.18);
	transform: translate(-50%, -50%);
	animation: service-pulse 4s ease-in-out infinite;
}

@keyframes service-pulse {
	0%, 100% { scale: 0.92; opacity: 0.75; }
	50% { scale: 1.06; opacity: 1; }
}

.rank-card {
	border-radius: 1.2rem;
	padding: 1rem 1.2rem;
}
.rank-one { left: 12%; top: 22%; color: #00e676; }
.rank-two { right: 10%; top: 38%; color: #e040fb; }
.rank-three { left: 26%; bottom: 20%; color: #60a5fa; }

.scan-frame {
	position: absolute;
	inset: 20%;
	border-radius: 2rem;
	border: 1px solid rgba(255,255,255,0.16);
	background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);
}

.scan-line {
	position: absolute;
	left: 18%;
	right: 18%;
	top: 25%;
	height: 2px;
	background: #00e676;
	box-shadow: 0 0 26px rgba(0,230,118,0.8);
	animation: scan-move 3.6s ease-in-out infinite;
}

@keyframes scan-move {
	0%, 100% { top: 24%; }
	50% { top: 76%; }
}

.metric-dot {
	border-radius: 999px;
	padding: 0.7rem 0.9rem;
}
.dot-one { left: 12%; top: 18%; color: #60a5fa; }
.dot-two { right: 12%; top: 24%; color: #00e676; }
.dot-three { left: 36%; bottom: 14%; color: #facc15; }

.automation-core {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 132px;
	height: 132px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(0,230,118,0.3), rgba(142,36,170,0.18));
	border: 1px solid rgba(0,230,118,0.3);
	color: #fff;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 58px rgba(0,230,118,0.22);
}

.automation-line {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	height: 210px;
	background: linear-gradient(to bottom, transparent, rgba(0,230,118,0.42), transparent);
	transform-origin: top center;
}
.line-a { transform: rotate(0deg); }
.line-b { transform: rotate(60deg); }
.line-c { transform: rotate(120deg); }

.auto-node {
	border-radius: 999px;
	padding: 0.75rem 1rem;
}
.auto-a { left: 10%; top: 18%; color: #00e676; }
.auto-b { right: 10%; top: 24%; color: #facc15; }
.auto-c { left: 12%; bottom: 20%; color: #60a5fa; }
.auto-d { right: 12%; bottom: 18%; color: #e040fb; }

.home-shell {
	position: absolute;
	left: 50%;
	top: 52%;
	width: 210px;
	height: 210px;
	transform: translate(-50%, -50%) rotateX(18deg) rotateY(-18deg);
}
.home-roof {
	position: absolute;
	left: 34px;
	top: 8px;
	width: 142px;
	height: 142px;
	border-left: 1px solid rgba(0,230,118,0.45);
	border-top: 1px solid rgba(0,230,118,0.45);
	transform: rotate(45deg);
	box-shadow: 0 0 30px rgba(0,230,118,0.18);
}
.home-body {
	position: absolute;
	left: 36px;
	right: 36px;
	bottom: 20px;
	height: 128px;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 18px;
	background: rgba(255,255,255,0.04);
}
.home-pulse {
	position: absolute;
	left: 50%;
	top: 52%;
	border-radius: 50%;
	border: 1px solid rgba(0,230,118,0.22);
	transform: translate(-50%, -50%);
	animation: home-wave 4s ease-out infinite;
}
.pulse-a { width: 170px; height: 170px; }
.pulse-b { width: 250px; height: 250px; animation-delay: 1s; }
.pulse-c { width: 330px; height: 330px; animation-delay: 2s; }

@keyframes home-wave {
	0% { opacity: 0; scale: 0.8; }
	25% { opacity: 1; }
	100% { opacity: 0; scale: 1.12; }
}

.process-card {
	transition: transform 0.35s ease, border-color 0.35s ease;
}
.process-card:hover {
	transform: translateY(-6px);
	border-color: rgba(0,230,118,0.35);
}
.process-card span {
	display: block;
	color: #00e676;
	font-weight: 900;
	font-size: 2rem;
	margin-bottom: 1rem;
}
.process-card h3 {
	color: #fff;
	font-weight: 900;
	font-size: 1.15rem;
	margin-bottom: 0.75rem;
}
.process-card p {
	font-size: 0.9rem;
}

@media (max-width: 1023px) {
	.service-card-grid,
	.service-card-grid.reverse {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.services-orbit-stage {
		min-height: 400px !important;
	}

	.service-visual {
		min-height: 280px;
	}

	.service-orbit-ring,
	.ring-one,
	.ring-two,
	.ring-three {
		scale: 0.82;
	}
}

@media (max-width: 360px) {
	.services-orbit-stage {
		min-height: 380px !important;
	}

	.service-orbit-ring,
	.ring-one,
	.ring-two,
	.ring-three {
		scale: 0.72;
	}

	.service-core {
		width: 112px;
		height: 112px;
		margin: -56px 0 0 -56px;
	}
}

@media (max-width: 767px) {
	.services-page .service-nav-card {
		min-height: 86px;
		display: flex;
		align-items: center;
		gap: 0.9rem;
		padding: 1rem !important;
	}

	.services-page .service-nav-card svg {
		margin-bottom: 0 !important;
		flex: 0 0 auto;
	}

	.services-page .service-deep-card {
		padding: 1.25rem !important;
	}

	.services-page .service-card-grid {
		gap: 1.5rem;
	}

	.services-page .service-chip,
	.services-page .service-list span {
		padding-top: 0.85rem;
		padding-bottom: 0.85rem;
	}

	.services-page .process-card {
		padding: 1.25rem !important;
	}
}

/* About service page */
.about-service-page {
	position: relative;
}

.about-service-page p {
	color: rgb(156 163 175);
	font-weight: 300;
	line-height: 1.75;
}

.about-definition {
	box-shadow: inset 0 0 28px rgba(0, 230, 118, 0.04);
}

.about-proof {
	position: relative;
	overflow: hidden;
	transition: transform 0.35s ease, border-color 0.35s ease;
}

.about-proof:hover {
	transform: translateY(-6px);
	border-color: rgba(0, 230, 118, 0.35);
}

.about-proof span {
	display: block;
	color: #00e676;
	font-size: 1.7rem;
	font-weight: 900;
	margin-bottom: 0.75rem;
}

.about-proof p {
	font-size: 0.78rem;
}

.about-hero-stage {
	min-height: 540px;
	transform-style: preserve-3d;
	will-change: transform;
}

@media (min-width: 1024px) {
	.about-hero-stage {
		min-height: 0;
		height: 100%;
	}
}

.about-hero-stage::before,
.leader-portrait::before,
.about-system-map::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(0, 230, 118, 0.22), transparent 36%, rgba(142, 36, 170, 0.26));
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.about-hero-stage:hover::before,
.leader-portrait:hover::before,
.about-system-map:hover::before {
	opacity: 1;
}

.leader-card {
	position: absolute;
	left: 50%;
	top: 45%;
	width: 318px;
	height: 400px;
	padding: 10px;
	border-radius: 38px;
	background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,255,255,0.72));
	border: 2px solid rgba(255,255,255,0.92) !important;
	transform: translate(-50%, -50%) rotateX(10deg) rotateY(-13deg) translateZ(48px);
	box-shadow: 0 35px 90px rgba(0,0,0,0.42), 0 0 0 1px rgba(255,255,255,0.34), 0 0 70px rgba(255,255,255,0.12), 0 0 60px rgba(0,230,118,0.12);
	z-index: 3;
}

.leader-card img,
.leader-portrait img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: 26px;
	filter: saturate(1.08) contrast(1.03);
}

.about-core {
	position: absolute;
	left: 50%;
	top: 45%;
	width: 138px;
	height: 138px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(0,230,118,0.28), rgba(142,36,170,0.16));
	border: 1px solid rgba(0,230,118,0.25);
	color: #00e676;
	font-size: 3rem;
	font-weight: 900;
	transform: translate(-50%, -50%) translateZ(8px);
	box-shadow: 0 0 60px rgba(0,230,118,0.18);
	z-index: 1;
}

.about-orbit {
	position: absolute;
	left: 50%;
	top: 45%;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.12);
	transform-style: preserve-3d;
	z-index: 0;
}

.orbit-a {
	width: 360px;
	height: 360px;
	margin: -180px 0 0 -180px;
	border-color: rgba(0,230,118,0.25);
	transform: rotateX(64deg) rotateZ(18deg);
	animation: service-spin 22s linear infinite;
}

.orbit-b {
	width: 430px;
	height: 220px;
	margin: -110px 0 0 -215px;
	border-color: rgba(142,36,170,0.26);
	transform: rotateX(18deg) rotateZ(-20deg);
	animation: service-spin-reverse 26s linear infinite;
}

.orbit-c {
	width: 240px;
	height: 430px;
	margin: -215px 0 0 -120px;
	border-color: rgba(96,165,250,0.22);
	transform: rotateY(62deg) rotateZ(24deg);
	animation: service-spin 30s linear infinite;
}

.about-node {
	position: absolute;
	z-index: 4;
	border-radius: 999px;
	padding: 0.75rem 1rem;
	background: rgba(14,12,26,0.78);
	border: 1px solid rgba(255,255,255,0.12);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	box-shadow: 0 18px 40px rgba(0,0,0,0.28);
	animation: service-float 5s ease-in-out infinite;
}

.about-node-a { left: 9%; top: 20%; color: #00e676; }
.about-node-b { right: 8%; top: 29%; color: #e040fb; animation-delay: 0.7s; }
.about-node-c { left: 13%; bottom: 28%; color: #60a5fa; animation-delay: 1.2s; }
.about-node-d { right: 8%; bottom: 28%; color: #facc15; animation-delay: 1.8s; }

.about-principle,
.about-step {
	position: relative;
	overflow: hidden;
	transition: transform 0.35s ease, border-color 0.35s ease;
}

.about-principle:hover,
.about-step:hover {
	transform: translateY(-6px);
	border-color: rgba(0,230,118,0.35);
}

.about-principle svg {
	width: 2rem;
	height: 2rem;
	color: #00e676;
	margin-bottom: 1.25rem;
}

.about-principle h3,
.about-step h3 {
	color: #fff;
	font-weight: 900;
	font-size: 1.1rem;
	margin-bottom: 0.75rem;
}

.about-principle p,
.about-step p {
	font-size: 0.9rem;
}

.about-system-map {
	position: relative;
	min-height: 700px;
	overflow: hidden;
	transform-style: preserve-3d;
	will-change: transform;
}

.about-system-map::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 470px;
	height: 470px;
	border-radius: 50%;
	border: 1px dashed rgba(0,230,118,0.16);
	transform: translate(-50%, -50%);
	animation: system-orbit-slow 30s linear infinite;
	pointer-events: none;
}

.system-center {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 170px;
	height: 170px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.16), rgba(0,230,118,0.22), rgba(142,36,170,0.14));
	border: 1px solid rgba(0,230,118,0.34);
	color: #fff;
	font-weight: 900;
	box-shadow: 0 0 70px rgba(0,230,118,0.16);
	z-index: 3;
	animation: system-core-pulse 4.5s ease-in-out infinite;
}

.system-ray {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	height: 310px;
	background: linear-gradient(to bottom, rgba(0,230,118,0.52), transparent);
	transform-origin: top center;
	animation: system-ray-glow 4s ease-in-out infinite;
}

.ray-a { transform: rotate(20deg); }
.ray-b { transform: rotate(80deg); animation-delay: 0.4s; }
.ray-c { transform: rotate(140deg); animation-delay: 0.8s; }
.ray-d { transform: rotate(200deg); animation-delay: 1.2s; }
.ray-e { transform: rotate(260deg); animation-delay: 1.6s; }
.ray-f { transform: rotate(320deg); animation-delay: 2s; }

.system-item {
	position: absolute;
	width: min(245px, 34%);
	border-radius: 1.5rem;
	padding: 1.25rem;
	background: rgba(14,12,26,0.74);
	border: 1px solid rgba(255,255,255,0.1);
	box-shadow: 0 24px 55px rgba(0,0,0,0.25);
	animation: system-node-drift 7s ease-in-out infinite;
	will-change: transform;
}

.system-item::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(0,230,118,0.2), transparent 45%, rgba(142,36,170,0.22));
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.system-item:hover::before {
	opacity: 1;
}

.system-item span {
	display: block;
	color: #00e676;
	font-weight: 900;
	margin-bottom: 0.5rem;
}

.system-item p {
	font-size: 0.82rem;
}

.item-a { left: 7%; top: 9%; }
.item-b { left: 50%; top: 5%; transform: translateX(-50%); animation-delay: 0.6s; }
.item-c { right: 7%; top: 16%; animation-delay: 1.2s; }
.item-d { right: 8%; bottom: 11%; animation-delay: 1.8s; }
.item-e { left: 50%; bottom: 5%; transform: translateX(-50%); animation-delay: 2.4s; }
.item-f { left: 8%; bottom: 12%; animation-delay: 3s; }

@keyframes system-node-drift {
	0%, 100% { translate: 0 0; }
	33% { translate: 8px -10px; }
	66% { translate: -7px 8px; }
}

@keyframes system-core-pulse {
	0%, 100% {
		scale: 1;
		box-shadow: 0 0 70px rgba(0,230,118,0.16);
	}
	50% {
		scale: 1.045;
		box-shadow: 0 0 95px rgba(0,230,118,0.28), 0 0 40px rgba(142,36,170,0.18);
	}
}

@keyframes system-ray-glow {
	0%, 100% { opacity: 0.42; }
	50% { opacity: 0.92; }
}

@keyframes system-orbit-slow {
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

.leader-portrait {
	height: 560px;
	position: relative;
	overflow: hidden;
	transform-style: preserve-3d;
	will-change: transform;
}

.leader-glow {
	position: absolute;
	inset: auto 12% -10% 12%;
	height: 160px;
	background: radial-gradient(circle, rgba(0,230,118,0.22), transparent 70%);
	filter: blur(32px);
	pointer-events: none;
}

.about-step span {
	display: block;
	color: #00e676;
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 1rem;
}

@media (max-width: 1023px) {
	.about-service-page section {
		min-height: auto;
	}

	.about-hero-stage {
		min-height: 520px;
	}

	.about-system-map {
		min-height: 650px;
	}

	.about-system-map::after {
		width: min(420px, 82vw);
		height: min(420px, 82vw);
	}

	.system-center {
		width: 150px;
		height: 150px;
	}

	.system-ray {
		height: 280px;
	}

	.system-item {
		width: min(218px, 36%);
		padding: 1rem;
	}

	.system-item p {
		font-size: 0.76rem;
		line-height: 1.55;
	}

	.leader-portrait {
		height: 500px;
	}
}

@media (max-width: 767px) {
	.about-service-page section {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}

	.about-service-page h1 {
		font-size: clamp(2.1rem, 11vw, 3rem) !important;
		line-height: 1.04 !important;
		letter-spacing: -0.04em;
	}

	.about-service-page h2 {
		font-size: clamp(1.9rem, 8.8vw, 2.55rem) !important;
		line-height: 1.08 !important;
		letter-spacing: -0.035em;
	}

	.about-service-page p {
		line-height: 1.68;
	}

	.about-definition,
	.about-principle,
	.about-step,
	.about-proof,
	.about-system-map,
	.leader-portrait,
	.about-service-page .faq-item,
	.about-service-page section:last-of-type > div {
		border-radius: 1.45rem !important;
	}

	.about-hero-stage {
		min-height: 430px;
		border-radius: 1.65rem !important;
	}

	.leader-card {
		width: 258px;
		height: 332px;
		top: 43%;
		border-radius: 1.65rem;
	}

	.about-core {
		width: 104px;
		height: 104px;
		font-size: 2.4rem;
	}

	.about-orbit {
		scale: 0.72;
	}

	.about-node {
		font-size: 0.58rem;
		padding: 0.55rem 0.7rem;
		max-width: 42%;
		white-space: normal;
		text-align: center;
	}

	.about-system-map {
		min-height: auto;
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.85rem;
		padding: 1rem !important;
	}

	.about-system-map::after {
		display: none;
	}

	.system-center,
	.system-ray {
		display: none;
	}

	.system-item {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: 100%;
		min-height: 116px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		transform: none !important;
		translate: none !important;
		animation: system-mobile-breathe 5.5s ease-in-out infinite;
	}

	.system-item:nth-of-type(odd) {
		animation-delay: 0.45s;
	}

	.system-item:nth-of-type(even) {
		animation-delay: 1s;
	}

	.system-item span {
		font-size: 1rem;
	}

	.system-item p {
		font-size: 0.82rem;
	}

	.leader-portrait {
		height: 420px;
	}

	.about-service-page .faq-item button {
		gap: 1rem;
		padding: 1.25rem !important;
	}

	.about-service-page .faq-item button span {
		font-size: 0.95rem;
		line-height: 1.4;
	}

	.about-service-page section:last-of-type > div {
		padding: 2rem 1.25rem !important;
	}

	.about-service-page section:last-of-type a {
		width: 100%;
		max-width: 21rem;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.about-system-map {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.about-service-page section {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.about-service-page .inline-flex {
		max-width: 100%;
	}

	.about-hero-stage {
		min-height: 390px;
		padding: 1rem !important;
	}

	.leader-card {
		width: 230px;
		height: 298px;
	}

	.about-core {
		width: 86px;
		height: 86px;
		font-size: 2rem;
	}

	.about-orbit {
		scale: 0.58;
	}

	.about-node-a { left: 5%; top: 18%; }
	.about-node-b { right: 5%; top: 24%; }
	.about-node-c { left: 7%; bottom: 31%; }
	.about-node-d { right: 5%; bottom: 31%; }

	.about-proof,
	.about-principle,
	.about-step {
		padding: 1.15rem !important;
	}

	.about-proof span,
	.about-step span {
		font-size: 1.55rem;
	}

	.leader-portrait {
		height: 360px;
		padding: 1rem !important;
	}
}

@media (max-width: 360px) {
	.about-service-page h1 {
		font-size: 1.95rem !important;
	}

	.about-service-page h2 {
		font-size: 1.72rem !important;
	}

	.about-hero-stage {
		min-height: 360px;
	}

	.leader-card {
		width: 206px;
		height: 274px;
	}

	.about-node {
		font-size: 0.52rem;
		padding: 0.48rem 0.6rem;
	}

	.system-item {
		min-height: 108px;
		padding: 0.95rem;
	}
}

@keyframes system-mobile-breathe {
	0%, 100% {
		transform: translateY(0);
		box-shadow: 0 20px 45px rgba(0,0,0,0.22);
	}
	50% {
		transform: translateY(-5px);
		box-shadow: 0 26px 58px rgba(0,230,118,0.1);
	}
}

/* Customer care page */
.care-page {
	position: relative;
}

.care-contact-chip,
.care-channel,
.care-principle,
.care-step,
.care-solve-item {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.care-contact-chip::before,
.care-channel::before,
.care-principle::before,
.care-step::before,
.care-solve-item::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(0,230,118,0.16), transparent 44%, rgba(142,36,170,0.18));
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.care-contact-chip:hover,
.care-channel:hover,
.care-principle:hover,
.care-step:hover,
.care-solve-item:hover {
	transform: translateY(-6px);
	border-color: rgba(0,230,118,0.35);
	box-shadow: 0 24px 55px rgba(0,0,0,0.26);
}

.care-contact-chip:hover::before,
.care-channel:hover::before,
.care-principle:hover::before,
.care-step:hover::before,
.care-solve-item:hover::before {
	opacity: 1;
}

.care-contact-chip svg,
.care-channel svg,
.care-principle svg {
	width: 2rem;
	height: 2rem;
	color: #00e676;
	margin-bottom: 1rem;
}

.care-contact-chip span,
.care-channel span {
	display: block;
	color: rgb(156 163 175);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 0.45rem;
}

.care-contact-chip strong,
.care-channel strong,
.care-solve-item strong {
	position: relative;
	z-index: 1;
	display: block;
	color: #fff;
	font-weight: 900;
	overflow-wrap: anywhere;
}

.care-contact-chip strong {
	font-size: 0.92rem;
	line-height: 1.35;
}

.care-channel p,
.care-principle p,
.care-step p,
.care-solve-item p {
	position: relative;
	z-index: 1;
	margin-top: 0.9rem;
	font-size: 0.88rem;
	line-height: 1.65;
}

.care-principle h3,
.care-step h3 {
	position: relative;
	z-index: 1;
	color: #fff;
	font-weight: 900;
	font-size: 1.1rem;
}

.care-hero-console {
	min-height: 620px;
	transform-style: preserve-3d;
	will-change: transform;
}

@media (min-width: 1024px) {
	.care-hero-console {
		min-height: 0;
	}
}

.care-hero-console::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: radial-gradient(circle at 50% 38%, rgba(0,230,118,0.22), transparent 34%), linear-gradient(135deg, rgba(0,230,118,0.16), transparent 40%, rgba(142,36,170,0.24));
	opacity: 0.84;
	pointer-events: none;
}

.care-orbit {
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.13);
	transform-style: preserve-3d;
	z-index: 1;
}

.care-orbit-a {
	width: 410px;
	height: 410px;
	margin: -205px 0 0 -205px;
	border-color: rgba(0,230,118,0.28);
	transform: rotateX(64deg) rotateZ(18deg);
	animation: service-spin 24s linear infinite;
}

.care-orbit-b {
	width: 500px;
	height: 250px;
	margin: -125px 0 0 -250px;
	border-color: rgba(142,36,170,0.28);
	transform: rotateX(20deg) rotateZ(-22deg);
	animation: service-spin-reverse 30s linear infinite;
}

.care-orbit-c {
	width: 250px;
	height: 500px;
	margin: -250px 0 0 -125px;
	border-color: rgba(96,165,250,0.22);
	transform: rotateY(62deg) rotateZ(24deg);
	animation: service-spin 34s linear infinite;
}

.care-core {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 170px;
	height: 170px;
	display: grid;
	place-items: center;
	align-content: center;
	gap: 0.5rem;
	border-radius: 50%;
	transform: translate(-50%, -50%) translateZ(40px);
	background: radial-gradient(circle at 35% 20%, rgba(255,255,255,0.18), rgba(0,230,118,0.24), rgba(142,36,170,0.17));
	border: 1px solid rgba(0,230,118,0.34);
	box-shadow: 0 0 80px rgba(0,230,118,0.2);
	z-index: 4;
	animation: care-core-breathe 4.6s ease-in-out infinite;
}

.care-core svg {
	width: 2.4rem;
	height: 2.4rem;
	color: #00e676;
}

.care-core span {
	color: #fff;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.care-signal {
	position: absolute;
	z-index: 5;
	text-decoration: none;
	border-radius: 999px;
	padding: 0.7rem 1rem;
	background: rgba(14,12,26,0.8);
	border: 1px solid rgba(255,255,255,0.12);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	box-shadow: 0 18px 40px rgba(0,0,0,0.28);
	animation: service-float 5.2s ease-in-out infinite;
	transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.care-signal:hover,
.care-signal:focus {
	background: rgba(8,7,15,0.94);
	border-color: rgba(0,230,118,0.38);
	box-shadow: 0 18px 45px rgba(0,0,0,0.34), 0 0 26px rgba(0,230,118,0.14);
}

.signal-a { left: 9%; top: 16%; color: #00e676; }
.signal-b { right: 8%; top: 22%; color: #e040fb; animation-delay: 0.7s; }
.signal-c { left: 10%; bottom: 20%; color: #60a5fa; animation-delay: 1.2s; }
.signal-d { right: 8%; bottom: 22%; color: #facc15; animation-delay: 1.8s; }

.care-pulse-card {
	position: absolute;
	left: 8%;
	right: 8%;
	z-index: 6;
	box-shadow: 0 28px 70px rgba(0,0,0,0.34);
	animation: care-card-float 6s ease-in-out infinite;
}

.care-pulse-card.top-card {
	top: 7%;
}

.care-pulse-card.bottom-card {
	bottom: 7%;
	animation-delay: 1.2s;
}

.care-pulse-card span {
	display: block;
	color: #00e676;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.care-pulse-card strong {
	display: block;
	color: #fff;
	font-size: 1.15rem;
	font-weight: 900;
	overflow-wrap: anywhere;
}

.care-pulse-card p {
	margin-top: 0.4rem;
	font-size: 0.78rem;
}

.care-step span {
	display: block;
	color: #00e676;
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 1rem;
}

.care-live-map {
	min-height: 560px;
	transform-style: preserve-3d;
	will-change: transform;
}

.care-live-map::before {
	content: "";
	position: absolute;
	inset: 8%;
	border-radius: 50%;
	border: 1px dashed rgba(0,230,118,0.18);
	animation: system-orbit-slow 28s linear infinite;
}

.care-map-core {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(0,230,118,0.25), rgba(142,36,170,0.16));
	border: 1px solid rgba(0,230,118,0.34);
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	box-shadow: 0 0 70px rgba(0,230,118,0.18);
	animation: care-core-breathe 4.5s ease-in-out infinite;
	z-index: 3;
}

.care-map-ray {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	height: 235px;
	background: linear-gradient(to bottom, rgba(0,230,118,0.5), transparent);
	transform-origin: top center;
	animation: system-ray-glow 4s ease-in-out infinite;
}

.care-map-ray.ray-1 { transform: rotate(35deg); }
.care-map-ray.ray-2 { transform: rotate(125deg); animation-delay: 0.5s; }
.care-map-ray.ray-3 { transform: rotate(215deg); animation-delay: 1s; }
.care-map-ray.ray-4 { transform: rotate(305deg); animation-delay: 1.5s; }

.care-map-node {
	position: absolute;
	z-index: 4;
	min-width: 130px;
	border-radius: 999px;
	padding: 0.85rem 1rem;
	background: rgba(14,12,26,0.8);
	border: 1px solid rgba(255,255,255,0.12);
	color: #fff;
	text-align: center;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	animation: system-node-drift 7s ease-in-out infinite;
}

.care-map-node.node-1 { left: 10%; top: 18%; color: #00e676; }
.care-map-node.node-2 { right: 10%; top: 20%; color: #e040fb; animation-delay: 0.7s; }
.care-map-node.node-3 { right: 12%; bottom: 20%; color: #60a5fa; animation-delay: 1.4s; }
.care-map-node.node-4 { left: 10%; bottom: 18%; color: #facc15; animation-delay: 2.1s; }

@keyframes care-core-breathe {
	0%, 100% {
		scale: 1;
		box-shadow: 0 0 80px rgba(0,230,118,0.18);
	}
	50% {
		scale: 1.05;
		box-shadow: 0 0 105px rgba(0,230,118,0.3), 0 0 42px rgba(142,36,170,0.2);
	}
}

@keyframes care-card-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

@media (max-width: 1023px) {
	.care-hero-console {
		min-height: 600px;
	}

	.care-live-map {
		min-height: 520px;
	}
}

@media (max-width: 767px) {
	.care-hero-console {
		min-height: 520px;
		border-radius: 1.65rem !important;
	}

	.care-orbit {
		scale: 0.72;
	}

	.care-core {
		width: 128px;
		height: 128px;
	}

	.care-signal {
		font-size: 0.56rem;
		padding: 0.55rem 0.7rem;
	}

	.care-pulse-card {
		left: 1rem;
		right: 1rem;
		padding: 1rem !important;
	}

	.care-pulse-card strong {
		font-size: 0.95rem;
	}

	.care-channel-grid,
	.care-route {
		gap: 1rem;
	}

	.care-live-map {
		min-height: auto;
		display: grid;
		gap: 0.85rem;
		padding: 1rem !important;
	}

	.care-live-map::before,
	.care-map-core,
	.care-map-ray {
		display: none;
	}

	.care-map-node {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: calc(100% - 2px);
		min-width: 0;
		box-sizing: border-box;
		animation: system-mobile-breathe 5.5s ease-in-out infinite;
	}

	.care-map-node.node-1,
	.care-map-node.node-2,
	.care-map-node.node-3,
	.care-map-node.node-4 {
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
}

@media (max-width: 480px) {
	.care-hero-console {
		min-height: 480px;
		padding: 1rem !important;
	}

	.care-orbit {
		scale: 0.58;
	}

	.care-core {
		width: 108px;
		height: 108px;
	}

	.care-core svg {
		width: 1.9rem;
		height: 1.9rem;
	}

	.care-core span {
		font-size: 0.82rem;
	}

	.signal-a { left: 5%; top: 25%; }
	.signal-b { right: 5%; top: 30%; }
	.signal-c { left: 6%; bottom: 35%; }
	.signal-d { right: 5%; bottom: 38%; }

	.care-contact-chip,
	.care-channel,
	.care-principle,
	.care-step,
	.care-solve-item {
		padding: 1.15rem !important;
	}
}

@media (max-width: 360px) {
	.care-hero-console {
		min-height: 455px;
	}

	.care-signal {
		font-size: 0.5rem;
		padding: 0.48rem 0.58rem;
	}

	.care-pulse-card strong {
		font-size: 0.86rem;
	}
}

/* Insights blog page */
.insights-page {
	position: relative;
}

.insights-stat,
.insights-topic,
.insights-card,
.insights-system {
	position: relative;
	overflow: hidden;
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.insights-stat::before,
.insights-topic::before,
.insights-card::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(0,230,118,0.16), transparent 45%, rgba(142,36,170,0.2));
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.insights-stat:hover,
.insights-topic:hover,
.insights-card:hover {
	transform: translateY(-6px);
	border-color: rgba(0,230,118,0.35);
	box-shadow: 0 24px 55px rgba(0,0,0,0.26);
}

.insights-stat:hover::before,
.insights-topic:hover::before,
.insights-card:hover::before {
	opacity: 1;
}

.insights-stat span {
	display: block;
	color: #00e676;
	font-size: 1.35rem;
	font-weight: 900;
	margin-bottom: 0.6rem;
}

.insights-stat p,
.insights-topic p {
	position: relative;
	z-index: 1;
	font-size: 0.82rem;
	line-height: 1.65;
}

.insights-hero-lab {
	min-height: 620px;
	transform-style: preserve-3d;
	will-change: transform;
}

@media (min-width: 1024px) {
	.insights-hero-lab {
		min-height: 0;
	}
}

.insights-hero-lab::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: radial-gradient(circle at 50% 42%, rgba(0,230,118,0.22), transparent 32%), linear-gradient(135deg, rgba(0,230,118,0.14), transparent 42%, rgba(142,36,170,0.26));
	pointer-events: none;
}

.insights-orbit {
	position: absolute;
	left: 50%;
	top: 47%;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.13);
	transform-style: preserve-3d;
	z-index: 1;
}

.insights-orbit.orbit-one {
	width: 390px;
	height: 390px;
	margin: -195px 0 0 -195px;
	border-color: rgba(0,230,118,0.26);
	transform: rotateX(62deg) rotateZ(16deg);
	animation: service-spin 24s linear infinite;
}

.insights-orbit.orbit-two {
	width: 480px;
	height: 230px;
	margin: -115px 0 0 -240px;
	border-color: rgba(142,36,170,0.28);
	transform: rotateX(18deg) rotateZ(-24deg);
	animation: service-spin-reverse 30s linear infinite;
}

.insights-orbit.orbit-three {
	width: 245px;
	height: 480px;
	margin: -240px 0 0 -122px;
	border-color: rgba(96,165,250,0.22);
	transform: rotateY(62deg) rotateZ(24deg);
	animation: service-spin 34s linear infinite;
}

.insights-core {
	position: absolute;
	left: 50%;
	top: 47%;
	width: 168px;
	height: 168px;
	display: grid;
	place-items: center;
	align-content: center;
	gap: 0.5rem;
	border-radius: 50%;
	transform: translate(-50%, -50%) translateZ(42px);
	background: radial-gradient(circle at 35% 20%, rgba(255,255,255,0.18), rgba(0,230,118,0.24), rgba(142,36,170,0.17));
	border: 1px solid rgba(0,230,118,0.34);
	box-shadow: 0 0 80px rgba(0,230,118,0.2);
	z-index: 4;
	animation: care-core-breathe 4.6s ease-in-out infinite;
}

.insights-core svg {
	width: 2.4rem;
	height: 2.4rem;
	color: #00e676;
}

.insights-core span {
	color: #fff;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.insights-chip {
	position: absolute;
	z-index: 5;
	border-radius: 999px;
	padding: 0.7rem 1rem;
	background: rgba(14,12,26,0.8);
	border: 1px solid rgba(255,255,255,0.12);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	box-shadow: 0 18px 40px rgba(0,0,0,0.28);
	animation: service-float 5.2s ease-in-out infinite;
}

.insights-chip.chip-a { left: 9%; top: 17%; color: #00e676; }
.insights-chip.chip-b { right: 11%; top: 22%; color: #e040fb; animation-delay: 0.7s; }
.insights-chip.chip-c { left: 12%; bottom: 26%; color: #60a5fa; animation-delay: 1.2s; }
.insights-chip.chip-d { right: 8%; bottom: 28%; color: #facc15; animation-delay: 1.8s; }

.insights-note {
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: 7%;
	z-index: 6;
	box-shadow: 0 28px 70px rgba(0,0,0,0.34);
	animation: care-card-float 6s ease-in-out infinite;
}

.insights-note span {
	display: block;
	color: #00e676;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.insights-note p {
	font-size: 0.82rem;
	line-height: 1.6;
}

.insights-topic svg {
	width: 2rem;
	height: 2rem;
	color: #00e676;
	margin-bottom: 1.2rem;
}

.insights-topic h3 {
	position: relative;
	z-index: 1;
	color: #fff;
	font-weight: 900;
	font-size: 1.08rem;
	margin-bottom: 0.75rem;
}

.insights-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.insights-card-media {
	position: relative;
	display: block;
	height: 230px;
	overflow: hidden;
	text-decoration: none;
	background: radial-gradient(circle at 30% 20%, rgba(0,230,118,0.18), rgba(142,36,170,0.12), rgba(8,7,15,0.96));
}

.insights-card-media img,
.insights-card-media .insights-card-placeholder {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	transition: transform 0.5s ease;
}

.insights-card:hover .insights-card-media img,
.insights-card:hover .insights-card-placeholder {
	transform: scale(1.06);
}

.insights-card-placeholder svg {
	width: 4rem;
	height: 4rem;
	color: rgba(0,230,118,0.92);
	filter: drop-shadow(0 0 22px rgba(0,230,118,0.35));
}

.insights-card-media span {
	position: absolute;
	left: 1rem;
	top: 1rem;
	z-index: 2;
	border-radius: 999px;
	padding: 0.45rem 0.75rem;
	background: rgba(8,7,15,0.82);
	border: 1px solid rgba(255,255,255,0.12);
	color: #00e676;
	font-size: 0.64rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.insights-card--purple .insights-card-media span,
.insights-card--purple .insights-card-placeholder svg {
	color: #e040fb;
}

.insights-card--blue .insights-card-media span,
.insights-card--blue .insights-card-placeholder svg {
	color: #60a5fa;
}

.insights-card--yellow .insights-card-media span,
.insights-card--yellow .insights-card-placeholder svg {
	color: #facc15;
}

.insights-date {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: rgb(107 114 128);
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin-bottom: 0.85rem;
}

.insights-date svg {
	width: 0.9rem;
	height: 0.9rem;
}

.insights-card h3 {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 1.12rem;
	font-weight: 900;
	line-height: 1.35;
	margin-bottom: 0.85rem;
}

.insights-card h3 a {
	color: inherit;
	text-decoration: none;
	transition: color 0.25s ease;
}

.insights-card h3 a:hover {
	color: #00e676;
}

.insights-card p {
	position: relative;
	z-index: 1;
	font-size: 0.88rem;
	line-height: 1.65;
}

.insights-read-more {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin-top: 1.4rem;
	color: #00e676;
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.insights-read-more svg {
	width: 1rem;
	height: 1rem;
	transition: transform 0.25s ease;
}

.insights-read-more:hover svg {
	transform: translateX(4px);
}

.insights-system {
	min-height: 560px;
	transform-style: preserve-3d;
	will-change: transform;
}

.insights-system::before {
	content: "";
	position: absolute;
	inset: 8%;
	border-radius: 50%;
	border: 1px dashed rgba(0,230,118,0.18);
	animation: system-orbit-slow 28s linear infinite;
}

.insights-system-core {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(0,230,118,0.25), rgba(142,36,170,0.16));
	border: 1px solid rgba(0,230,118,0.34);
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	box-shadow: 0 0 70px rgba(0,230,118,0.18);
	animation: care-core-breathe 4.5s ease-in-out infinite;
	z-index: 3;
}

.insights-system-ray {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	height: 235px;
	background: linear-gradient(to bottom, rgba(0,230,118,0.5), transparent);
	transform-origin: top center;
	animation: system-ray-glow 4s ease-in-out infinite;
}

.insights-system-ray.ray-a { transform: rotate(35deg); }
.insights-system-ray.ray-b { transform: rotate(125deg); animation-delay: 0.5s; }
.insights-system-ray.ray-c { transform: rotate(215deg); animation-delay: 1s; }
.insights-system-ray.ray-d { transform: rotate(305deg); animation-delay: 1.5s; }

.insights-system-node {
	position: absolute;
	z-index: 4;
	min-width: 130px;
	border-radius: 999px;
	padding: 0.85rem 1rem;
	background: rgba(14,12,26,0.8);
	border: 1px solid rgba(255,255,255,0.12);
	color: #fff;
	text-align: center;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	animation: system-node-drift 7s ease-in-out infinite;
}

.insights-system-node.node-a { left: 10%; top: 18%; color: #00e676; }
.insights-system-node.node-b { right: 10%; top: 20%; color: #e040fb; animation-delay: 0.7s; }
.insights-system-node.node-c { right: 12%; bottom: 20%; color: #60a5fa; animation-delay: 1.4s; }
.insights-system-node.node-d { left: 10%; bottom: 18%; color: #facc15; animation-delay: 2.1s; }

@media (max-width: 1023px) {
	.insights-hero-lab {
		min-height: 600px;
	}

	.insights-system {
		min-height: 520px;
	}
}

@media (max-width: 767px) {
	.insights-hero-lab {
		min-height: 520px;
		border-radius: 1.65rem !important;
	}

	.insights-orbit {
		scale: 0.72;
	}

	.insights-core {
		width: 128px;
		height: 128px;
	}

	.insights-chip {
		font-size: 0.56rem;
		padding: 0.55rem 0.7rem;
	}

	.insights-note {
		left: 1rem;
		right: 1rem;
		padding: 1rem !important;
	}

	.insights-card-media {
		height: 210px;
	}

	.insights-system {
		min-height: auto;
		display: grid;
		gap: 0.85rem;
		padding: 1rem !important;
	}

	.insights-system::before,
	.insights-system-core,
	.insights-system-ray {
		display: none;
	}

	.insights-system-node,
	.insights-system-node.node-a,
	.insights-system-node.node-b,
	.insights-system-node.node-c,
	.insights-system-node.node-d {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: calc(100% - 2px);
		min-width: 0;
		box-sizing: border-box;
		animation: system-mobile-breathe 5.5s ease-in-out infinite;
	}
}

@media (max-width: 480px) {
	.insights-hero-lab {
		min-height: 480px;
		padding: 1rem !important;
	}

	.insights-orbit {
		scale: 0.58;
	}

	.insights-core {
		width: 108px;
		height: 108px;
	}

	.insights-core svg {
		width: 1.9rem;
		height: 1.9rem;
	}

	.insights-core span {
		font-size: 0.82rem;
	}

	.insights-chip.chip-a { left: 5%; top: 22%; }
	.insights-chip.chip-b { right: 5%; top: 28%; }
	.insights-chip.chip-c { left: 6%; bottom: 37%; }
	.insights-chip.chip-d { right: 5%; bottom: 39%; }

	.insights-stat,
	.insights-topic,
	.insights-card .p-6 {
		padding: 1.15rem !important;
	}
}

@media (max-width: 360px) {
	.insights-hero-lab {
		min-height: 455px;
	}

	.insights-chip {
		font-size: 0.5rem;
		padding: 0.48rem 0.58rem;
	}
}

.samodvizhets-main {
	display: block;
	overflow: hidden;
}

.samodvizhets-desktop-menu,
.samodvizhets-mobile-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.samodvizhets-desktop-menu li,
.samodvizhets-mobile-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.samodvizhets-desktop-menu a {
	color: rgb(209 213 219);
	transition: color 0.15s ease;
}

.samodvizhets-desktop-menu a:hover,
.samodvizhets-desktop-menu a:focus,
.samodvizhets-desktop-menu .current-menu-item > a {
	color: #00e676;
}

.samodvizhets-mobile-menu a {
	display: block;
	padding: 0.5rem 0;
	color: rgb(209 213 219);
	transition: color 0.15s ease;
}

.samodvizhets-mobile-menu a:hover,
.samodvizhets-mobile-menu a:focus,
.samodvizhets-mobile-menu .current-menu-item > a {
	color: #00e676;
}

.ecosystem-node-link {
	position: absolute;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 68px;
	padding: 0.34rem 0.58rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(8, 7, 15, 0.76);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.24);
	transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.ecosystem-node-link:hover,
.ecosystem-node-link:focus,
.ecosystem-node-link.active-node-btn {
	transform: translateY(-2px);
	background: rgba(8, 7, 15, 0.92);
}

.ecosystem-node-link.-translate-x-1\/2:hover,
.ecosystem-node-link.-translate-x-1\/2:focus,
.ecosystem-node-link.-translate-x-1\/2.active-node-btn {
	transform: translateX(-50%) translateY(-2px);
}

.ecosystem-node-link--green {
	color: #00e676;
	border-color: rgba(0, 230, 118, 0.32);
}

.ecosystem-node-link--purple {
	color: #8e24aa;
	border-color: rgba(142, 36, 170, 0.4);
}

.ecosystem-node-link--blue {
	color: #60a5fa;
	border-color: rgba(96, 165, 250, 0.38);
}

.ecosystem-node-link--yellow {
	color: #facc15;
	border-color: rgba(250, 204, 21, 0.4);
}

.ecosystem-node-link--orange {
	color: #fb923c;
	border-color: rgba(251, 146, 60, 0.42);
}

.ecosystem-node-link--cyan {
	color: #22d3ee;
	border-color: rgba(34, 211, 238, 0.42);
}

@media (max-width: 640px) {
	.ecosystem-node-link {
		min-width: 54px;
		padding: 0.28rem 0.42rem;
		font-size: 8px;
	}
}

body.admin-bar > header.fixed {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar > header.fixed {
		top: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.animate-pulse-slow,
	.about-orbit,
	.about-node,
	.system-center,
	.system-ray,
	.system-item,
	.about-system-map::after,
	.care-orbit,
	.care-core,
	.care-signal,
	.care-pulse-card,
	.care-live-map::before,
	.care-map-core,
	.care-map-ray,
	.care-map-node {
		animation: none;
	}
}