/* ============================================
   Media Queries - Responsive Design
   ============================================
   
   Breakpoints:
   - 1272px: Large tablets / small desktops
   - 1024px: Tablets
   - 768px: Mobile landscape / small tablets
   - 604px: Mobile portrait
   - 400px: Small mobile
   
   Optimized: Grouped responsive classes to reduce duplication
   ============================================ */

/* Breakpoint: 1272px */
@media screen and (max-width: 1272px) {
	.welcome-gallery {
		display: none;
	}
	.responsive-partners {
		margin-top: 0;
	}
}

/* Breakpoint: 1024px */
@media screen and (max-width: 1024px) {
	/* Marquee */
	.marquee-section {
		overflow-x: hidden;
		width: 100%;
		max-width: 100%;
	}
	.marquee-row {
		width: 100%;
		left: 0;
		transform: none;
		margin-left: 0;
		margin-right: 0;
	}
	.track {
		gap: var(--gap-base);
	}
	.card.task-card {
		width: 240px;
		padding: var(--spacing-lg);
	}

	/* Work Stages */
	.work-stages-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.work-illus {
		height: 140px;
	}
	.work-stages-head h2 {
		font-size: var(--font-size-lg);
		max-width: 100%;
	}
	.work-stages-desc {
		max-width: 100%;
	}
	.work-stages-extras {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Steps */
	.steps-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: var(--gap-lg);
	}
	.steps-header h2 {
		font-size: 36px;
	}
	.steps-header h3 {
		font-size: var(--spacing-2xl);
	}

	/* Growth */
	.growth-block {
		border-radius: var(--radius-3xl);
		padding: 56px var(--spacing-3xl);
	}
	.growth-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}
	.growth-visual {
		min-height: 260px;
	}

	/* Gallery */
	.item-gallery {
		gap: var(--spacing-xl);
	}
	.item-gallery-image {
		max-width: 100%;
		height: 250px;
	}
	.item-gallery-faq {
		max-width: 100%;
	}

	/* Calculate */
	.calculate {
		display: flex;
		flex-direction: column;
		grid-gap: var(--spacing-xl);
	}
	.calculate-res {
		width: 100%;
	}
	.calculate-req {
		width: 100%;
	}

	/* Contact */
	.contact {
		gap: var(--spacing-3xl);
	}
	.contact-content {
		flex-direction: column;
	}

	/* Responsive section padding - grouped for optimization */
	.responsive-calculate,
	.responsive-contact,
	.responsive-about,
	.responsive-messenger,
	.responsive-price,
	.responsive-faq,
	.responsive-service,
	.responsive-technologies,
	.responsive-maintenance,
	.responsive-individual,
	.responsive-works,
	.responsive-reviews,
	.responsive-start,
	.responsive-footer {
		padding: var(--spacing-3xl) 0;
	}

	/* Stats */
	.stats {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: var(--gap-lg);
	}
	.stats > .item > p {
		font-size: var(--font-size-xs);
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.responsive-stats {
		padding: var(--spacing-3xl) 0;
	}

	/* About */
	.about {
		gap: var(--spacing-3xl);
	}
	.about > .head-about {
		order: 1;
	}
	.about > .info-about {
		order: 3;
	}
	.about > .about-items {
		order: 2;
	}
	.about > .action-about {
		order: 4;
	}
	.head-about > h1,
	.head-about > h1 > span {
		font-size: var(--font-size-lg);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--font-size-lg);
		letter-spacing: var(--letter-spacing-md);
	}
	.head-about > h1 > br,
	.head-about > h1 > span > br {
		display: none;
	}
	/* Common paragraph styles - Optimized */
	.head-about > p,
	.head-about h3,
	.head-info-content > p,
	.header-about > p,
	.info-about > * {
		font-size: var(--font-size-xs);
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.head-info-content {
		align-items: flex-start;
	}
	.head-info-content > p {
		text-align: left;
	}
	.head-info-content > h1,
	.head-info-content > h1 > span,
	.header-about > h1,
	.header-about > h1 > span {
		font-size: 48px;
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: 48px;
		letter-spacing: var(--letter-spacing-md);
	}
	.head-info-content > h1 {
		text-align: left;
	}
	/* Styles already in Common paragraph styles above */
	.header-head-about {
		padding: var(--spacing-4xl) 0;
	}

	/* Section Headings - Group 2: Messenger, Article, FAQ, Start, Review, Similar, Info Example */
	.messenger-info > h1,
	.messenger-info > h1 > span,
	.info-article > h1,
	.info-article > h1 > span,
	.info-faq > h1,
	.info-faq > h1 > span,
	.start-info > h1,
	.start-info > h1 > span,
	.review-head > h1,
	.similar > h1,
	.info-example > h1,
	.info-example > h1 > span {
		font-size: var(--font-size-lg);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--font-size-lg);
		letter-spacing: var(--letter-spacing-md);
	}

	/* Messenger */
	.messenger-items {
		width: 100%;
		flex-wrap: wrap;
	}
	.messenger-items > .def-button {
		max-width: 100%;
	}

	/* Examples */
	.responsive-example {
		padding: var(--spacing-xl) 0;
		padding-bottom: var(--spacing-3xl);
	}
	.responsive-examples,
	.responsive-cases,
	.responsive-find,
	.responsive-price {
		padding: var(--spacing-3xl) 0;
	}
	.responsive-cases {
		margin-top: 0;
	}

	/* Price */
	.price {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
	}

	/* FAQ */
	.info-faq > p {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.head-faq {
		padding: var(--spacing-base);
	}
	.head-faq::after {
		width: var(--spacing-xl);
		height: var(--spacing-xl);
	}
	.head-faq > p {
		font-size: var(--spacing-xl);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--spacing-xl);
		letter-spacing: -0.48px;
	}
	.body-faq {
		margin-top: calc(var(--spacing-md) * -1);
		padding: var(--spacing-base);
		padding-top: 0;
	}
	.body-faq > * {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.req-fills {
		padding: var(--spacing-base);
	}
	.responsive-faq {
		padding: var(--spacing-3xl) 0;
	}

	/* Header */
	.header-desc {
		padding: var(--spacing-3xl) 0;
	}
	.head-tags {
		justify-content: flex-start;
	}

	/* Header Soft Tech */
	.header-soft-tech-nav {
		display: none;
	}
	.header-soft-tech-cta {
		display: none;
	}
	.header-soft-tech-toggle {
		display: flex;
	}
	.header-soft-tech-mobile {
		display: none;
	}
	.header-soft-tech-mobile.active {
		display: flex;
	}
	.header-soft-tech-inner {
		padding: var(--spacing-base) 0;
	}
	.header-soft-tech-logo {
		height: var(--spacing-3xl);
	}

	/* Hero Soft Tech */
	.hero-soft-tech {
		padding: 100px 0 var(--spacing-6xl);
		min-height: auto;
	}
	.hero-soft-tech-content {
		grid-template-columns: 1fr;
		gap: var(--spacing-4xl);
	}
	/* Hero title - Override for mobile - Must be specific */
	section.hero-soft-tech h1.hero-soft-tech-title,
	.hero-soft-tech h1.hero-soft-tech-title,
	.hero-soft-tech .hero-soft-tech-title,
	h1.hero-soft-tech-title,
	.hero-soft-tech-title {
		font-size: var(--font-size-lg) !important;
		line-height: var(--line-height-lg) !important;
		letter-spacing: var(--letter-spacing-xs) !important;
	}
	.hero-soft-tech-description {
		font-size: var(--font-size-sm);
	}
	.hero-soft-tech-actions {
		flex-direction: column;
		width: 100%;
	}
	.hero-soft-tech-btn-primary,
	.hero-soft-tech-btn-secondary {
		width: 100%;
		text-align: center;
	}
	.hero-soft-tech-robot-wrapper {
		max-width: 100%;
	}
	.hero-soft-tech-floating-icon {
		width: var(--size-icon-large);
		height: var(--size-icon-large);
	}
	.hero-soft-tech-floating-icon img {
		width: 36px;
		height: 36px;
	}
	.hero-soft-tech-floating-icon-left {
		left: 10px;
		top: 15%;
	}
	.hero-soft-tech-floating-icon-right {
		right: 10px;
		top: 55%;
	}
	.hero-soft-tech-watermark {
		font-size: 150px;
		letter-spacing: 15px;
	}

	/* Page Header Section */
	.page-header-section {
		min-height: 50vh;
		padding: 100px 0 var(--spacing-6xl);
	}
	.page-header-section-content {
		grid-template-columns: 1fr;
		gap: var(--spacing-4xl);
	}
	.page-header-section-title {
		font-size: var(--font-size-lg);
	}
	.page-header-section-description {
		font-size: var(--font-size-sm);
		max-width: 100%;
	}
	.page-header-section-illustration {
		order: -1;
	}
	.page-header-section-illustration-wrapper {
		max-width: 100%;
	}

	/* Breadcrumbs */
	.breadcrumbs-list {
		gap: var(--gap-sm);
	}
	.breadcrumbs-link,
	.breadcrumbs-current,
	.breadcrumbs-separator {
		font-size: 12px;
	}

	/* Responsive Header */
	.responsive-header {
		padding-top: var(--spacing-start-body);
	}

	/* Welcome */
	.welcome-info > h1 {
		font-family: var(--font-family-special);
		font-size: 48px;
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: 48px;
		letter-spacing: var(--letter-spacing-md);
		text-transform: uppercase;
	}
	.welcome-info > h1 > span {
		font-family: var(--font-family-special);
		font-size: 48px;
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: 48px;
		letter-spacing: var(--letter-spacing-md);
		text-transform: uppercase;
	}
	.welcome-info > h1 > img {
		height: 33px;
	}
	.welcome-info {
		align-items: center;
		text-align: center;
	}
	.welcome-info > p {
		font-size: var(--font-size-xs);
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.welcome-content {
		padding: var(--spacing-4xl) 0;
		gap: var(--spacing-xl);
		max-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.welcome-action {
		flex-direction: column;
		align-items: center;
	}
	.welcome-badge {
		font-size: 12px;
		padding: var(--gap-sm) var(--spacing-base);
		margin-bottom: var(--spacing-md);
		gap: var(--gap-md);
		align-self: center;
		width: auto;
	}
	.welcome-badge .badge-icon {
		width: var(--spacing-base);
		height: var(--spacing-base);
	}

	/* Header Head */
	.header-head {
		background-size: cover;
		background-position: center;
		background-attachment: scroll;
		min-height: auto;
	}
	.header-head::before {
		background: rgba(245, 245, 245, 0.4);
	}

	/* Robot Header */
	.robot-header {
		gap: var(--spacing-md);
	}
	.robot-icon-header {
		width: 50px;
		height: 50px;
	}
	.robot-header > h2 {
		font-size: var(--spacing-xl);
	}

	/* RAG Card */
	.rag-card {
		padding: var(--spacing-lg) var(--spacing-xl);
		margin-top: var(--gap-md);
	}
	.rag-card > h3 {
		font-size: var(--spacing-lg);
		margin-bottom: var(--spacing-md);
	}
	.rag-card > ul > li {
		font-size: var(--font-size-xs);
		padding-left: var(--spacing-xl);
		margin-bottom: 10px;
	}
	.rag-card > ul > li::before {
		width: var(--gap-sm);
		height: var(--gap-sm);
		top: var(--gap-md);
	}

	/* Section Headings - Optimized: Common responsive styles for all section headings */
	.service-info > h1,
	.service-info > .section-title,
	.tech-info > h1,
	.tech-info > .section-title {
		font-size: var(--font-size-lg);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--font-size-lg);
		letter-spacing: var(--letter-spacing-md);
	}
	.service-info > h1 > span,
	.service-info > .section-title > span,
	.tech-info > h1 > span,
	.tech-info > .section-title > span {
		font-size: var(--font-size-lg);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--font-size-lg);
		letter-spacing: var(--letter-spacing-md);
	}
	.service-info > h1,
	.service-info > .section-title {
		white-space: normal;
		word-break: break-word;
		display: block;
		width: 100%;
	}
	.service-info > h1 > span,
	.service-info > .section-title > span {
		display: inline;
		white-space: normal;
	}

	/* Section Paragraphs - Optimized: Common responsive styles */
	.service-info > p,
	.tech-info > p {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}

	/* Services */
	.service-items {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1px;
	}
	.responsive-service {
		padding: var(--spacing-3xl) 0;
	}

	/* Technologies */
	.technologies {
		flex-direction: column;
		align-items: center;
	}
	.teach-info-about {
		align-items: center;
		text-align: center;
	}
	.techn-details {
		max-width: 600px;
	}

	/* Technologies Orchestrator - Tablet */
	.technologies-orchestrator {
		flex-direction: column;
		gap: 50px;
		min-height: auto;
	}

	.tech-orchestrator-text {
		flex: 1 1 100%;
		text-align: center;
		align-items: center;
	}

	.tech-orchestrator-title {
		font-size: 42px;
	}

	.tech-orchestrator-visual {
		flex: 1 1 100%;
		height: 450px;
		min-height: 450px;
	}

	.tech-robot-image {
		width: 180px;
		height: 180px;
	}

	/* Technologies Orchestrator - Mobile */
	.technologies-orchestrator {
		flex-direction: column;
		gap: 40px;
		min-height: auto;
	}

	.tech-orchestrator-text {
		flex: 1 1 100%;
		text-align: center;
		align-items: center;
	}

	.tech-orchestrator-title {
		font-size: 36px;
		line-height: 1.2;
	}

	.tech-orchestrator-visual {
		flex: 1 1 100%;
		height: 400px;
		min-height: 400px;
	}

	.tech-robot-image {
		width: 150px;
		height: 150px;
	}

	.tech-node {
		width: 48px;
		height: 48px;
	}

	.tech-node-icon img {
		width: 24px;
		height: 24px;
	}

	.tech-connector {
		opacity: 0.4;
	}
	.techn-head {
		flex-direction: column-reverse;
	}
	.techn-head > .item {
		padding: var(--spacing-base);
		align-items: center;
		text-align: center;
	}
	.techn-bottom {
		display: flex;
		justify-content: center;
		padding: var(--spacing-base);
	}
	.link-ico > p {
		font-size: var(--font-size-sm);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: -0.32px;
	}
	.responsive-technologies {
		padding: var(--spacing-3xl) 0;
	}

	/* Maintenance */
	.maintenance {
		flex-direction: column;
	}
	.maintenance > .item:first-child {
		display: none;
	}
	.maintenance-info {
		padding: var(--spacing-base);
	}
	.maintenance-read {
		padding: var(--spacing-base);
	}
	/* Maintenance paragraph - uses common paragraph styles */
	.maintenance-read > p {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.responsive-maintenance {
		padding: var(--spacing-3xl) 0;
	}

	/* Individual */
	.individual {
		flex-direction: column;
	}
	.individual-info {
		max-width: 100%;
	}
	.individual-info > h1 {
		font-family: var(--font-family-special);
		font-size: var(--font-size-2xl);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--font-size-2xl);
		letter-spacing: var(--letter-spacing-base);
	}
	.individual-info > h1 > span {
		font-family: var(--font-family-special);
		font-size: var(--font-size-2xl);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--font-size-2xl);
		letter-spacing: var(--letter-spacing-base);
	}
	/* Individual paragraph - uses common paragraph styles */
	.individual-info > p {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.individual-info-light > h2 {
		font-size: var(--spacing-3xl);
		line-height: 1.2;
		max-width: 100%;
	}
	.individual-content {
		width: 100%;
	}
	.individual-fills {
		padding: var(--spacing-base);
	}
	.fill-group {
		flex-direction: column;
	}
	.responsive-individual {
		padding: var(--spacing-3xl) 0;
	}

	/* Works */
	.works {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
		gap: var(--gap-lg);
	}
	.responsive-works {
		padding: var(--spacing-3xl) 0;
	}

	/* Reviews */
	.review-head > p,
	.review-bottom > p {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.reviews {
		gap: var(--spacing-3xl);
	}
	.responsive-reviews {
		padding: var(--spacing-3xl) 0;
	}

	/* Start */
	.responsive-start {
		padding: var(--spacing-3xl) 0;
	}

	/* Footer */
	footer {
		flex-direction: column-reverse;
		gap: var(--spacing-3xl);
	}
	.item-navigate {
		width: 100%;
	}
	.item-navigate > .item {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-xs);
		letter-spacing: var(--letter-spacing-xs);
	}
	.footer-column.footer-info {
		align-items: center;
		justify-content: center;
		order: 4;
	}
	.footer-column:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.footer-illustration {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
	}
	.footer-column.footer-cta {
		order: 0;
	}
	.footer-column-title {
		font-size: var(--font-size-sm);
		margin-bottom: var(--spacing-md);
	}
	.footer-about > p {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-xs);
		letter-spacing: var(--letter-spacing-xs);
	}
	.responsive-footer {
		padding: var(--spacing-3xl) 0;
		z-index: 0;
	}
	.footer-watermark {
		font-size: 150px;
		letter-spacing: var(--gap-md);
	}
	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--gap-lg);
		padding-top: var(--spacing-xl);
	}
	.footer-bottom-links {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-md);
	}
	.footer-cta-button {
		height: var(--size-icon-large);
		font-size: var(--font-size-xs);
	}
	.footer-social-icons {
		gap: var(--spacing-md);
	}
	.footer-social-icon {
		width: var(--spacing-4xl);
		height: var(--spacing-4xl);
	}

	/* Special */
	.special-content > p {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-semibold);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.header-special {
		padding: var(--gap-md) 0;
	}
	.header-special > .container {
		padding: 0 var(--gap-md);
	}

	/* Blog */
	.blog-info > h1 {
		font-size: var(--spacing-xl);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--spacing-xl);
		letter-spacing: -0.48px;
	}
	.blog-info > h1 > span {
		font-size: var(--spacing-xl);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--spacing-xl);
		letter-spacing: -0.48px;
	}
	.blog-items {
		grid-gap: var(--gap-lg);
		max-width: 100%;
	}
	.blog {
		display: flex;
		flex-direction: column-reverse;
	}
	.blog-bar {
		width: 100%;
		position: static;
	}
	.responsive-blog {
		padding: var(--spacing-3xl) 0;
	}
	.responsive-similar {
		padding: var(--spacing-3xl) 0;
		padding-bottom: var(--spacing-xl);
	}

	/* Example */
	.example {
		gap: var(--spacing-xl);
	}
	.header-info {
		gap: var(--spacing-xl);
	}
	.name-project > h1 {
		font-size: var(--spacing-xl);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--spacing-xl);
		letter-spacing: -0.48px;
	}

	/* Similar and Info Example - styles already in Group 2 above */

	/* Contacts */
	.head-contacts > p {
		font-size: 12px;
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--spacing-base);
		letter-spacing: -0.12px;
		color: var(--color-black);
	}
}

