HEX
Server: nginx/1.24.0
System: Linux 0c1023d6c65e 6.8.0-137-generic #137-Ubuntu SMP PREEMPT_DYNAMIC Fri Jul 17 20:28:23 UTC 2026 x86_64
User: root (0)
PHP: 8.3.33
Disabled: NONE
Upload Files
File: /var/www/html/wp-content/mu-plugins/ethnic-blockchain-development-page.php
<?php
/**
 * Plugin Name: Ethnic Blockchain Development Page
 * Description: Creates and renders the Blockchain Development Services pillar page.
 * Version: 1.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

if ( ! function_exists( 'ethnic_blockchain_development_page_parent_id' ) ) {
	function ethnic_blockchain_development_page_parent_id() {
		static $parent_id = null;

		if ( null !== $parent_id ) {
			return $parent_id;
		}

		$page = get_page_by_path( 'services' );

		if ( $page instanceof WP_Post ) {
			$parent_id = (int) $page->ID;
		} else {
			$fallback  = get_post( 843 );
			$parent_id = $fallback instanceof WP_Post ? (int) $fallback->ID : 0;
		}

		return $parent_id;
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_get_target_page' ) ) {
	function ethnic_blockchain_development_page_get_target_page() {
		static $page = false;

		if ( false !== $page ) {
			return $page instanceof WP_Post ? $page : null;
		}

		$page = get_page_by_path( 'services/blockchain-development' );

		if ( ! ( $page instanceof WP_Post ) ) {
			$fallback = get_page_by_path( 'blockchain-development' );

			if ( $fallback instanceof WP_Post && (int) $fallback->post_parent === ethnic_blockchain_development_page_parent_id() ) {
				$page = $fallback;
			}
		}

		return $page instanceof WP_Post ? $page : null;
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_ensure_page' ) ) {
	function ethnic_blockchain_development_page_ensure_page() {
		static $did_run = false;

		if ( $did_run ) {
			return;
		}

		$did_run   = true;
		$parent_id = ethnic_blockchain_development_page_parent_id();

		if ( ! $parent_id ) {
			return;
		}

		$postarr = array(
			'post_type'      => 'page',
			'post_title'     => 'Blockchain Development Services',
			'post_name'      => 'blockchain-development',
			'post_parent'    => $parent_id,
			'post_status'    => 'publish',
			'post_content'   => '',
			'comment_status' => 'closed',
			'ping_status'    => 'closed',
		);

		$page = get_page_by_path( 'services/blockchain-development' );

		if ( $page instanceof WP_Post ) {
			$needs_update = 'Blockchain Development Services' !== $page->post_title
				|| (int) $page->post_parent !== $parent_id
				|| 'publish' !== $page->post_status;

			if ( $needs_update ) {
				wp_update_post(
					array_merge(
						$postarr,
						array(
							'ID' => (int) $page->ID,
						)
					)
				);
				clean_post_cache( (int) $page->ID );
			}

			return;
		}

		$fallback = get_page_by_path( 'blockchain-development' );

		if ( $fallback instanceof WP_Post ) {
			wp_update_post(
				array_merge(
					$postarr,
					array(
						'ID' => (int) $fallback->ID,
					)
				)
			);
			clean_post_cache( (int) $fallback->ID );
			return;
		}

		wp_insert_post( $postarr );
	}

	add_action( 'init', 'ethnic_blockchain_development_page_ensure_page', 5 );
}

if ( ! function_exists( 'ethnic_blockchain_development_page_is_target' ) ) {
	function ethnic_blockchain_development_page_is_target() {
		if ( is_admin() ) {
			return false;
		}

		$page = ethnic_blockchain_development_page_get_target_page();

		if ( ! ( $page instanceof WP_Post ) ) {
			return false;
		}

		return (int) get_queried_object_id() === (int) $page->ID || is_page( (int) $page->ID );
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_url' ) ) {
	function ethnic_blockchain_development_page_url( $path ) {
		return home_url( '/' . ltrim( (string) $path, '/' ) . '/' );
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_contact_url' ) ) {
	function ethnic_blockchain_development_page_contact_url( $args = array() ) {
		return ethnic_consultation_route_contact_url( $args, ethnic_blockchain_development_page_url( 'contact-us' ) );
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_case_studies_url' ) ) {
	function ethnic_blockchain_development_page_case_studies_url() {
		return function_exists( 'ethnic_case_studies_archive_url' ) ? ethnic_case_studies_archive_url() : ethnic_blockchain_development_page_url( 'case-studies' );
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_data' ) ) {
	function ethnic_blockchain_development_page_data() {
		static $data = null;

		if ( null !== $data ) {
			return $data;
		}

		$data = array(
			'metaTitle'       => 'Blockchain Development Company | Smart Contract Development Services & dApp Development',
			'metaDescription' => 'Looking for a blockchain development company? We provide smart contract development services, dApp development, blockchain integrations, and practical web3 solutions for real business use cases.',
			'heroTitle'       => 'Blockchain Development Services',
			'heroText'        => 'As a blockchain development company, we help businesses build practical blockchain solutions, smart contracts, and decentralized applications for real product, transaction, and workflow use cases without relying on hype-heavy delivery.',
			'heroPoints'      => array(
				'Smart contract and dApp development',
				'Business-focused blockchain use cases',
				'Security-aware implementation and long-term support',
			),
			'overviewParagraphs' => array(
				'Our blockchain development services support startups, product teams, enterprises, and emerging digital platforms that need credible implementation help for blockchain-enabled products and workflows. That can include discovery, solution shaping, technical planning, product delivery, and ongoing refinement after launch.',
				'We provide smart contract development services, dApp development, token-enabled workflows, blockchain integrations, and the supporting infrastructure needed to make a product usable, maintainable, and operationally realistic. As a dApp development company partner, we focus on implementation fit rather than forcing the same model onto every business.',
				'The work spans planning, architecture, development, testing, integration, deployment, and long-term improvement with an emphasis on security, maintainability, and operational fit so the blockchain layer supports the business instead of complicating it.',
			),
			'overviewFeatures' => array(
				array(
					'icon'  => 'strategy',
					'title' => 'Practical Blockchain Strategy',
					'copy'  => 'Shape the use case, product boundaries, platform fit, and delivery path around real business needs before implementation starts.',
				),
				array(
					'icon'  => 'contract',
					'title' => 'Smart Contract Expertise',
					'copy'  => 'Design and build contract logic with attention to permissions, business rules, testing, upgrade paths, and maintainability.',
				),
				array(
					'icon'  => 'dapp',
					'title' => 'dApp and Integration Support',
					'copy'  => 'Connect contract logic with wallet flows, product interfaces, backend services, and operational tooling that users can actually work with.',
				),
				array(
					'icon'  => 'shield',
					'title' => 'Security-Aware Delivery',
					'copy'  => 'Treat logic review, testing, transaction clarity, and risk reduction as part of the build process rather than an afterthought.',
				),
			),
			'overviewStats' => array(
				array(
					'label' => 'Delivery scope',
					'value' => 'Contracts, dApps, integrations',
				),
				array(
					'label' => 'Primary focus',
					'value' => 'Security, fit, maintainability',
				),
				array(
					'label' => 'Use case posture',
					'value' => 'Product and workflow led',
				),
			),
			'useCasesIntro' => 'Practical blockchain use cases vary by trust model, transaction design, customer interaction, workflow complexity, and the commercial reason for introducing blockchain in the first place. We align the design and delivery approach to the value the product is meant to create.',
			'useCases' => array(
				array(
					'icon'  => 'contract',
					'title' => 'Smart Contract-Based Workflows',
					'copy'  => 'Automate business rules, approval paths, or settlement logic through contract-driven workflows.',
				),
				array(
					'icon'  => 'dapp',
					'title' => 'Decentralized Applications',
					'copy'  => 'Build usable dApp experiences that connect smart contracts, wallet flows, and product interfaces.',
				),
				array(
					'icon'  => 'token',
					'title' => 'Tokenized Business Models',
					'copy'  => 'Support product logic or participation models that require token-enabled user and transaction design.',
				),
				array(
					'icon'  => 'asset',
					'title' => 'Digital Asset or Ownership Systems',
					'copy'  => 'Model ownership, access, or entitlement flows with clearer digital asset handling.',
				),
				array(
					'icon'  => 'payment',
					'title' => 'Payment and Settlement Flows',
					'copy'  => 'Support transaction execution, settlement steps, and on-chain payment coordination where it fits the product.',
				),
				array(
					'icon'  => 'trace',
					'title' => 'Supply Chain Traceability Support',
					'copy'  => 'Track product movement, handoffs, or verification milestones across multi-party workflows.',
				),
				array(
					'icon'  => 'loyalty',
					'title' => 'Loyalty and Reward Systems',
					'copy'  => 'Create portable reward mechanics and member-facing value models tied to transparent rules.',
				),
				array(
					'icon'  => 'verify',
					'title' => 'Secure Record Verification',
					'copy'  => 'Add verification logic for records, achievements, credentials, or high-trust status checks.',
				),
				array(
					'icon'  => 'market',
					'title' => 'Marketplace and Transaction Logic',
					'copy'  => 'Support listing, exchange, settlement, and access rules for marketplace-oriented products.',
				),
				array(
					'icon'  => 'wallet',
					'title' => 'Wallet-Connected User Experiences',
					'copy'  => 'Design wallet flows that make signing, approvals, and transaction states more understandable to end users.',
				),
			),
			'platformParagraphs' => array(
				'Platform and protocol selection should match the product goal, transaction model, ecosystem fit, user experience, cost profile, scalability needs, and security considerations. We do not assume every project belongs on the same chain or follows the same architecture.',
				'Our work can cover EVM-compatible development, smart contract tooling, dApp frontend delivery, wallet-connected interfaces, and the infrastructure layers that support event handling, backend coordination, and operational visibility.',
				'This page is also structured so future service branches can expand naturally into smart contract development, dApp development, token development, wallet integration, and blockchain consulting pages without rebuilding the pillar foundation.',
			),
			'platformGroups' => array(
				array(
					'icon'        => 'chain',
					'title'       => 'EVM-Compatible Platforms',
					'description' => 'Choose the chain based on product fit, ecosystem alignment, transaction economics, and practical deployment requirements.',
					'items'       => array( 'Ethereum', 'Polygon', 'BNB Chain', 'Avalanche', 'Other EVM-compatible networks' ),
				),
				array(
					'icon'        => 'code',
					'title'       => 'Smart Contract Languages and Tooling',
					'description' => 'Use contract tooling that supports testing, deployment discipline, debugging, and long-term maintainability.',
					'items'       => array( 'Solidity', 'Hardhat', 'Foundry', 'Web3 development tooling' ),
				),
				array(
					'icon'        => 'interface',
					'title'       => 'dApp, Wallet, and Frontend Layer',
					'description' => 'Build usable interfaces for transaction flows, wallet connection, approvals, and product interaction.',
					'items'       => array( 'Web3 frontend frameworks', 'Wallet integration tooling', 'React / Next.js', 'Transaction UX states' ),
				),
				array(
					'icon'        => 'infrastructure',
					'title'       => 'Infrastructure, Node, and Data Layer',
					'description' => 'Support indexing, event handling, data access, backend APIs, and service coordination around the blockchain core.',
					'items'       => array( 'RPC provider placeholders', 'Indexing and event processing', 'Backend / API support', 'Operational data services' ),
				),
			),
			'toolchainStages' => array(
				array(
					'title' => 'Use Case Design',
					'items' => array( 'Business rules', 'User actions', 'Transaction model' ),
				),
				array(
					'title' => 'Contract Layer',
					'items' => array( 'Solidity', 'Testing', 'Upgrade planning' ),
				),
				array(
					'title' => 'dApp and Wallet UX',
					'items' => array( 'React / Next.js', 'Wallet flows', 'Approval states' ),
				),
				array(
					'title' => 'Data and Services',
					'items' => array( 'RPC access', 'Indexing', 'Backend APIs' ),
				),
				array(
					'title' => 'Operations',
					'items' => array( 'Monitoring', 'Admin tooling', 'Support planning' ),
				),
			),
			'securityParagraphs' => array(
				'Blockchain products introduce real business risk when contract logic, permissions, state changes, and transaction handling are not designed carefully. Security needs to be treated as a core product requirement from the beginning, not a final-stage checkbox.',
				'That means reviewing architecture choices, testing contract behavior, validating permissions, and designing wallet-connected flows so users understand what they are approving and operators understand how the system behaves.',
				'Our approach stays careful and credible: secure blockchain development is about reducing avoidable risk through better design and implementation discipline, not making broad promises that every issue disappears after deployment.',
			),
			'securityHighlights' => array(
				array(
					'icon'  => 'review',
					'title' => 'Smart Contract Review Awareness',
					'copy'  => 'Keep contract behavior, edge cases, and business rule execution visible throughout implementation.',
				),
				array(
					'icon'  => 'lock',
					'title' => 'Permission and Logic Safety',
					'copy'  => 'Design roles, state transitions, and access controls carefully so product behavior stays predictable.',
				),
				array(
					'icon'  => 'test',
					'title' => 'Testing and Validation Support',
					'copy'  => 'Use structured testing and validation to reduce avoidable defects before deployment decisions are made.',
				),
				array(
					'icon'  => 'flow',
					'title' => 'Transaction Flow Clarity',
					'copy'  => 'Map user actions, signing moments, and transaction outcomes clearly so the product is easier to trust and operate.',
				),
				array(
					'icon'  => 'wallet',
					'title' => 'Wallet and User Flow Safety',
					'copy'  => 'Shape wallet-connected UX around clear approvals, understandable messaging, and cleaner user expectations.',
				),
				array(
					'icon'  => 'monitor',
					'title' => 'Long-Term Maintenance Awareness',
					'copy'  => 'Plan for monitoring, support workflows, and improvement paths once the blockchain product is live.',
				),
			),
			'securityTiles' => array(
				array(
					'label' => 'Contract logic',
					'value' => 'Rules, states, edge cases',
				),
				array(
					'label' => 'Permissions',
					'value' => 'Role and access boundaries',
				),
				array(
					'label' => 'Transaction UX',
					'value' => 'Wallet and signing clarity',
				),
				array(
					'label' => 'Operations',
					'value' => 'Monitoring and support readiness',
				),
			),
			'workflowParagraphs' => array(
				'Blockchain product delivery requires coordination across business logic, platform selection, contract design, frontend experience, testing, backend support, and rollout preparation. A structured workflow makes those moving parts easier to manage.',
				'The exact sequence can vary by scope, but use-case validation, architecture planning, contract implementation, interface development, testing, deployment, and post-launch improvement all work better when expectations are clear from the start.',
			),
			'workflowSteps' => array(
				array(
					'title' => 'Use Case Discovery',
					'copy'  => 'Clarify the business need, transaction logic, users, and the reason blockchain belongs in the solution.',
				),
				array(
					'title' => 'Architecture and Platform Selection',
					'copy'  => 'Choose platforms, contract structure, supporting services, and product boundaries that fit the delivery model.',
				),
				array(
					'title' => 'Smart Contract Design',
					'copy'  => 'Map business rules, permissions, state transitions, and contract responsibilities before implementation deepens.',
				),
				array(
					'title' => 'dApp and Interface Development',
					'copy'  => 'Build the user-facing product, wallet interactions, dashboards, and supporting admin or operational views.',
				),
				array(
					'title' => 'Testing and Validation',
					'copy'  => 'Check contract behavior, user flows, transaction outcomes, and environment readiness before deployment.',
				),
				array(
					'title' => 'Deployment',
					'copy'  => 'Release the product with clearer change control, environment preparation, and launch coordination.',
				),
				array(
					'title' => 'Monitoring and Improvement',
					'copy'  => 'Track product behavior, user friction, support needs, and improvement opportunities after launch.',
				),
			),
			'industriesIntro' => 'Blockchain use cases vary widely by transaction model, trust requirements, workflow complexity, and customer interaction patterns. We shape the solution around the industry context rather than assuming the same product logic works everywhere.',
			'industries' => array(
				array(
					'icon'  => 'fintech',
					'title' => 'Fintech',
					'copy'  => 'Support payment, settlement, custody-adjacent, and transaction logic use cases where operational trust matters.',
				),
				array(
					'icon'  => 'logistics',
					'title' => 'Logistics and Supply Chain',
					'copy'  => 'Add traceability, verification, and multi-party workflow visibility to movement and handoff processes.',
				),
				array(
					'icon'  => 'gaming',
					'title' => 'Gaming and Entertainment',
					'copy'  => 'Support ownership, marketplace, reward, or wallet-connected experience models for digital products.',
				),
				array(
					'icon'  => 'retail',
					'title' => 'Retail and Loyalty',
					'copy'  => 'Create reward systems, member participation logic, and customer-facing tokenized engagement flows.',
				),
				array(
					'icon'  => 'health',
					'title' => 'Healthcare',
					'copy'  => 'Explore record verification, access coordination, and high-trust workflow support where appropriate.',
				),
				array(
					'icon'  => 'briefcase',
					'title' => 'B2B Services',
					'copy'  => 'Support contract-driven processes, verification logic, partner workflows, and structured approvals.',
				),
				array(
					'icon'  => 'market',
					'title' => 'Digital Platforms and Marketplaces',
					'copy'  => 'Design transaction, listing, settlement, and asset interaction logic for platform products.',
				),
				array(
					'icon'  => 'certificate',
					'title' => 'Education and Certification',
					'copy'  => 'Implement secure record verification and credential validation workflows for trusted status checks.',
				),
			),
			'caseStudies' => array(
				array(
					'title'    => 'Marketplace Escrow Workflow Platform',
					'challenge'=> 'A growing digital marketplace needed clearer settlement logic and less manual coordination between buyers, sellers, and operators.',
					'solution' => 'We shaped a smart contract-powered transaction workflow with wallet-connected milestones, release rules, and supporting operational views.',
					'outcome'  => 'The product gained more structured transaction handling, clearer status visibility, and lower operational friction across key workflows.',
					'industry' => 'Digital Marketplace',
					'useCase'  => 'Marketplace Logic',
					'platform' => 'Ethereum / Polygon',
				),
				array(
					'title'    => 'Wallet-Connected Rewards Experience',
					'challenge'=> 'A retail-focused product team wanted a more portable loyalty model without losing usability for non-technical customers.',
					'solution' => 'We designed a blockchain-based rewards flow with dApp UX, wallet connection handling, and business-rule-driven token logic.',
					'outcome'  => 'The team gained a more flexible engagement model and a clearer path for reward visibility, promotions, and future product expansion.',
					'industry' => 'Retail / Loyalty',
					'useCase'  => 'Rewards System',
					'platform' => 'Polygon',
				),
				array(
					'title'    => 'Secure Verification Portal',
					'challenge'=> 'An organization needed a stronger way to verify records across partners without depending on fragmented manual checks.',
					'solution' => 'We planned a verification workflow that combined blockchain-backed proof points, backend support, and a straightforward admin interface.',
					'outcome'  => 'Record lookup and verification became easier to manage, with better trust signals and a more consistent process for partner teams.',
					'industry' => 'Education / Certification',
					'useCase'  => 'Record Verification',
					'platform' => 'EVM / API Integration',
				),
			),
			'faqs' => array(
				array(
					'question' => 'What blockchain development services do you offer?',
					'answer'   => 'We support discovery, architecture, smart contract development services, dApp development, wallet-connected interfaces, blockchain integrations, testing, deployment, and post-launch improvement.',
				),
				array(
					'question' => 'Can you build custom smart contract development services for our business?',
					'answer'   => 'Yes. We tailor contract logic to the product rules, transaction model, permissions, and operational requirements your business actually needs.',
				),
				array(
					'question' => 'Do you develop dApps and wallet-connected applications?',
					'answer'   => 'Yes. We build dApp experiences, wallet flows, transaction states, dashboards, and related interfaces that help users interact with blockchain features more clearly.',
				),
				array(
					'question' => 'Which blockchain platforms and protocols do you support?',
					'answer'   => 'We can work across EVM-compatible platforms and the surrounding tooling stack, with choices guided by product goals, cost considerations, ecosystem fit, and technical requirements.',
				),
				array(
					'question' => 'How do you choose the right blockchain platform for a project?',
					'answer'   => 'We look at the use case, transaction design, target users, ecosystem needs, scalability expectations, operating costs, and security considerations before recommending a platform approach.',
				),
				array(
					'question' => 'How do you approach security in blockchain development?',
					'answer'   => 'We treat security as part of the product design and implementation process through architecture review, careful permissions, testing, transaction UX clarity, and cautious rollout planning.',
				),
				array(
					'question' => 'Can you integrate blockchain features into an existing platform?',
					'answer'   => 'Yes. We can help introduce blockchain workflows into an existing product when the use case, integration boundaries, and operational impact make sense.',
				),
				array(
					'question' => 'Which industries do you support with blockchain solutions?',
					'answer'   => 'We support industries such as fintech, logistics, gaming, retail, healthcare, education, B2B services, and digital marketplaces where blockchain can solve a practical problem.',
				),
				array(
					'question' => 'Do you help with proof-of-concept and MVP blockchain products?',
					'answer'   => 'Yes. We can support proof-of-concept planning, MVP delivery, and validation work so teams can test the use case before larger-scale expansion.',
				),
				array(
					'question' => 'Do you provide post-launch support and improvements?',
					'answer'   => 'Yes. We support monitoring, issue resolution, product refinement, usability improvements, and the next stage of roadmap delivery after launch.',
				),
			),
			'ctaTitle'      => 'Looking for a Blockchain Development Company?',
			'ctaText'       => 'Talk through smart contract development services, dApp ideas, wallet-connected products, blockchain integrations, tokenized workflows, or proof-of-concept requirements with a team focused on practical product fit and business-ready delivery.',
			'ctaHighlights' => array(
				'Clarify the right blockchain use case before building',
				'Choose platforms, contract logic, and dApp scope more confidently',
				'Plan for launch, support, and long-term improvement',
			),
			'ctaSteps' => array(
				array(
					'title' => 'Review the product goal',
					'copy'  => 'Understand the business problem, blockchain fit, user flow, and implementation constraints before scoping the build.',
				),
				array(
					'title' => 'Outline the delivery path',
					'copy'  => 'Map platform direction, contract scope, dApp requirements, testing priorities, and rollout expectations.',
				),
				array(
					'title' => 'Move into planning and implementation',
					'copy'  => 'Translate the opportunity into a practical roadmap for design, engineering, launch, and ongoing improvement.',
				),
			),
		);

		return $data;
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_heading' ) ) {
	function ethnic_blockchain_development_page_heading( $eyebrow, $title, $copy = '' ) {
		ob_start();
		?>
		<div class="ethnic-blockchain-heading">
			<?php if ( $eyebrow ) : ?>
				<p class="ethnic-blockchain-heading__eyebrow"><?php echo esc_html( $eyebrow ); ?></p>
			<?php endif; ?>
			<h2 class="ethnic-blockchain-heading__title"><?php echo esc_html( $title ); ?></h2>
			<?php if ( $copy ) : ?>
				<p class="ethnic-blockchain-heading__copy"><?php echo esc_html( $copy ); ?></p>
			<?php endif; ?>
		</div>
		<?php

		return ob_get_clean();
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_icon' ) ) {
	function ethnic_blockchain_development_page_icon( $icon ) {
		ob_start();

		switch ( $icon ) {
			case 'strategy':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M5.2 6.2h13.6v11.6H5.2z" />
					<path d="M8 9.2h8" />
					<path d="M8 12.4h5.8" />
					<path d="M8 15.6h3.8" />
					<path d="M16.4 15.6h.01" />
				</svg>
				<?php
				break;

			case 'contract':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="5" y="4.6" width="14" height="14.8" rx="2" />
					<path d="M9 8.2h6" />
					<path d="M9 11.8h6" />
					<path d="M9 15.4h4.4" />
				</svg>
				<?php
				break;

			case 'dapp':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="3.8" y="5" width="16.4" height="14" rx="2" />
					<path d="M3.8 8.4h16.4" />
					<circle cx="8" cy="13.2" r="1.8" />
					<circle cx="16" cy="13.2" r="1.8" />
					<path d="M9.8 13.2h4.4" />
				</svg>
				<?php
				break;

			case 'shield':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M12 3.8 18 6.2v5.1c0 3.9-2.3 7.4-6 9.1-3.7-1.7-6-5.2-6-9.1V6.2L12 3.8z" />
					<path d="m9.2 12 1.8 1.8 3.8-4" />
				</svg>
				<?php
				break;

			case 'token':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<circle cx="12" cy="12" r="6.6" />
					<circle cx="12" cy="12" r="2.4" />
					<path d="M12 5.4v2.1" />
					<path d="M12 16.5v2.1" />
					<path d="M5.4 12h2.1" />
					<path d="M16.5 12h2.1" />
				</svg>
				<?php
				break;

			case 'asset':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="m12 4.8 6.6 3.8V16L12 19.2 5.4 16V8.6L12 4.8z" />
					<path d="M12 9.1 8.4 11.2 12 13.3l3.6-2.1Z" />
				</svg>
				<?php
				break;

			case 'payment':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="4.2" y="7" width="15.6" height="10" rx="2" />
					<path d="M4.2 10.4h15.6" />
					<path d="M8 13.8h3.8" />
					<path d="M15.8 13.8h.01" />
				</svg>
				<?php
				break;

			case 'trace':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<circle cx="6.8" cy="7.2" r="1.8" />
					<circle cx="17.2" cy="9.8" r="1.8" />
					<circle cx="9.8" cy="17" r="1.8" />
					<path d="M8.5 8.1 15.5 9" />
					<path d="M16 11.3 11 15.5" />
				</svg>
				<?php
				break;

			case 'loyalty':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M12 18.8 4.8 11.9a4.3 4.3 0 0 1 6.1-6l1.1 1.1 1.1-1.1a4.3 4.3 0 0 1 6.1 6L12 18.8z" />
				</svg>
				<?php
				break;

			case 'verify':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M12 4.8 18 7v4.3c0 3.2-2.1 6.2-6 7.9-3.9-1.7-6-4.7-6-7.9V7l6-2.2z" />
					<path d="m9.3 11.8 1.6 1.6 3.7-3.7" />
				</svg>
				<?php
				break;

			case 'market':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M5.2 9.2h13.6l-1.2 8H6.4l-1.2-8z" />
					<path d="M8 9.2V7.1A2.1 2.1 0 0 1 10.1 5h3.8A2.1 2.1 0 0 1 16 7.1v2.1" />
				</svg>
				<?php
				break;

			case 'wallet':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M6 7.2h10.6A2.4 2.4 0 0 1 19 9.6v6A2.4 2.4 0 0 1 16.6 18H6a2 2 0 0 1-2-2V9.2a2 2 0 0 1 2-2z" />
					<path d="M4 9.2h11.8" />
					<circle cx="15.5" cy="13" r="0.8" />
				</svg>
				<?php
				break;

			case 'chain':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="4.4" y="8.4" width="5.2" height="5.2" rx="1.2" />
					<rect x="14.4" y="4.4" width="5.2" height="5.2" rx="1.2" />
					<rect x="14.4" y="14.4" width="5.2" height="5.2" rx="1.2" />
					<path d="M9.6 11h4" />
					<path d="M17 9.6v4.8" />
				</svg>
				<?php
				break;

			case 'code':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="m9 8-4 4 4 4" />
					<path d="m15 8 4 4-4 4" />
					<path d="m13.5 6.2-3 11.6" />
				</svg>
				<?php
				break;

			case 'interface':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="3.8" y="5" width="16.4" height="12.8" rx="2" />
					<path d="M3.8 8.2h16.4" />
					<rect x="7.2" y="10.8" width="4.4" height="3.8" rx="0.9" />
					<path d="M14 11.4h3.2" />
					<path d="M14 14h2.2" />
				</svg>
				<?php
				break;

			case 'infrastructure':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="4.2" y="5.2" width="15.6" height="4.8" rx="1.3" />
					<rect x="4.2" y="13.8" width="15.6" height="4.8" rx="1.3" />
					<path d="M7 7.6h.01" />
					<path d="M7 16.2h.01" />
					<path d="M10.4 7.6H16" />
					<path d="M10.4 16.2H16" />
				</svg>
				<?php
				break;

			case 'review':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<circle cx="10.4" cy="10.4" r="4.6" />
					<path d="m13.9 13.9 4.1 4.1" />
				</svg>
				<?php
				break;

			case 'lock':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="5.6" y="10.2" width="12.8" height="8" rx="1.8" />
					<path d="M8.4 10.2V8.6A3.6 3.6 0 0 1 12 5a3.6 3.6 0 0 1 3.6 3.6v1.6" />
				</svg>
				<?php
				break;

			case 'test':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M9 5.2h6" />
					<path d="M10 5.2v4l-3.6 6.4A2.4 2.4 0 0 0 8.5 19h7a2.4 2.4 0 0 0 2.1-3.4L14 9.2v-4" />
					<path d="M9.6 14h4.8" />
				</svg>
				<?php
				break;

			case 'flow':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<circle cx="6.5" cy="8" r="1.7" />
					<circle cx="17.5" cy="8" r="1.7" />
					<circle cx="12" cy="16.5" r="1.9" />
					<path d="M8.2 8h7.6" />
					<path d="M8 9.3 10.8 14" />
					<path d="M16 9.3 13.2 14" />
				</svg>
				<?php
				break;

			case 'monitor':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M5 14.2A7 7 0 0 1 19 14.2" />
					<path d="M12 14.2 15.7 10.5" />
					<path d="M7 18.2h10" />
				</svg>
				<?php
				break;

			case 'fintech':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="4.2" y="7" width="15.6" height="10" rx="2" />
					<path d="M4.2 10.2h15.6" />
					<path d="M8 13.6h2.8" />
					<circle cx="15.8" cy="13.6" r="1.2" />
				</svg>
				<?php
				break;

			case 'logistics':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M5 8.4h9.4v8.2H5z" />
					<path d="M14.4 10h2.4l2.2 2.2v4.4h-4.6" />
					<circle cx="8" cy="18" r="1.2" />
					<circle cx="16.8" cy="18" r="1.2" />
				</svg>
				<?php
				break;

			case 'gaming':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M7.2 9.5h9.6a3.4 3.4 0 0 1 3.2 4.5l-1 3.1a2.2 2.2 0 0 1-4 .4l-1.1-1.8h-3.8L9 17.5a2.2 2.2 0 0 1-4-.4l-1-3.1a3.4 3.4 0 0 1 3.2-4.5z" />
					<path d="M8 12.5h2.8" />
					<path d="M9.4 11.1v2.8" />
				</svg>
				<?php
				break;

			case 'retail':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M6 8.2h12l-1 9H7z" />
					<path d="M8.4 8.2V6.6A2.6 2.6 0 0 1 11 4h2a2.6 2.6 0 0 1 2.6 2.6v1.6" />
				</svg>
				<?php
				break;

			case 'health':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<path d="M4.8 12h3.1l1.8-3.2 3 6 2.1-4.2h4.4" />
					<path d="M6.4 6.6a7.1 7.1 0 1 1 11.2 8.6" />
				</svg>
				<?php
				break;

			case 'briefcase':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<rect x="4.2" y="7.2" width="15.6" height="10.6" rx="2" />
					<path d="M9.2 7.2V5.8A1.8 1.8 0 0 1 11 4h2a1.8 1.8 0 0 1 1.8 1.8v1.4" />
					<path d="M4.2 11.2h15.6" />
				</svg>
				<?php
				break;

			case 'certificate':
				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<circle cx="12" cy="10" r="4.4" />
					<path d="M9.8 14.1 8.6 19l3.4-1.6L15.4 19l-1.2-4.9" />
				</svg>
				<?php
				break;

			default:
				if ( function_exists( 'ethnic_devops_services_page_icon' ) ) {
					ob_end_clean();
					return ethnic_devops_services_page_icon( $icon );
				}

				if ( function_exists( 'ethnic_services_page_icon' ) ) {
					ob_end_clean();
					return ethnic_services_page_icon( 'blockchain' );
				}

				?>
				<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
					<circle cx="12" cy="12" r="8.5" />
					<path d="M8.6 12.3 10.8 14.5 15.4 9.9" />
				</svg>
				<?php
				break;
		}

		return ob_get_clean();
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_render' ) ) {
	function ethnic_blockchain_development_page_render() {
		$data             = ethnic_blockchain_development_page_data();
		$consultation_url = ethnic_blockchain_development_page_contact_url(
			array(
				'intent'  => 'consultation',
				'service' => 'blockchain-development',
			)
		);
		$team_url         = ethnic_blockchain_development_page_contact_url(
			array(
				'intent'  => 'team',
				'service' => 'blockchain-development',
			)
		);
		$quote_url        = ethnic_blockchain_development_page_contact_url(
			array(
				'intent'  => 'quote',
				'service' => 'blockchain-development',
			)
		);
		$case_studies_url = ethnic_blockchain_development_page_case_studies_url();
		$case_studies     = function_exists( 'ethnic_case_studies_service_page_cards' )
			? ethnic_case_studies_service_page_cards(
				array(
					'page_id'        => get_queried_object_id(),
					'limit'          => 3,
					'filters'        => array(
						'service' => array( 'blockchain' ),
					),
					'fallback_items' => $data['caseStudies'],
				)
			)
			: (array) $data['caseStudies'];

		ob_start();
		?>
		<div class="ethnic-blockchain-page">
			<section class="ethnic-blockchain-section ethnic-blockchain-section--hero">
				<div class="ethnic-blockchain-shell">
					<div class="ethnic-blockchain-hero">
						<div class="ethnic-blockchain-hero__copy">
							<p class="ethnic-blockchain-kicker">Blockchain Product Engineering</p>
							<h1 class="ethnic-blockchain-hero__title"><?php echo esc_html( $data['heroTitle'] ); ?></h1>
							<p class="ethnic-blockchain-hero__lead"><?php echo esc_html( $data['heroText'] ); ?></p>
							<div class="ethnic-blockchain-actions">
								<a class="ethnic-blockchain-button ethnic-blockchain-button--primary" href="<?php echo esc_url( $consultation_url ); ?>">Book a Free Consultation</a>
								<a class="ethnic-blockchain-button ethnic-blockchain-button--secondary" href="<?php echo esc_url( $case_studies_url ); ?>">View Case Studies</a>
							</div>
							<ul class="ethnic-blockchain-hero__points" aria-label="Blockchain development highlights">
								<?php foreach ( (array) $data['heroPoints'] as $point ) : ?>
									<li><?php echo esc_html( $point ); ?></li>
								<?php endforeach; ?>
							</ul>
						</div>

						<div class="ethnic-blockchain-hero__visual" aria-hidden="true">
							<div class="ethnic-blockchain-scene">
								<div class="ethnic-blockchain-scene__screen">
									<div class="ethnic-blockchain-scene__hud">
										<span class="ethnic-blockchain-scene__hud-pill">Protocol view</span>
										<span class="ethnic-blockchain-scene__hud-pill">Wallet ready</span>
									</div>
									<div class="ethnic-blockchain-scene__network">
										<div class="ethnic-blockchain-scene__grid"></div>
										<div class="ethnic-blockchain-scene__cluster ethnic-blockchain-scene__cluster--left">
											<p>Application layer</p>
											<strong>Product interface</strong>
											<span>App screens, API calls, user actions</span>
										</div>
										<div class="ethnic-blockchain-scene__flow"></div>
										<div class="ethnic-blockchain-scene__contract">
											<p>Smart contract flow</p>
											<strong>Rules, permissions, state changes</strong>
										</div>
										<div class="ethnic-blockchain-scene__cluster ethnic-blockchain-scene__cluster--right">
											<p>Blockchain network</p>
											<strong>EVM-compatible deployment</strong>
											<span>Transactions, events, settlement logic</span>
										</div>
										<div class="ethnic-blockchain-scene__wallet">
											<p>Wallet UI mockup</p>
											<strong>Approve transaction</strong>
											<div class="ethnic-blockchain-scene__wallet-lines">
												<span>Action: Marketplace release</span>
												<span>Network: Polygon</span>
												<span>Status: Awaiting signature</span>
											</div>
											<div class="ethnic-blockchain-scene__metrics">
												<div>
													<small>Visibility</small>
													<strong>Clear</strong>
												</div>
												<div>
													<small>Ops view</small>
													<strong>Tracked</strong>
												</div>
												<div>
													<small>Support</small>
													<strong>Ready</strong>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="ethnic-blockchain-scene__panel ethnic-blockchain-scene__panel--flow">
									<p>Contract sequence</p>
									<ul>
										<li>User action validated</li>
										<li>Signature requested</li>
										<li>State change recorded</li>
									</ul>
								</div>
								<div class="ethnic-blockchain-scene__panel ethnic-blockchain-scene__panel--dashboard">
									<p>Operations dashboard</p>
									<strong>Transactions, event handling, and wallet-connected activity mapped into a cleaner implementation view.</strong>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section class="ethnic-blockchain-section" id="overview">
				<div class="ethnic-blockchain-shell">
					<?php echo ethnic_blockchain_development_page_heading( 'Overview', 'Blockchain development services built for product teams that need practical implementation, credible delivery, and business-focused use-case design.', 'We support solution planning, smart contracts, dApps, integrations, and long-term improvement while keeping the product and operational goals easy to understand.' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					<div class="ethnic-blockchain-overview">
						<div class="ethnic-blockchain-overview__content">
							<div class="ethnic-blockchain-prose">
								<?php foreach ( (array) $data['overviewParagraphs'] as $paragraph ) : ?>
									<p><?php echo esc_html( $paragraph ); ?></p>
								<?php endforeach; ?>
							</div>
							<div class="ethnic-blockchain-card-grid ethnic-blockchain-card-grid--overview">
								<?php foreach ( (array) $data['overviewFeatures'] as $feature ) : ?>
									<article class="ethnic-blockchain-card ethnic-blockchain-card--feature">
										<div class="ethnic-blockchain-card__icon">
											<?php echo ethnic_blockchain_development_page_icon( $feature['icon'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
										</div>
										<h3><?php echo esc_html( $feature['title'] ); ?></h3>
										<p><?php echo esc_html( $feature['copy'] ); ?></p>
									</article>
								<?php endforeach; ?>
							</div>
						</div>
						<div class="ethnic-blockchain-overview__visual" aria-label="Blockchain implementation overview visual">
							<div class="ethnic-blockchain-overview-board">
								<div class="ethnic-blockchain-overview-board__header">
									<p>Implementation overview</p>
									<strong>Contracts, dApp UX, integrations, and operations aligned around real product value.</strong>
								</div>
								<div class="ethnic-blockchain-overview-board__lanes">
									<span>Contracts</span>
									<span>dApp UX</span>
									<span>Integrations</span>
									<span>Operations</span>
								</div>
								<div class="ethnic-blockchain-overview-board__stats">
									<?php foreach ( (array) $data['overviewStats'] as $stat ) : ?>
										<div class="ethnic-blockchain-overview-board__stat">
											<strong><?php echo esc_html( $stat['value'] ); ?></strong>
											<span><?php echo esc_html( $stat['label'] ); ?></span>
										</div>
									<?php endforeach; ?>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section class="ethnic-blockchain-section ethnic-blockchain-section--soft" id="use-cases">
				<div class="ethnic-blockchain-shell">
					<?php echo ethnic_blockchain_development_page_heading( 'Use Cases', 'Blockchain implementation should stay grounded in practical product value, workflow improvement, and commercially relevant user outcomes.', $data['useCasesIntro'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					<div class="ethnic-blockchain-card-grid ethnic-blockchain-card-grid--use-cases">
						<?php foreach ( (array) $data['useCases'] as $use_case ) : ?>
							<article class="ethnic-blockchain-card ethnic-blockchain-use-case-card">
								<div class="ethnic-blockchain-use-case-card__art">
									<div class="ethnic-blockchain-card__icon">
										<?php echo ethnic_blockchain_development_page_icon( $use_case['icon'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
									</div>
									<span class="ethnic-blockchain-use-case-card__beam"></span>
								</div>
								<h3><?php echo esc_html( $use_case['title'] ); ?></h3>
								<p><?php echo esc_html( $use_case['copy'] ); ?></p>
							</article>
						<?php endforeach; ?>
					</div>
				</div>
			</section>

			<section class="ethnic-blockchain-section" id="platforms-protocols">
				<div class="ethnic-blockchain-shell">
					<?php echo ethnic_blockchain_development_page_heading( 'Platforms and Protocols', 'Platform choice should follow product goals, transaction logic, security needs, and long-term operational fit rather than brand-name momentum alone.', 'We choose the stack based on implementation reality and keep the foundation ready for future platform-specific and blockchain-specific service branches.' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					<div class="ethnic-blockchain-stack">
						<div class="ethnic-blockchain-stack__copy">
							<div class="ethnic-blockchain-prose">
								<?php foreach ( (array) $data['platformParagraphs'] as $paragraph ) : ?>
									<p><?php echo esc_html( $paragraph ); ?></p>
								<?php endforeach; ?>
							</div>
							<div class="ethnic-blockchain-card-grid ethnic-blockchain-card-grid--platform-groups">
								<?php foreach ( (array) $data['platformGroups'] as $group ) : ?>
									<article class="ethnic-blockchain-card ethnic-blockchain-card--platform-group">
										<div class="ethnic-blockchain-card__icon">
											<?php echo ethnic_blockchain_development_page_icon( $group['icon'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
										</div>
										<h3><?php echo esc_html( $group['title'] ); ?></h3>
										<p><?php echo esc_html( $group['description'] ); ?></p>
										<div class="ethnic-blockchain-chip-list">
											<?php foreach ( (array) $group['items'] as $item ) : ?>
												<span><?php echo esc_html( $item ); ?></span>
											<?php endforeach; ?>
										</div>
									</article>
								<?php endforeach; ?>
							</div>
						</div>
						<div class="ethnic-blockchain-stack__visual" aria-label="Blockchain toolchain architecture">
							<div class="ethnic-blockchain-toolchain">
								<p class="ethnic-blockchain-toolchain__eyebrow">Implementation stack map</p>
								<div class="ethnic-blockchain-toolchain__stages">
									<?php foreach ( (array) $data['toolchainStages'] as $stage ) : ?>
										<div class="ethnic-blockchain-toolchain__stage">
											<strong><?php echo esc_html( $stage['title'] ); ?></strong>
											<div class="ethnic-blockchain-toolchain__badges">
												<?php foreach ( (array) $stage['items'] as $item ) : ?>
													<span><?php echo esc_html( $item ); ?></span>
												<?php endforeach; ?>
											</div>
										</div>
									<?php endforeach; ?>
								</div>
								<div class="ethnic-blockchain-toolchain__note">Selection depends on the use case, chain economics, security profile, ecosystem fit, and the product experience the business needs to deliver.</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section class="ethnic-blockchain-section ethnic-blockchain-section--soft" id="security-considerations">
				<div class="ethnic-blockchain-shell">
					<?php echo ethnic_blockchain_development_page_heading( 'Security Considerations', 'Blockchain products need careful security and risk awareness because contract logic, permissions, and transaction behavior can affect real business operations.', 'Security should shape planning, implementation, testing, and user flow design from the start rather than being treated as a final review task.' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					<div class="ethnic-blockchain-security">
						<div class="ethnic-blockchain-security__content">
							<div class="ethnic-blockchain-prose">
								<?php foreach ( (array) $data['securityParagraphs'] as $paragraph ) : ?>
									<p><?php echo esc_html( $paragraph ); ?></p>
								<?php endforeach; ?>
							</div>
							<div class="ethnic-blockchain-card-grid ethnic-blockchain-card-grid--security">
								<?php foreach ( (array) $data['securityHighlights'] as $highlight ) : ?>
									<article class="ethnic-blockchain-card ethnic-blockchain-card--security">
										<div class="ethnic-blockchain-card__icon">
											<?php echo ethnic_blockchain_development_page_icon( $highlight['icon'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
										</div>
										<h3><?php echo esc_html( $highlight['title'] ); ?></h3>
										<p><?php echo esc_html( $highlight['copy'] ); ?></p>
									</article>
								<?php endforeach; ?>
							</div>
						</div>
						<div class="ethnic-blockchain-security__visual" aria-label="Blockchain security dashboard">
							<div class="ethnic-blockchain-security-panel">
								<div class="ethnic-blockchain-security-panel__header">
									<p>Security and risk view</p>
									<strong>Review, permissions, testing, wallet UX, and operational readiness should be visible before launch decisions are made.</strong>
								</div>
								<div class="ethnic-blockchain-security-panel__tiles">
									<?php foreach ( (array) $data['securityTiles'] as $tile ) : ?>
										<div class="ethnic-blockchain-security-panel__tile">
											<small><?php echo esc_html( $tile['label'] ); ?></small>
											<strong><?php echo esc_html( $tile['value'] ); ?></strong>
										</div>
									<?php endforeach; ?>
								</div>
								<div class="ethnic-blockchain-security-panel__flow">
									<span>Wallet connect</span>
									<span>Signature check</span>
									<span>Contract action</span>
									<span>Post-state review</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section class="ethnic-blockchain-section" id="development-process">
				<div class="ethnic-blockchain-shell">
					<?php echo ethnic_blockchain_development_page_heading( 'Development Process', 'A structured blockchain delivery workflow helps reduce risk while keeping use-case planning, contract logic, frontend delivery, and rollout preparation aligned.', 'The process can vary by scope, but staged execution improves clarity for product teams, technical stakeholders, and commercial decision-makers.' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					<div class="ethnic-blockchain-workflow">
						<div class="ethnic-blockchain-workflow__intro">
							<div class="ethnic-blockchain-prose">
								<?php foreach ( (array) $data['workflowParagraphs'] as $paragraph ) : ?>
									<p><?php echo esc_html( $paragraph ); ?></p>
								<?php endforeach; ?>
							</div>
						</div>
						<div class="ethnic-blockchain-workflow__rail">
							<?php foreach ( (array) $data['workflowSteps'] as $index => $step ) : ?>
								<article class="ethnic-blockchain-workflow-step">
									<span class="ethnic-blockchain-workflow-step__number"><?php echo esc_html( sprintf( '%02d', $index + 1 ) ); ?></span>
									<h3><?php echo esc_html( $step['title'] ); ?></h3>
									<p><?php echo esc_html( $step['copy'] ); ?></p>
								</article>
							<?php endforeach; ?>
						</div>
					</div>
				</div>
			</section>

			<section class="ethnic-blockchain-section ethnic-blockchain-section--soft" id="industries-supported">
				<div class="ethnic-blockchain-shell">
					<?php echo ethnic_blockchain_development_page_heading( 'Industries Supported', 'Blockchain solutions can support different industries in different ways depending on transaction design, trust requirements, workflow complexity, and how customers interact with the product.', $data['industriesIntro'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					<div class="ethnic-blockchain-card-grid ethnic-blockchain-card-grid--industries">
						<?php foreach ( (array) $data['industries'] as $industry ) : ?>
							<article class="ethnic-blockchain-card ethnic-blockchain-card--industry">
								<div class="ethnic-blockchain-card__icon">
									<?php echo ethnic_blockchain_development_page_icon( $industry['icon'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
								</div>
								<h3><?php echo esc_html( $industry['title'] ); ?></h3>
								<p><?php echo esc_html( $industry['copy'] ); ?></p>
							</article>
						<?php endforeach; ?>
					</div>
				</div>
			</section>

			<?php if ( ! empty( $case_studies ) ) : ?>
			<section class="ethnic-blockchain-section ethnic-blockchain-section--contrast" id="case-studies">
				<div class="ethnic-blockchain-shell">
					<?php echo ethnic_blockchain_development_page_heading( 'Case Studies', 'Practical blockchain project examples that show how smart contracts, dApps, and workflow design can support credible business outcomes.', 'These premium placeholder case studies reflect the type of marketplace, rewards, and verification work businesses often explore when blockchain needs to serve a practical product purpose.' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					<?php echo ethnic_shared_case_study_showcase_render( $case_studies, array( 'carousel_label' => 'Blockchain case studies showcase' ) ); ?>
				</div>
			</section>
			<?php endif; ?>

			<section class="ethnic-blockchain-section" id="faq">
				<div class="ethnic-blockchain-shell ethnic-blockchain-shell--narrow">
					<?php echo ethnic_blockchain_development_page_heading( 'FAQs', 'Answers to common questions about blockchain development services, smart contract development services, dApp delivery, platform fit, security, and post-launch support.' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					<div class="ethnic-blockchain-faq">
						<?php foreach ( (array) $data['faqs'] as $index => $faq ) : ?>
							<details class="ethnic-blockchain-faq__item" <?php echo 0 === $index ? 'open' : ''; ?>>
								<summary>
									<span><?php echo esc_html( $faq['question'] ); ?></span>
									<span class="ethnic-blockchain-faq__marker" aria-hidden="true"></span>
								</summary>
								<div class="ethnic-blockchain-faq__answer">
									<p><?php echo esc_html( $faq['answer'] ); ?></p>
								</div>
							</details>
						<?php endforeach; ?>
					</div>
				</div>
			</section>

			<section class="ethnic-blockchain-section ethnic-blockchain-section--cta" id="cta">
				<div class="ethnic-blockchain-shell">
					<div class="ethnic-blockchain-cta">
						<div class="ethnic-blockchain-cta__copy">
							<div class="ethnic-blockchain-cta__intro">
								<p class="ethnic-blockchain-kicker ethnic-blockchain-kicker--light">Ready to Talk</p>
								<p class="ethnic-blockchain-cta__note">Planning around smart contracts, dApps, wallet-connected flows, blockchain integrations, tokenized workflows, and MVP validation.</p>
							</div>
							<h2><?php echo esc_html( $data['ctaTitle'] ); ?></h2>
							<p class="ethnic-blockchain-cta__lead"><?php echo esc_html( $data['ctaText'] ); ?></p>
							<div class="ethnic-blockchain-actions">
								<a class="ethnic-blockchain-button ethnic-blockchain-button--primary" href="<?php echo esc_url( $team_url ); ?>">Talk to Our Team</a>
								<a class="ethnic-blockchain-button ethnic-blockchain-button--secondary" href="<?php echo esc_url( $quote_url ); ?>">Get a Free Quote</a>
							</div>
							<ul class="ethnic-blockchain-cta__highlights" aria-label="Blockchain development CTA highlights">
								<?php foreach ( (array) $data['ctaHighlights'] as $highlight ) : ?>
									<li><?php echo esc_html( $highlight ); ?></li>
								<?php endforeach; ?>
							</ul>
						</div>

						<aside class="ethnic-blockchain-cta__panel" aria-label="What happens next">
							<div class="ethnic-blockchain-cta__visual">
								<span></span>
								<span></span>
								<span></span>
								<span></span>
							</div>
							<div class="ethnic-blockchain-cta__panel-header">
								<p class="ethnic-blockchain-cta__panel-eyebrow">What Happens Next</p>
								<h3 class="ethnic-blockchain-cta__panel-title">Shape the right path for a proof of concept, production blockchain product, smart contract rollout, or dApp improvement initiative.</h3>
							</div>
							<ol class="ethnic-blockchain-cta__steps">
								<?php foreach ( (array) $data['ctaSteps'] as $index => $step ) : ?>
									<li class="ethnic-blockchain-cta__step">
										<span class="ethnic-blockchain-cta__step-number"><?php echo esc_html( sprintf( '%02d', $index + 1 ) ); ?></span>
										<div class="ethnic-blockchain-cta__step-copy">
											<strong><?php echo esc_html( $step['title'] ); ?></strong>
											<p><?php echo esc_html( $step['copy'] ); ?></p>
										</div>
									</li>
								<?php endforeach; ?>
							</ol>
							<div class="ethnic-blockchain-cta__panel-note"><strong>Focus:</strong> product fit, platform choice, contract design, wallet-connected UX, rollout planning, and long-term improvement.</div>
						</aside>
					</div>
				</div>
			</section>
		</div>
		<?php

		return ob_get_clean();
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_styles' ) ) {
	function ethnic_blockchain_development_page_styles() {
		$base_styles = '';

		if ( function_exists( 'ethnic_game_development_page_styles' ) ) {
			$base_styles = str_replace(
				array(
					'ethnic-game-development-target',
					'ethnic-game',
				),
				array(
					'ethnic-blockchain-development-target',
					'ethnic-blockchain',
				),
				ethnic_game_development_page_styles()
			);
		} elseif ( function_exists( 'ethnic_devops_services_page_styles' ) ) {
			$base_styles = str_replace(
				array(
					'ethnic-devops-development-target',
					'ethnic-devops-services-target',
					'ethnic-devops',
				),
				array(
					'ethnic-blockchain-development-target',
					'ethnic-blockchain-development-target',
					'ethnic-blockchain',
				),
				ethnic_devops_services_page_styles()
			);
		}

		return $base_styles . <<<'CSS'
.ethnic-blockchain-page {
	--ethnic-blockchain-accent: #f97316;
	--ethnic-blockchain-accent-dark: #c2410c;
	--ethnic-blockchain-teal: #14b8a6;
	--ethnic-blockchain-violet: #7c3aed;
}

.ethnic-blockchain-section--hero {
	background:
		radial-gradient(circle at 16% 18%, rgba(249, 115, 22, 0.26), transparent 24%),
		radial-gradient(circle at 84% 18%, rgba(20, 184, 166, 0.16), transparent 20%),
		linear-gradient(180deg, #0a0f1d, #131f36 54%, #1d2f49);
}

.ethnic-blockchain-hero__title {
	max-width: 11ch;
}

.ethnic-blockchain-hero__lead {
	max-width: 62ch;
}

.ethnic-blockchain-card__icon,
.ethnic-blockchain-platform-card__icon,
.ethnic-blockchain-dashboard,
.ethnic-blockchain-faq__marker,
.ethnic-blockchain-dashboard__journey-step span {
	background-color: rgba(249, 115, 22, 0.08);
	color: var(--ethnic-blockchain-accent-dark);
}

.ethnic-blockchain-visual__floating li::before,
.ethnic-blockchain-checklist li::before,
.ethnic-blockchain-cta__highlights li::before {
	background: var(--ethnic-blockchain-accent);
	box-shadow: 0 0 0 5px rgba(249, 115, 22, 0.14);
}

.ethnic-blockchain-cta::before {
	background:
		linear-gradient(90deg, rgba(249, 115, 22, 0.05) 1px, transparent 1px),
		linear-gradient(0deg, rgba(249, 115, 22, 0.05) 1px, transparent 1px);
}

.ethnic-blockchain-cta .ethnic-blockchain-kicker--light,
.ethnic-blockchain-heading__eyebrow {
	border-color: rgba(249, 115, 22, 0.18);
	color: var(--ethnic-blockchain-accent-dark) !important;
	-webkit-text-fill-color: var(--ethnic-blockchain-accent-dark);
}

.ethnic-blockchain-cta .ethnic-blockchain-kicker--light {
	color: #c2410c !important;
	-webkit-text-fill-color: #c2410c;
	box-shadow: 0 14px 36px rgba(249, 115, 22, 0.14);
}

.ethnic-blockchain-overview-board,
.ethnic-blockchain-toolchain,
.ethnic-blockchain-workflow-step {
	background:
		radial-gradient(circle at top right, rgba(249, 115, 22, 0.08), transparent 26%),
		radial-gradient(circle at bottom left, rgba(20, 184, 166, 0.06), transparent 24%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 243, 240, 0.98));
}

.ethnic-blockchain-overview-board__lanes span,
.ethnic-blockchain-chip-list span,
.ethnic-blockchain-toolchain__eyebrow,
.ethnic-blockchain-toolchain__badges span,
.ethnic-blockchain-workflow-step__number {
	background: rgba(249, 115, 22, 0.08);
	border: 1px solid rgba(249, 115, 22, 0.12);
	color: var(--ethnic-blockchain-accent-dark);
}

.ethnic-blockchain-overview-board__stat,
.ethnic-blockchain-toolchain__stage {
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(249, 115, 22, 0.1);
}

.ethnic-blockchain-scene {
	position: relative;
	min-height: 590px;
}

.ethnic-blockchain-scene__screen {
	position: relative;
	padding: 18px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 28px 60px rgba(7, 13, 34, 0.24);
}

.ethnic-blockchain-scene__hud-pill {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 12px;
	border-radius: 999px;
	background: rgba(249, 115, 22, 0.08);
	border: 1px solid rgba(249, 115, 22, 0.12);
	color: var(--ethnic-blockchain-accent-dark);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
}

.ethnic-blockchain-scene__network {
	position: relative;
	min-height: 360px;
	margin-top: 16px;
	padding: 24px;
	border-radius: 28px;
	overflow: hidden;
	background:
		radial-gradient(circle at top right, rgba(124, 58, 237, 0.2), transparent 24%),
		radial-gradient(circle at bottom left, rgba(20, 184, 166, 0.12), transparent 26%),
		linear-gradient(180deg, #111c2d 0%, #0f1b2a 100%);
}

.ethnic-blockchain-scene__grid {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
	background-size: 44px 44px;
	opacity: 0.48;
}

.ethnic-blockchain-scene__cluster,
.ethnic-blockchain-scene__contract,
.ethnic-blockchain-scene__wallet {
	position: absolute;
	z-index: 1;
	display: grid;
	gap: 8px;
	padding: 18px;
	border-radius: 22px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)),
		rgba(8, 13, 26, 0.44);
	backdrop-filter: blur(12px);
	box-shadow: 0 20px 40px rgba(7, 13, 34, 0.18);
}

.ethnic-blockchain-scene__cluster p,
.ethnic-blockchain-scene__contract p,
.ethnic-blockchain-scene__wallet p,
.ethnic-blockchain-scene__metrics small,
.ethnic-blockchain-scene__panel p,
.ethnic-blockchain-overview-board__header p,
.ethnic-blockchain-security-panel__header p {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.3;
	text-transform: uppercase;
}

.ethnic-blockchain-overview-board__header p,
.ethnic-blockchain-security-panel__header p {
	color: var(--ethnic-blockchain-muted);
}

.ethnic-blockchain-scene__cluster strong,
.ethnic-blockchain-scene__contract strong,
.ethnic-blockchain-scene__wallet strong,
.ethnic-blockchain-scene__metrics strong,
.ethnic-blockchain-scene__panel strong,
.ethnic-blockchain-overview-board__header strong,
.ethnic-blockchain-toolchain__stage strong,
.ethnic-blockchain-workflow-step h3,
.ethnic-blockchain-security-panel__tile strong {
	font-family: "Plus Jakarta Sans", "Figtree", sans-serif;
}

.ethnic-blockchain-scene__cluster strong,
.ethnic-blockchain-scene__contract strong,
.ethnic-blockchain-scene__wallet strong,
.ethnic-blockchain-scene__panel strong {
	color: #ffffff;
}

.ethnic-blockchain-scene__cluster span {
	color: rgba(255, 255, 255, 0.82);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
}

.ethnic-blockchain-scene__cluster--left {
	left: 22px;
	top: 24px;
	max-width: 206px;
}

.ethnic-blockchain-scene__cluster--right {
	right: 22px;
	top: 42px;
	max-width: 220px;
}

.ethnic-blockchain-scene__flow {
	position: absolute;
	left: 220px;
	right: 220px;
	top: 48%;
	height: 2px;
	background: linear-gradient(90deg, rgba(249, 115, 22, 0.8), rgba(20, 184, 166, 0.8));
	box-shadow: 0 0 0 7px rgba(249, 115, 22, 0.06);
}

.ethnic-blockchain-scene__flow::before,
.ethnic-blockchain-scene__flow::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid rgba(20, 184, 166, 0.9);
	border-right: 2px solid rgba(20, 184, 166, 0.9);
	transform: translateY(-50%) rotate(45deg);
}

.ethnic-blockchain-scene__flow::before {
	left: 34%;
}

.ethnic-blockchain-scene__flow::after {
	right: 8px;
}

.ethnic-blockchain-scene__contract {
	left: 50%;
	top: 48%;
	transform: translate(-50%, -50%);
	width: min(240px, calc(100% - 80px));
	text-align: center;
}

.ethnic-blockchain-scene__wallet {
	right: 28px;
	bottom: 22px;
	width: 250px;
}

.ethnic-blockchain-scene__wallet-lines {
	display: grid;
	gap: 8px;
	margin-top: 2px;
}

.ethnic-blockchain-scene__wallet-lines span {
	display: flex;
	align-items: center;
	min-height: 34px;
	padding: 0 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.82);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

.ethnic-blockchain-scene__metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 14px;
}

.ethnic-blockchain-scene__metrics div {
	padding: 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.ethnic-blockchain-scene__metrics strong {
	display: block;
	margin-top: 6px;
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.1;
}

.ethnic-blockchain-scene__panel--flow {
	left: -10px;
	bottom: 34px;
	max-width: 224px;
}

.ethnic-blockchain-scene__panel--dashboard {
	right: -12px;
	top: 124px;
	max-width: 230px;
}

.ethnic-blockchain-scene__panel--flow ul {
	display: grid;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ethnic-blockchain-scene__panel--flow li {
	position: relative;
	padding-left: 20px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
}

.ethnic-blockchain-scene__panel--flow li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.42em;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgba(20, 184, 166, 0.92);
	box-shadow: 0 0 0 5px rgba(20, 184, 166, 0.12);
}

.ethnic-blockchain-card-grid--use-cases,
.ethnic-blockchain-card-grid--case-studies {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ethnic-blockchain-card-grid--platform-groups,
.ethnic-blockchain-card-grid--security,
.ethnic-blockchain-card-grid--industries {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ethnic-blockchain-use-case-card {
	height: 100%;
}

.ethnic-blockchain-use-case-card__art {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.ethnic-blockchain-use-case-card__beam {
	width: 64px;
	height: 8px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(249, 115, 22, 0.86), rgba(20, 184, 166, 0.74));
	box-shadow: 0 0 0 8px rgba(249, 115, 22, 0.06);
}

.ethnic-blockchain-case-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: 100%;
	padding: 24px;
	border-radius: 28px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
		rgba(255, 255, 255, 0.02);
	box-shadow: 0 22px 60px rgba(5, 14, 28, 0.2);
}

.ethnic-blockchain-case-card h3,
.ethnic-blockchain-case-card p,
.ethnic-blockchain-case-card strong {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff;
}

.ethnic-blockchain-case-card h3 {
	margin: 0;
	font-size: clamp(24px, 1.9vw, 30px);
	line-height: 1.16;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.ethnic-blockchain-case-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ethnic-blockchain-case-card__tags span {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.92);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1;
}

.ethnic-blockchain-case-card__summary {
	display: grid;
	gap: 12px;
	margin-top: 0;
}

.ethnic-blockchain-case-card__summary p {
	margin: 0;
	font-size: 15px;
	line-height: 1.72;
	color: rgba(255, 255, 255, 0.82) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.82);
}

.ethnic-blockchain-case-card__summary strong {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff;
}

.ethnic-blockchain-case-card .ethnic-blockchain-button--ghost {
	align-self: flex-start;
	margin-top: auto;
}

.ethnic-blockchain-toolchain__note {
	margin-top: 18px;
	padding: 16px 18px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(249, 115, 22, 0.1);
	color: var(--ethnic-blockchain-muted);
	font-size: 14px;
	line-height: 1.7;
}

.ethnic-blockchain-security {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
	gap: clamp(28px, 4vw, 44px);
	align-items: start;
}

.ethnic-blockchain-security__content {
	display: grid;
	gap: 24px;
}

.ethnic-blockchain-security-panel {
	border-radius: 28px;
	border: 1px solid var(--ethnic-blockchain-border);
	box-shadow: var(--ethnic-blockchain-shadow);
	padding: 24px;
	background:
		radial-gradient(circle at top right, rgba(20, 184, 166, 0.1), transparent 28%),
		radial-gradient(circle at bottom left, rgba(249, 115, 22, 0.08), transparent 30%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 243, 240, 0.98));
}

.ethnic-blockchain-security-panel__header strong,
.ethnic-blockchain-overview-board__header strong,
.ethnic-blockchain-workflow-step h3 {
	color: var(--ethnic-blockchain-text);
}

.ethnic-blockchain-security-panel__header strong {
	display: block;
	margin-top: 10px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.04em;
}

.ethnic-blockchain-security-panel__tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 20px;
}

.ethnic-blockchain-security-panel__tile {
	display: grid;
	gap: 8px;
	padding: 18px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(249, 115, 22, 0.1);
}

.ethnic-blockchain-security-panel__tile small {
	color: var(--ethnic-blockchain-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.ethnic-blockchain-security-panel__tile strong {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
}

.ethnic-blockchain-security-panel__flow {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 20px;
}

.ethnic-blockchain-security-panel__flow span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 10px 12px;
	border-radius: 18px;
	background: rgba(249, 115, 22, 0.08);
	border: 1px solid rgba(249, 115, 22, 0.12);
	color: var(--ethnic-blockchain-accent-dark);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

.ethnic-blockchain-security-panel__flow span::after {
	content: "";
	position: absolute;
	right: -12px;
	top: 50%;
	width: 12px;
	height: 1px;
	background: rgba(249, 115, 22, 0.18);
}

.ethnic-blockchain-security-panel__flow span:last-child::after {
	display: none;
}

.ethnic-blockchain-card--industry {
	height: 100%;
}

@media (max-width: 1200px) {
	.ethnic-blockchain-security {
		grid-template-columns: 1fr;
	}

	.ethnic-blockchain-card-grid--use-cases,
	.ethnic-blockchain-card-grid--case-studies {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	.ethnic-blockchain-card-grid--platform-groups,
	.ethnic-blockchain-card-grid--security,
	.ethnic-blockchain-card-grid--industries,
	.ethnic-blockchain-security-panel__tiles,
	.ethnic-blockchain-toolchain__stages {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.ethnic-blockchain-scene {
		min-height: auto;
	}

	.ethnic-blockchain-scene__cluster--left,
	.ethnic-blockchain-scene__cluster--right,
	.ethnic-blockchain-scene__contract,
	.ethnic-blockchain-scene__wallet,
	.ethnic-blockchain-scene__panel--flow,
	.ethnic-blockchain-scene__panel--dashboard {
		position: static;
		width: auto;
		max-width: none;
		margin-top: 16px;
		transform: none;
	}

	.ethnic-blockchain-scene__flow {
		position: static;
		width: 100%;
		height: 2px;
		margin: 16px 0;
	}

	.ethnic-blockchain-scene__flow::before {
		left: 44%;
	}

	.ethnic-blockchain-scene__flow::after {
		right: 2%;
	}

	.ethnic-blockchain-scene__network {
		min-height: auto;
	}

	.ethnic-blockchain-scene__metrics,
	.ethnic-blockchain-card-grid--overview,
	.ethnic-blockchain-card-grid--use-cases,
	.ethnic-blockchain-card-grid--platform-groups,
	.ethnic-blockchain-card-grid--security,
	.ethnic-blockchain-card-grid--industries,
	.ethnic-blockchain-card-grid--case-studies,
	.ethnic-blockchain-toolchain__stages,
	.ethnic-blockchain-workflow__rail,
	.ethnic-blockchain-security-panel__tiles,
	.ethnic-blockchain-security-panel__flow {
		grid-template-columns: 1fr;
	}

	.ethnic-blockchain-security-panel__flow span::after {
		display: none;
	}
}
CSS;
	}
}

if ( ! function_exists( 'ethnic_blockchain_development_page_body_class' ) ) {
	function ethnic_blockchain_development_page_body_class( $classes ) {
		if ( ethnic_blockchain_development_page_is_target() ) {
			$classes[] = 'ethnic-blockchain-development-target';
		}

		return $classes;
	}

	add_filter( 'body_class', 'ethnic_blockchain_development_page_body_class' );
}

if ( ! function_exists( 'ethnic_blockchain_development_page_print_head_assets' ) ) {
	function ethnic_blockchain_development_page_print_head_assets() {
		if ( ! ethnic_blockchain_development_page_is_target() ) {
			return;
		}

		$data = ethnic_blockchain_development_page_data();
		?>
		<style id="ethnic-blockchain-development-page-inline-css" type="text/css">
			<?php echo ethnic_blockchain_development_page_styles(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
		</style>
		<meta name="description" content="<?php echo esc_attr( $data['metaDescription'] ); ?>" />
		<?php
	}

	add_action( 'wp_head', 'ethnic_blockchain_development_page_print_head_assets', 120 );
}

if ( ! function_exists( 'ethnic_blockchain_development_page_document_title' ) ) {
	function ethnic_blockchain_development_page_document_title( $title ) {
		if ( ethnic_blockchain_development_page_is_target() ) {
			$data = ethnic_blockchain_development_page_data();
			return $data['metaTitle'];
		}

		return $title;
	}

	add_filter( 'pre_get_document_title', 'ethnic_blockchain_development_page_document_title', 50 );
}

if ( ! function_exists( 'ethnic_blockchain_development_page_replace_content' ) ) {
	function ethnic_blockchain_development_page_replace_content( $content ) {
		if ( ! ethnic_blockchain_development_page_is_target() || ! in_the_loop() || ! is_main_query() ) {
			return $content;
		}

		static $rendered = false;

		if ( $rendered ) {
			return $content;
		}

		$rendered = true;

		return ethnic_blockchain_development_page_render();
	}

	add_filter( 'the_content', 'ethnic_blockchain_development_page_replace_content', 1000 );
}