* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
} /*网站字体颜色*/

.a {
	color:#666;
	text-decoration:none;
}  /*for ie f6n.net*/
.a:focus{outline:0;} /*for ff f6n.net*/
.a:hover { text-decoration:underline;}
.p { word-spacing:-1.5px;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.mt5{ margin-top:5px;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto; overflow:hidden; }

/*头部开始*/
.header-wrap { background:#fff; }
/*包括头部logo图片*/
.h_con { width:960px; height:100px; margin:0 auto;}
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.h_con_left { width:200px; height:60px; margin:20px 0 20px 0; float:left; overflow:hidden; }
.h_con_right { float: left;	margin: 20px 0 18px 10px;	overflow: hidden; }
.h_con img{ border:none;}
.h_con_text { width:520px; height:60px; float:left; margin: 20px 20px 18px 10px; overflow:hidden; }
.h_con_text p { font-size:14px; line-height:28px; text-align: left; color:#000;}
.h_con_text p span{ font-size:16px; font-weight:bold; line-height:32px; text-align: left; color:#f00;}

/*导航条,nav-wrap为菜单背景颜色*/
.nav-wrap { background:#DD2222;}
.h_nav {width:840px;  height:56px; line-height:56px; margin:0 auto;}
.h_nav ul { padding:0px; margin:0; overflow:hidden; list-style:none;}
.h_nav ul li { float:left; width: 92px; background: url(/static/images-pc/menuSplit.gif) no-repeat right 23px;}
.h_nav ul li a {
	padding: 0 15px;
	height:56px;
	line-height:56px;
	text-align:center;
	display:block;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
}
.h_nav ul li a:hover {
	padding:0 15px;
	height:56px;
	line-height:56px;
	text-align:center;
	display:block;
	background:#EE9611;
	/*background:url(../images/navbg_hover.jpg) repeat-x;*/
	font-weight:bold;
	text-decoration:none;
}
.h_nav span {
	margin: 0 2px;
	padding: 0;
	color:#FFFFFF;
}
.h_nav .no_p { background: none; }
/*头部结束*/

/*2级子菜单*/
.h_nav2 {width:960px;  height:46px; line-height:46px; margin:0 auto;}
.h_nav2 ul { padding:0px; margin:0; overflow:hidden; list-style:none; margin-top:16px;}
.h_nav2 ul li { float:left; width: auto; margin-left:20px; vertical-align:middle;}
.h_nav2 ul li a {
	padding: 0 15px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:block;
	font-size:14px;
	font-weight: bold;
}
/*底部开始,foot_line为页尾和内容区的分隔线*/
.foot_line {height: 8px;  background-color: #FF0000; }
.foot { height: auto; background-color: #0559a1; }
.f_nav {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
.f_nav a {
	color: #FFF;
	text-align: center;
	padding: 0;
	display: inline-block;
	margin: 0 2px;
}
.f_nav span {
	margin: 0 2px;
	padding: 0;
	color:#FFFFFF
}
.ft_con { padding:0; margin-top:20px;}
.ft_left {
	width:320px;
	height: 140px;
	float:left;
	margin: 10px 0px 0px 10px;
	overflow:hidden;
}
.ft_left img{
	border:none;
}
.ft_right {
	width:240px;
	height:150px;
	float:right;
	margin-right: 1px;
	margin-top: 20px;
}
.ft_right p {
	color:#FFFFFF;
	line-height:12px;
	text-align:left;
	font-size:14px;
}
.tjbox { height: 22px; padding: 10px auto; text-align:center; }
/*底部结束*/


/*分页开始*/
.pagination {
	padding-left: 30%;
	/*width: 100%;*/
	padding-top: 30px
}
.pagination ul li {
	display:block;
	float:left;
}
.page_no,.page_text {
	padding: 3px
}
.page_no {
	padding-right: 0
}
.page_next {
	padding-left: 0
}
.page_no a, .page_text a,
.page_no span, .page_text span {
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #666;
	font-size: 12px;
	display: block;
	margin-right: 6px;
	float: left
}
.page_no a {
}
.page_no a:hover,.page_text a:hover {
	border: 1px solid #009ed6;
	color: #009ed6
}
.page_no .page_current,.page_no .page_current:hover {
	color: #fff;
	background-color: #009fd9;
	border: 1px solid #009ed6
}
/*分页结束*/


/*导航条结束*/
.navigation {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e1e1e1;
	background-color: white;
}

.navigation p {
	width: 1050px;
}
.navigation p b{
	font-size: 14px;
}
.navigation p em{
	font-style: normal;
}
.navigation .back {
	float: right;
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 5px;
	background: #999;
	color: #fff;
	margin-top: 10px;
}

.navigation .back:hover {
	background: #0052b7;
	transition: all 0.3s;
}
.grWidth {
	width: 1200px;
	margin: 0 auto;
}
.clearfix {
	zoom: 1;
}
/*导航条结束*/

/*文章开始*/
.article {
	width: 100%;
	padding-top: 40px;
}
.article-title {
	text-align: center;
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.4;
}
.article-subtitle {
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.article-time {
	text-align: center;
	color: #999;
	font-size:14px;
}
.article-time a {
	font-size: 14px;
	color: #009fd9;
}
.article-share {
	position: absolute;
	right: 0;
	top: 6px;
}
.article-share div{
	display: inline-block;
	box-sizing: content-box;
}
.article-main {
	margin-top:35px;
	color: #666;
	line-height: 24px;
}
.article-main p {
	font-size: 15px;
	text-indent: 2em;
	line-height: 2em;
	margin-bottom: 15px;
}
.article-main p img{
	max-width: 1200px;
}
.article-main a {
	color: #666;
	text-decoration: none;
}
.article-main .link {
	color: #666;
	text-decoration: none;
}
/* 恢复 编辑内容 的strong样式，并去掉 SEO目的的 strong标签样式 */
.article-main strong {
	font-weight: bold;
}
.article-main .link strong {
	font-weight: normal;
}
/*文章结束*/

/* CSS活动的公共样式 */
.fl {
	float: left;
}

.fr {
	float: right;
}

/*以下为2026-03-17新增*/
/*---------------------------------------------------------------------------*/

/* 容器 */
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ===== SEO优化样式开始 ===== */
/* 确保标题层次清晰 */
h1 { font-size: 2em; font-weight: bold;margin-block-start: 0; margin-block-end: 0;}
h2 { font-size: 1.7em; font-weight: 600; }
h3 { font-size: 1.5em; font-weight: 600; }
h4 { font-size: 1.25em; font-weight: 600; }

/* 图片优化 */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* 链接优化 */
a {
	color: #1a73e8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* 代码块样式 */
pre, code {
	background: #f5f5f5;
	padding: 10px;
	border-radius: 5px;
	font-family: 'Courier New', monospace;
	overflow-x: auto;
}

/* 表格样式 */
table {
	width: 100%;
	border-collapse: collapse; /* 关键：合并边框，实现单像素细线效果 */
	margin-top: 10px;
}

th, td {
	border: 1px solid #ccc; /* 关键：设置1像素的灰色实线边框 */
	padding: 12px;
	text-align: center;
}

th {
	background-color: #eef2f5;
	color: #333;
	font-weight: bold;
}

/* 表单样式 */
input, textarea, select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 15px;
}

input:focus, textarea:focus, select:focus {
	outline: none;
	border-color: #1a73e8;
	box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
}
/* ===== SEO优化样式结束 ===== */


/* ===== 内容区块开始 ===== */
.content-section {
	background: white;
	padding: 40px;
	border-radius: 10px;
	margin-bottom: 30px;
}

.content-section h2 {
	color: #1a73e8;
	margin-bottom: 20px;
	border-bottom: 2px solid #f0f0f0;
}

.content-section h3 {
	color: #333;
	margin: 25px 0 15px;
}

.content-section p {
	margin-bottom: 15px;
	color: #555;
}

.content-section ul, .content-section ol {
	margin: 15px 0 15px 20px;
	color: #555;
}

.content-section li {
	margin-bottom: 8px;
}
/* ===== 内容区块结束 ===== */

/* ===== 主要内容区域开始 ===== */
.main-content {
	padding: 40px 0;
	min-height: 60vh;
}

/* ===== 主要内容区域结束 ===== */


/* 首页或落地页专用样式 */
/*---------------------------------------------------------------------------*/
/* 英雄区域 - 专业B2B风格 */
.hero {
	padding: 100px 0;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.hero::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><path fill="%231a73e8" fill-opacity="0.05" d="M400,0C179,0,0,179,0,400s179,400,400,400s400-179,400-400S621,0,400,0z M400,700c-165,0-300-135-300-300S235,100,400,100s300,135,300,300S565,700,400,700z"/></svg>') no-repeat;
	background-size: contain;
	opacity: 0.3;
}

.hero-content {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.hero h1 {
	font-size: 36px;
	margin-bottom: 20px;
	color: #1a73e8;
	line-height: 1.2;
}

.hero p {
	color: #666;
	max-width: 800px;
	margin: 0 auto 30px;
}

.hero-subtitle {
	font-size: 24px;
	color: #5f6368;
	margin-bottom: 30px;
	font-weight: 300;
}

.hero-features {
	display: flex;
	gap: 30px;
	margin: 40px 0;
	flex-wrap: wrap;
}

.hero-feature {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #5f6368;
}

.hero-feature-icon {
	color: #1a73e8;
	font-size: 20px;
}

.cta-button {
	display: inline-block;
	background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
	color: white;
	padding: 16px 45px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	transition: all 0.3s;
	border: none;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(26, 115, 232, 0.3);
}

.cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(26, 115, 232, 0.4);
}

/* 核心价值主张样式 */
.value-statement {
	padding: 60px 0;
	background: white;
	position: relative;
	overflow: hidden;
}

.value-statement::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 100%;
	height: 200%;
	background: radial-gradient(circle at 70% 50%, rgba(26, 115, 232, 0.05) 0%, transparent 50%);
}

.statement-content {
	text-align: center;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.value-statement h2 {
	text-align: center;
	font-size: 36px;
	color: #1a237e;
	margin-bottom: 30px;
	line-height: 1.3;
}

.statement-lead {
	font-size: 20px;
	line-height: 1.8;
	color: #5f6368;
	text-align: center;
	margin-bottom: 60px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.statement-features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
	margin-bottom: 60px;
}

.feature-highlight {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	transition: all 0.3s;
	border: 1px solid #e0e0e0;
}

.feature-highlight:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	border-color: #1a73e8;
}

.highlight-icon {
	font-size: 40px;
	margin-bottom: 20px;
	color: #1a73e8;
}

.highlight-content h3 {
	font-size: 20px;
	color: #1a237e;
	margin-bottom: 12px;
}

.highlight-content p {
	color: #5f6368;
	line-height: 1.6;
	font-size: 15px;
}

.statement-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 30px;
	background: white;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	border: 1px solid #e0e0e0;
}

.stat-item {
	text-align: center;
	padding: 20px;
}

.stat-number {
	font-size: 42px;
	font-weight: bold;
	color: #1a73e8;
	margin-bottom: 10px;
	line-height: 1;
}

.stat-label {
	color: #5f6368;
	font-size: 16px;
	font-weight: 500;
}

/* 核心价值区域 */
.value-proposition {
	padding: 80px 0;
	background: #f0f6ff;
}

.section-title {
	text-align: center;
	margin-bottom: 60px;
}

.section-title h2 {
	font-size: 36px;
	color: #1a237e;
	margin-bottom: 15px;
}

.section-title p {
	color: #5f6368;
	font-size: 18px;
	max-width: 600px;
	margin: 0 auto;
}

.value-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 40px;
}

.value-card {
	background: #f8f9fa;
	padding: 40px;
	border-radius: 12px;
	transition: all 0.3s;
	border: 1px solid #e0e0e0;
}

.value-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	border-color: #1a73e8;
}

.value-icon {
	font-size: 48px;
	margin-bottom: 25px;
	color: #1a73e8;
}

.value-card h3 {
	font-size: 24px;
	margin-bottom: 15px;
	color: #1a237e;
}

.value-card ul {
	list-style: none;
	margin-top: 20px;
}

.value-card li {
	margin-bottom: 10px;
	padding-left: 25px;
	position: relative;
	color: #5f6368;
}

.value-card li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #1a73e8;
	font-weight: bold;
}

/* 产品特性 */
.features {
	padding: 80px 0;
	background: #ecfdfc;
}

.features-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
}

.feature-card {
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	transition: all 0.3s;
}

.feature-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.feature-icon {
	font-size: 40px;
	color: #1a73e8;
	margin-bottom: 20px;
}

.feature-card h3 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #1a237e;
}


/* 使用通用CSS中的features-grid样式 - 4列 */
.features-column4 {
	padding: 80px 0;
	background: #ecfdfc;
}

.features-grid-column4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.feature-card-column4 {
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	transition: all 0.3s;
	text-align: center;
}

.feature-card-column4:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.feature-icon-column4 {
	font-size: 40px;
	color: #1a73e8;
	margin-bottom: 20px;
}

.feature-card-column4 h3 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #1a237e;
}

.feature-card-column4 p {
	color: #5f6368;
	line-height: 1.6;
	font-size: 14px;
}
/* 行业解决方案 */
.solutions {
	padding: 80px 0;
	background: white;
}

.solution-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 40px;
	flex-wrap: wrap;
	justify-content: center;
}