/* Breakpoint: 768px */
@media screen and (max-width: 768px) {
	/* Все h2 на мобильной версии */
	h2 {
		font-family: 'Jura', sans-serif;
		font-optical-sizing: auto;
		font-size: 56px;
		font-weight: 800;
		/* line-height: 1.05;
		margin: 0 0 32px 0;
		max-width: 80%;
		background: linear-gradient(90deg, #1a1a1a 0%, #1a1a1a 55%, #5a3fc0 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text; */
	}

	/* Marquee */
	.marquee-section {
		overflow-x: hidden;
		width: 100%;
		max-width: 100%;
	}
	.marquee-row {
		width: 100%;
		left: 0;
		transform: none;
		margin-left: 0;
		margin-right: 0;
	}
	.marquee-row::before,
	.marquee-row::after {
		width: var(--spacing-6xl);
	}
	.card.task-card {
		width: 280px;
		min-width: 280px;
	}

	/* Work Stages */
	.work-stages-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: var(--gap-lg);
	}
	.work-illus {
		height: 120px;
	}

	/* Partners */
	.partners-track {
		gap: var(--spacing-4xl);
	}
	.partner-item > img {
		max-width: 100px;
		max-height: 50px;
	}
	.partner-items {
		max-width: 100%;
		overflow-x: auto;
	}
	.partner-items > .item {
		flex: none;
	}

	/* Header */
	.header-desc {
		padding: var(--spacing-4xl) 0;
	}

	/* Calculate */
	.calculate {
		grid-gap: var(--spacing-xl);
	}

	/* Responsive section padding - mobile (768px) - grouped for optimization */
	.responsive-calculate,
	.responsive-contact,
	.responsive-examples,
	.responsive-blog,
	.responsive-similar,
	.responsive-service,
	.responsive-technologies,
	.responsive-maintenance,
	.responsive-individual,
	.responsive-works,
	.responsive-reviews,
	.responsive-about,
	.responsive-find,
	.responsive-cases,
	.responsive-messenger {
		padding: var(--spacing-4xl) 0;
	}

	/* Sticky Scroll Section - Mobile Adaptation */
	.sticky-scroll-section {
		padding: var(--spacing-4xl) 0;
		min-height: auto;
	}

	.sticky-scroll-wrapper {
		grid-template-columns: 1fr;
		gap: var(--spacing-4xl);
	}

	.sticky-scroll-left {
		padding-right: 0;
		order: 1;
	}

	.sticky-scroll-right {
		position: relative;
		top: 0;
		order: 2;
		margin-bottom: var(--spacing-4xl);
	}

	.sticky-scroll-progress {
		display: none;
	}

	.sticky-scroll-steps {
		padding-left: 0;
	}

	.sticky-scroll-step {
		margin-bottom: var(--spacing-5xl);
		opacity: 1;
	}

	.sticky-scroll-step-title {
		font-size: 24px;
	}

	.sticky-scroll-step-description {
		font-size: 14px;
	}

	.sticky-scroll-images-container {
		min-height: 300px;
		margin-bottom: var(--spacing-4xl);
	}

	/* Welcome */
	.welcome-content {
		padding: var(--spacing-6xl) 0;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	/* Services */
	.service-items {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1px;
	}

	/* Technologies */
	.technologies {
		flex-direction: column;
		align-items: center;
	}
	.teach-info-about {
		align-items: center;
		text-align: center;
	}
	.techn-details {
		max-width: 600px;
	}

	/* Individual */
	.individual {
		flex-direction: column;
	}
	.individual-info {
		max-width: 100%;
	}
	.individual-info > h1,
	.individual-info > h1 > span {
		font-family: var(--font-family-special);
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}
	.individual-content {
		width: 100%;
	}

	/* Works */
	.works {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--gap-lg);
	}

	/* FAQ - heading styles already in mobile override above */

	/* About - heading styles already in mobile override above */

	/* Find */
	.find {
		flex-direction: column;
	}

	/* Price */
	.price {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
	}

	/* Footer */
	.footer-watermark {
		font-size: 120px;
		letter-spacing: 5px;
	}

	/* Special */
	.info-special {
		padding: 0 var(--spacing-xl);
	}
	.info-special > h1 {
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
		line-height: var(--line-height-sm);
		letter-spacing: var(--letter-spacing-xs);
	}

	/* About Items */
	.about-items {
		grid-template-columns: 1fr;
	}
	.action-about {
		flex-wrap: wrap;
	}

	/* Head Res */
	.head-res {
		flex-direction: column;
		display: flex;
	}
	.head-res > .item:first-child {
		padding-bottom: var(--spacing-md);
		padding-right: 0;
	}
	.head-res > .item:first-child::before {
		top: unset;
		width: 100%;
		height: var(--border-width);
		left: 0;
		right: 0;
		bottom: 0;
	}

	/* Body Res */
	.body-res {
		gap: var(--spacing-md);
		display: flex;
		flex-direction: column;
	}
	.items-req {
		padding-right: 0;
	}
	.items-req::before {
		content: none;
	}

	/* Individual Layout */
	.individual.individual-layout {
		padding: 10px;
	}
	.responsive-individual.container {
		padding-left: 0;
		padding-right: 0;
	}
	.responsive-individual .container {
		padding-left: 0;
		padding-right: 0;
	}

	/* Chat Button */
	.chat-button {
		bottom: var(--spacing-base);
		right: var(--spacing-base);
		padding: 0 var(--spacing-xl);
	}
	.chat-button > p {
		font-size: var(--font-size-xs);
	}

	/* Headings - Mobile Override - Optimized: All section headings use same mobile size */
	.steps-header h3,
	.rag-card > h3,
	.welcome-info > h1,
	.welcome-info > h1 > span,
	.service-info > h1,
	.service-info > h1 > span,
	.service-info > .section-title,
	.service-info > .section-title > span,
	.tech-info > h1,
	.tech-info > h1 > span,
	.tech-info > .section-title,
	.tech-info > .section-title > span,
	.head-about > h1,
	.head-about > h1 > span,
	.head-info-content > h1,
	.head-info-content > h1 > span,
	.header-about > h1,
	.header-about > h1 > span,
	.messenger-info > h1,
	.messenger-info > h1 > span,
	.info-article > h1,
	.info-article > h1 > span,
	.info-example > h1,
	.info-example > h1 > span,
	.similar > h1,
	.start-info > h1,
	.start-info > h1 > span,
	.review-head > h1,
	.name-project > h1,
	.blog-info > h1,
	.blog-info > h1 > span {
		font-size: var(--font-size-xs) !important;
		line-height: var(--line-height-sm) !important;
		letter-spacing: var(--letter-spacing-xs) !important;
	}
	
	/* Hero title - Mobile Size - Must be after general headings rule with higher specificity */
	section.hero-soft-tech h1.hero-soft-tech-title,
	.hero-soft-tech h1.hero-soft-tech-title,
	.hero-soft-tech .hero-soft-tech-title,
	h1.hero-soft-tech-title,
	.hero-soft-tech-title {
		font-size: var(--font-size-lg) !important;
		line-height: var(--line-height-lg) !important;
		letter-spacing: var(--letter-spacing-xs) !important;
	}

	/* H2 Headings - Mobile Size 27px */
	h2,
	.work-stages-head h2,
	.steps-header h2,
	.robot-header > h2,
	.individual-info-light > h2 {
		font-size: 27px !important;
		line-height: 1.2 !important;
		letter-spacing: var(--letter-spacing-xs) !important;
	}

	/* Все h2 внутри .section-title должны иметь одинаковый размер 56px */
	.section-title h2,
	.section-title > h2,
	.service-info > .section-title h2,
	.tech-info > .section-title h2,
	.maintenance-read > .section-title h2,
	.head-about > .section-title h2 {
		font-size: 56px !important;
		line-height: 1.05 !important;
		font-weight: 800 !important;
		font-family: 'Jura', sans-serif !important;
		font-optical-sizing: auto !important;
		margin: 0 0 32px 0 !important;
		max-width: 80% !important;
		background: linear-gradient(90deg, #1a1a1a 0%, #1a1a1a 55%, #5a3fc0 100%) !important;
		-webkit-background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		background-clip: text !important;
	}

	/* Page Header Section Title - Mobile Size 60px */
	.page-header-section-title {
		font-size: 60px !important;
		line-height: 1.2 !important;
		letter-spacing: var(--letter-spacing-xs) !important;
	}

	/* Quiz Form Grid - Mobile: 1 column */
	.quiz-form-grid {
		grid-template-columns: 1fr;
	}

	/* Quiz Navigation - Mobile: Row layout with larger buttons, centered */
	.quiz-nav {
		flex-direction: row !important;
		width: 100%;
		gap: var(--spacing-base);
		align-items: center;
		justify-content: center;
	}
	.quiz-nav > .def-button,
	.quiz-nav > .button-outline,
	.quiz-nav > .button-fill,
	.quiz-nav > button.def-button,
	.quiz-nav > button.button-outline,
	.quiz-nav > button.button-fill {
		width: auto;
		min-width: 140px;
		min-height: 56px;
		padding: 18px 32px;
		font-size: var(--font-size-sm);
		justify-content: center;
	}

	/* Quiz Actions - Mobile: Row layout with larger buttons, centered */
	.quiz-actions {
		flex-direction: row !important;
		width: 100%;
		gap: var(--spacing-base);
		align-items: center;
		justify-content: center;
	}
	.quiz-actions > .def-button,
	.quiz-actions > .button-outline,
	.quiz-actions > .button-fill,
	.quiz-actions > button.def-button,
	.quiz-actions > button.button-outline,
	.quiz-actions > button.button-fill {
		width: auto;
		min-width: 140px;
		min-height: 56px;
		padding: 18px 32px;
		font-size: var(--font-size-sm);
		justify-content: center;
	}

	/* Individual Fills - Mobile: Row layout with larger buttons, centered */
	.individual-fills .quiz-nav {
		flex-direction: row !important;
		width: 100%;
		gap: var(--spacing-base);
		align-items: center;
		justify-content: center;
	}
	.individual-fills .quiz-nav > .def-button,
	.individual-fills .quiz-nav > .button-outline,
	.individual-fills .quiz-nav > .button-fill,
	.individual-fills .quiz-nav > button.def-button,
	.individual-fills .quiz-nav > button.button-outline,
	.individual-fills .quiz-nav > button.button-fill {
		width: auto;
		min-width: 140px;
		min-height: 56px;
		padding: 18px 32px;
		font-size: var(--font-size-sm);
		justify-content: center;
	}
}