.solution-tab {
	padding: 12px 30px;
	background: #f8f9fa;
	border: 1px solid #e0e0e0;
	border-radius: 25px;
	cursor: pointer;
	transition: all 0.3s;
	font-weight: 500;
}

.solution-tab.active {
	background: #1a73e8;
	color: white;
	border-color: #1a73e8;
}

.solution-content {
	background: #f8f9fa;
	padding: 40px;
	border-radius: 12px;
	display: none;
}

.solution-content.active {
	display: block;
}

/* 技术架构 */
.architecture {
	padding: 80px 0;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
}

.architecture h2 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 50px;
}

.arch-diagram {
	max-width: 800px;
	margin: 0 auto;
	background: rgba(255,255,255,0.1);
	padding: 40px;
	border-radius: 12px;
	backdrop-filter: blur(10px);
}

/* 全生命周期身份管理 */
.lifecycle {
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
	flex-wrap: wrap;
	text-align: center;
}
.lifecycle-stage {
	flex: 1;
	min-width: 200px;
	text-align: center;
	padding: 20px;
	margin: 10px;
	background: #f8f9fa;
	border-radius: 10px;
}
.stage-number {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #1a73e8;
	color: white;
	border-radius: 50%;
	margin: 0 auto 15px;
	font-weight: bold;
}