/* Breakpoint: 604px */
@media screen and (max-width: 604px) {
	.content-modal:not(.min) {
		border-radius: 0;
	}
	.top-modal {
		padding: var(--spacing-xl);
	}

	/* Quiz Navigation - Smaller mobile: Row layout with larger buttons, centered */
	.quiz-nav {
		flex-direction: row !important;
		width: 100%;
		gap: var(--spacing-base);
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.quiz-nav > .def-button,
	.quiz-nav > .button-outline,
	.quiz-nav > .button-fill,
	.quiz-nav > button.def-button,
	.quiz-nav > button.button-outline,
	.quiz-nav > button.button-fill {
		width: auto;
		min-width: 120px;
		min-height: 56px;
		padding: 18px 24px;
		justify-content: center;
		flex: 0 1 auto;
	}

	/* Quiz Actions - Smaller mobile: Row layout with larger buttons, centered */
	.quiz-actions {
		flex-direction: row !important;
		width: 100%;
		gap: var(--spacing-base);
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.quiz-actions > .def-button,
	.quiz-actions > .button-outline,
	.quiz-actions > .button-fill,
	.quiz-actions > button.def-button,
	.quiz-actions > button.button-outline,
	.quiz-actions > button.button-fill {
		width: auto;
		min-width: 120px;
		min-height: 56px;
		padding: 18px 24px;
		justify-content: center;
		flex: 0 1 auto;
	}
	
	/* Hero title - Mobile Size - Ensure it overrides with maximum specificity */
	section.hero-soft-tech h1.hero-soft-tech-title,
	.hero-soft-tech h1.hero-soft-tech-title,
	.hero-soft-tech .hero-soft-tech-title,
	h1.hero-soft-tech-title,
	.hero-soft-tech-title {
		font-size: var(--font-size-lg) !important;
		line-height: var(--line-height-lg) !important;
		letter-spacing: var(--letter-spacing-xs) !important;
	}
}

/* Breakpoint: 400px */
@media screen and (max-width: 400px) {
	.content-modal {
		border-radius: 0;
	}
	.example-action > .item {
		border-radius: var(--radius-full);
		border: none;
	}
	.price {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}
	
	/* Hero title - Mobile Size - Ensure it overrides with maximum specificity */
	section.hero-soft-tech h1.hero-soft-tech-title,
	.hero-soft-tech h1.hero-soft-tech-title,
	.hero-soft-tech .hero-soft-tech-title,
	h1.hero-soft-tech-title,
	.hero-soft-tech-title {
		font-size: var(--font-size-lg) !important;
		line-height: var(--line-height-lg) !important;
		letter-spacing: var(--letter-spacing-xs) !important;
	}

	/* Content Page - Mobile Styles */
	.content-hero-section {
		padding: 80px 0 40px;
	}

	.content-hero-section-header {
		flex-direction: column;
		gap: 16px;
	}

	.content-hero-section-title {
		font-size: 32px;
		line-height: 1.2;
	}

	.content-hero-section-description {
		font-size: 16px;
	}

	.content-section {
		padding: 60px 0;
	}

	.content-section-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.content-main {
		max-width: 100%;
		font-size: 16px;
	}
	
	.content-section-grid {
		display: block;
	}

	.content-heading h1 {
		font-size: 28px;
	}

	.content-heading h2 {
		font-size: 24px;
		margin: 10px 0;
	}

	.content-heading h3 {
		font-size: 22px;
	}

	.content-heading h4 {
		font-size: 20px;
	}

	.content-heading h5 {
		font-size: 18px;
	}

	.content-heading h6 {
		font-size: 16px;
	}

	.content-sidebar {
		position: static !important;
		right: auto !important;
		width: 100%;
		max-height: none !important;
		order: -1;
	}
	
	.content-sidebar.content-sidebar-fixed {
		position: static !important;
		right: auto !important;
		max-height: none !important;
	}

	.content-sidebar-meta {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 8px;
		margin-bottom: 16px;
	}

	.content-sidebar-meta-item {
		font-size: 12px;
	}

	.content-sidebar-toc {
		margin-top: 20px;
	}

	.content-sidebar-toc-title {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.content-sidebar-toc-link {
		font-size: 13px;
	}

	blockquote {
		padding: 16px 20px;
		margin: 24px 0;
		font-size: 14px;
	}

	/* Bento Grid - Mobile */
	.bento-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 40px;
	}

	.bento-card-large,
	.bento-card-small {
		grid-column: span 1;
	}

	.bento-card {
		padding: 24px;
	}

	.bento-card-dialog .bento-card-content,
	.bento-card-analytics .bento-card-content {
		flex-direction: column;
		gap: 24px;
	}

	/* N8N Features Grid - Tablet */
	.features-grid {
		grid-template-columns: 1fr;
	}

	.bento-card-dialog .bento-card-visual,
	.bento-card-analytics .bento-card-visual {
		margin-top: 16px;
	}

	.bento-card-title {
		font-size: 24px;
	}

	.bento-card-description {
		font-size: 14px;
	}

	.bento-card-number {
		font-size: 48px;
	}

	.bento-card-integrations-orbital {
		width: 160px;
		height: 160px;
	}

	.bento-card-integrations-logo {
		width: 60px;
		height: 60px;
	}

	/* N8N Features Grid - Mobile */
	.features-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 40px;
	}

	.feature-card {
		padding: 24px;
	}
}

/* About SEO Content - Mobile */
@media (max-width: 768px) {
	.about-seo-content-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.about-seo-image {
		border-radius: 16px;
	}

	.about-seo-badge {
		bottom: 16px;
		left: 16px;
		padding: 12px 16px;
	}

	.about-seo-badge-value {
		font-size: 20px;
	}

	.about-seo-badge-label {
		font-size: 12px;
	}

	.about-seo-heading {
		font-size: 24px;
	}

	.about-seo-benefits-bento {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.about-seo-benefit-bento {
		padding: 24px;
	}

	.about-seo-benefit-bento-icon-wrapper {
		width: 60px;
		height: 60px;
		margin-bottom: 16px;
	}

	.about-seo-benefit-bento-icon {
		width: 40px;
		height: 40px;
	}

	.about-seo-benefit-bento-title {
		font-size: 20px;
	}
}

/* ============================================
   Start Section - Glass Prism Responsive
   ============================================ */

/* Tablet - 1024px */
@media screen and (max-width: 1024px) {
	.start-glass-card {
		padding: var(--spacing-4xl) var(--spacing-3xl);
	}

	.start-glass-wrapper {
		gap: var(--spacing-3xl);
	}

	.start-glass-title {
		font-size: var(--font-size-xl);
		line-height: var(--line-height-xl);
	}
}

/* Mobile - 768px */
@media screen and (max-width: 768px) {
	.start-glass-card {
		padding: var(--spacing-3xl) var(--spacing-xl);
		border-radius: 32px;
	}

	.start-glass-wrapper {
		flex-direction: column;
		gap: var(--spacing-2xl);
	}

	.start-glass-image {
		flex: 1 1 100%;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}

	.start-glass-content {
		flex: 1 1 100%;
		width: 100%;
	}

	.start-glass-title {
		font-size: var(--font-size-lg);
		line-height: var(--line-height-lg);
		text-align: center;
	}

	.start-glass-description {
		text-align: center;
	}

	/* Форма в две строки на мобильных */
	.start-glass-form-wrapper {
		flex-direction: column;
		gap: var(--spacing-lg);
	}

	.start-glass-input-wrapper {
		width: 100%;
	}

	.start-glass-button {
		width: 100%;
	}
}

/* Small Mobile - 604px */
@media screen and (max-width: 604px) {
	.start-glass-card {
		padding: var(--spacing-2xl) var(--spacing-lg);
		border-radius: 24px;
	}

	.start-glass-image {
		max-width: 300px;
	}

	.start-glass-title {
		font-size: var(--font-size-base);
		line-height: var(--line-height-md);
	}

	.start-glass-description {
		font-size: var(--font-size-xs);
	}

	.start-glass-ambient {
		width: 300px;
		height: 300px;
		top: -30%;
		right: -30%;
	}
}

/* About SEO Content - Tablet */
@media (max-width: 1024px) and (min-width: 769px) {
	.about-seo-benefits-bento {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}