/* 客户案例 */
.case-studies {
	padding: 80px 0;
	background: #f5f7fa;
}

.case-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}

.case-card {
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.case-logo {
	height: 60px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.case-logo img {
	max-height: 100%;
	max-width: 100%;
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.3s;
}

.case-card:hover .case-logo img {
	filter: grayscale(0);
	opacity: 1;
}

/* 产品介绍 > 单点登录 */
/*---------------------------------------------------------------------------*/
.simple-hero {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	padding: 80px 0;
	text-align: center;
}

.simple-hero h1 {
	font-size: 42px;
	margin-bottom: 20px;
	color: white;
}

.simple-hero p {
	font-size: 20px;
	max-width: 800px;
	margin: 0 auto 40px;
	opacity: 0.9;
}

/* ===== 1. 国际标准协议全面支持 section 图标样式 ===== */

/* 协议网格容器 */
.protocol-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
	margin: 50px 0;
}

/* 协议卡片 */
.protocol-card {
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	text-align: center;
	transition: transform 0.3s;
}

.protocol-card:hover {
	transform: translateY(-5px);
}

/* 协议图标样式 */
.protocol-icon {
	font-size: 48px;
	color: #1a73e8;
	margin-bottom: 20px;
}

/* 协议图标具体样式 */
.protocol-icon .fab.fa-openid {
	/* OpenID图标 - 蓝色主题 */
	color: #1a73e8;
}

.protocol-icon .fas.fa-user-lock {
	/* 用户锁图标 - 蓝色主题 */
	color: #1a73e8;
}

.protocol-icon .fas.fa-sign-in-alt {
	/* 登录图标 - 蓝色主题 */
	color: #1a73e8;
}

.protocol-icon .fas.fa-sitemap {
	/* 站点地图图标 - 蓝色主题 */
	color: #1a73e8;
}

/* ===== 2. 核心优势 section 图标样式 ===== */

/* 优势区域背景 */
.benefits {
	background: #f8f9fa;
	padding: 60px 0;
}

/* 优势列表容器 */
.benefit-list {
	max-width: 800px;
	margin: 0 auto;
}

/* 优势项目 */
.benefit-item {
	background: white;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 8px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.05);
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

/* 优势图标样式 */
.benefit-icon {
	color: #34a853;
	font-size: 24px;
	flex-shrink: 0;
}

/* 优势图标具体样式 */
.benefit-icon .fas.fa-check-circle {
	/* 检查圈图标 - 绿色主题 */
	color: #34a853;
}


/* ===== 图标通用样式 ===== */

/* 图标容器通用样式 */
.protocol-icon,
.benefit-icon,
.feature-icon {
	display: inline-block;
	text-align: center;
}

/* 图标悬停效果 */
.protocol-card:hover .protocol-icon,
.feature-card:hover .feature-icon {
	transform: scale(1.1);
	transition: transform 0.3s;
}

/* 以下是解决方案专用图标 */
/*---------------------------------------------------------------------------*/
/* Font Awesome 图标内联样式 */
.fa, .fas, .far, .fal, .fab {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.fa-brain:before { content: "🧠"; }
.fa-clock:before { content: "⏰"; }
.fa-cogs:before { content: "⚙️"; }
.fa-shield-alt:before { content: "🛡️"; }
.fa-sitemap:before { content: "🗺️"; }
.fa-users:before { content: "👥"; }
.fa-plug:before { content: "🔌"; }
.fa-sign-in-alt:before { content: "🔑"; }
.fa-check-circle:before { content: "✅"; }
.fa-mobile-alt:before { content: "📱"; }
.fa-fish:before { content: "🐟️"; }

/* 以下是亿登令牌专用样式 */
/*---------------------------------------------------------------------------*/
/* 基于site.css的补充样式 */
.token-header {
	background: white;
	padding: 60px 0 80px 0;
	text-align: center;
}

.token-title {
	font-size: 36px;
	margin-bottom: 20px;
	font-weight: bold;
}

.token-subtitle {
	font-size: 20px;
	opacity: 0.9;
	max-width: 800px;
	margin: 0 auto 40px;
	line-height: 1.6;
}

.qr-section {
	background: #f0f6ff;
	padding: 60px 0;
	text-align: center;
}

.qr-box {
	display: inline-block;
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	margin: 20px 0;
}

.qr-placeholder {
	width: 200px;
	height: 200px;
	background: #e8f0fe;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	font-size: 48px;
	color: #1a73e8;
}

.feature-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
	margin: 50px 0;
}

.feature-item {
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	transition: transform 0.3s;
}

.feature-item:hover {
	transform: translateY(-5px);
}

.feature-icon {
	font-size: 40px;
	color: #1a73e8;
	margin-bottom: 20px;
}

.compatibility {
	background: #f8f9fa;
	padding: 60px 0;
	text-align: center;
}

.compatibility-badges {
	display: flex;
	gap: 15px;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0;
}

.compatibility-badge {
	background: white;
	padding: 12px 25px;
	border-radius: 25px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.steps-container {
	counter-reset: step-counter;
	max-width: 800px;
	margin: 50px auto;
}

.step-item {
	position: relative;
	padding: 25px 25px 25px 80px;
	margin-bottom: 25px;
	background: white;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.05);
	border-left: 4px solid #1a73e8;
}

.step-item::before {
	counter-increment: step-counter;
	content: counter(step-counter);
	position: absolute;
	left: 25px;
	top: 25px;
	width: 35px;
	height: 35px;
	background: #1a73e8;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 16px;
}