/* hero */
.home-hero{position:relative;padding:88px 0 72px;background:linear-gradient(180deg,#eef3ff 0%,#ffffff 80%);overflow:hidden}
.home-hero::before{content:"";position:absolute;width:520px;height:520px;right:-140px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(11,92,255,.14) 0%,rgba(11,92,255,0) 70%)}
.home-hero .hero-inner{display:flex;justify-content:space-between;align-items:center;gap:48px}
.home-hero .hero-text{flex:1;max-width:560px}
.home-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(11,92,255,.1);color:rgb(var(--rgb-color-primary));font-size:.9rem;font-weight:500;margin-bottom:24px}
.home-hero .hero-title{font-size:3.5rem;line-height:1.18;font-weight:800;color:rgb(var(--rgb-color-base));letter-spacing:-.02em;margin:0}
.home-hero .hero-title span{color:rgb(var(--rgb-color-primary))}
.home-hero .hero-desc{font-size:1.15rem;line-height:1.7;color:var(--text-muted);margin:24px 0 0}
.home-hero .hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:36px}
.home-hero .hero-actions .default-btn{padding:14px 32px;font-size:1.05rem;border-radius:12px}
.home-hero .hero-actions .default-btn.primary-btn{box-shadow:0 12px 28px rgba(11,92,255,.28)}
.home-hero .hero-meta{margin-top:20px;font-size:.9rem;color:var(--text-muted)}
.home-hero .hero-visual{flex:1;max-width:560px}
.home-hero .hero-visual img{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 48px rgba(11,92,255,.12))}
@media (max-width:768px){
	.home-hero{padding:48px 0 56px}
	.home-hero .hero-inner{flex-direction:column;gap:40px}
	.home-hero .hero-text{max-width:none;text-align:center}
	.home-hero .hero-title{font-size:2.35rem}
	.home-hero .hero-desc{font-size:1rem}
	.home-hero .hero-actions{justify-content:center}
	.home-hero .hero-visual{max-width:100%}
}

/* stats */
.home-stats{padding:24px 0 0}
.home-stats .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.home-stats .stat-item{text-align:center;padding:36px 16px;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 24px rgba(24,24,25,.04)}
.home-stats .stat-num{font-size:2.75rem;font-weight:800;color:rgb(var(--rgb-color-primary));letter-spacing:-.02em}
.home-stats .stat-num span{font-size:1.6rem;font-weight:700}
.home-stats .stat-label{margin-top:8px;font-size:.95rem;color:var(--text-muted)}
@media (max-width:768px){
	.home-stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}
	.home-stats .stat-item{padding:24px 12px}
	.home-stats .stat-num{font-size:2rem}
}

/* features */
#features .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#features .feature-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:36px 28px;transition:transform var(--transition),box-shadow var(--transition)}
#features .feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(24,24,25,.08)}
#features .feature-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:16px;background:rgba(11,92,255,.1);margin-bottom:22px}
#features .feature-icon img{width:30px;height:30px;display:block}
#features .feature-card h3{font-size:1.3rem;font-weight:700;color:rgb(var(--rgb-color-base));margin:0 0 10px}
#features .feature-card p{font-size:.98rem;line-height:1.7;color:var(--text-muted);margin:0}
@media (max-width:768px){
	#features .features-grid{grid-template-columns:repeat(1,1fr);gap:16px}
	#features .feature-card{padding:28px 22px}
}

/* platforms */
.home-platforms{background:#f6f8fc}
#platforms .platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#platforms .platform-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:36px 20px;text-align:center;transition:transform var(--transition),box-shadow var(--transition)}
#platforms .platform-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(24,24,25,.08)}
#platforms .platform-icon{display:flex;justify-content:center;align-items:center;width:72px;height:72px;border-radius:20px;background:rgba(11,92,255,.08);margin-bottom:8px}
#platforms .platform-icon img{width:34px;height:34px;display:block}
#platforms .platform-card h3{font-size:1.2rem;font-weight:700;color:rgb(var(--rgb-color-base));margin:0}
#platforms .platform-card .download-btn{font-size:.95rem;font-weight:600;color:rgb(var(--rgb-color-primary))}
#platforms .platform-card .download-btn:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:768px){
	#platforms .platforms-grid{grid-template-columns:repeat(1,1fr);gap:16px}
	#platforms .platform-card{padding:28px 16px}
}

/* solutions */
#solutions .solutions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
#solutions .solution-card{background:#fff;border-radius:18px;padding:30px 22px;text-align:center;border:1px solid var(--border);transition:transform var(--transition),box-shadow var(--transition)}
#solutions .solution-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(24,24,25,.08)}
#solutions .solution-icon{display:flex;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:rgba(11,92,255,.1)}
#solutions .solution-icon img{width:30px;height:30px;display:block}
#solutions .solution-card h3{font-size:1.15rem;font-weight:700;color:rgb(var(--rgb-color-base));margin:0 0 10px}
#solutions .solution-card p{font-size:.9rem;line-height:1.6;color:var(--text-muted);margin:0}
@media (max-width:1024px){
	#solutions .solutions-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
	#solutions .solutions-grid{grid-template-columns:repeat(1,1fr);gap:16px}
	#solutions .solution-card{display:flex;align-items:center;gap:18px;text-align:left;padding:20px}
	#solutions .solution-icon{margin:0;flex-shrink:0}
	#solutions .solution-card h3{margin-bottom:6px}
}

/* why */
#why{background:#f6f8fc}
#why .why-inner{display:flex;justify-content:space-between;align-items:center;gap:56px}
#why .why-text{flex:1;max-width:560px}
#why .why-title{font-size:2.5rem;font-weight:800;color:rgb(var(--rgb-color-base));letter-spacing:-.02em;margin:0 0 16px}
#why .why-desc{font-size:1.1rem;line-height:1.7;color:var(--text-muted);margin:0 0 32px}
#why .why-list{margin:0;padding:0;display:flex;flex-direction:column;gap:24px}
#why .why-list li{display:flex;align-items:flex-start;gap:16px}
#why .why-check{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:rgba(11,92,255,.12)}
#why .why-check img{width:16px;height:16px;display:block}
#why .why-list strong{display:block;font-size:1.1rem;font-weight:700;color:rgb(var(--rgb-color-base))}
#why .why-list p{font-size:.95rem;line-height:1.6;color:var(--text-muted);margin:4px 0 0}
#why .why-visual{flex:1;max-width:440px}
#why .why-visual img{width:100%;height:auto;display:block}
@media (max-width:768px){
	#why .why-inner{flex-direction:column-reverse;gap:40px}
	#why .why-text{max-width:none}
	#why .why-title{font-size:2rem}
	#why .why-visual{max-width:100%}
}

/* steps */
#steps .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#steps .step-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:20px;padding:40px 28px;overflow:hidden}
#steps .step-num{font-size:3rem;font-weight:800;line-height:1;color:rgba(11,92,255,.16);margin-bottom:18px}
#steps .step-card h3{font-size:1.3rem;font-weight:700;color:rgb(var(--rgb-color-base));margin:0 0 10px}
#steps .step-card p{font-size:.98rem;line-height:1.7;color:var(--text-muted);margin:0}
#steps .step-card::after{content:"";position:absolute;left:28px;right:28px;top:0;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,rgb(var(--rgb-color-primary)),#6A5CFF)}
@media (max-width:768px){
	#steps .steps-grid{grid-template-columns:repeat(1,1fr);gap:16px}
	#steps .step-card{padding:32px 24px}
}

/* security */
.home-security{background:#f6f8fc}
.home-security .security-inner{max-width:760px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--border);border-radius:24px;padding:56px 40px;box-shadow:0 12px 32px rgba(24,24,25,.05)}
.home-security .security-badge{display:flex;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 24px;border-radius:24px;background:rgba(11,92,255,.1)}
.home-security .security-badge img{width:42px;height:42px;display:block}
.home-security .security-inner h2{font-size:2rem;font-weight:800;color:rgb(var(--rgb-color-base));margin:0 0 12px}
.home-security .security-inner p{font-size:1.05rem;line-height:1.7;color:var(--text-muted);margin:0 0 32px}
.home-security .security-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:0}
.home-security .security-tags li{padding:10px 20px;border-radius:999px;background:#f6f8fc;border:1px solid var(--border);font-size:.95rem;font-weight:500;color:rgb(var(--rgb-color-base))}
@media (max-width:768px){
	.home-security .security-inner{padding:40px 22px}
	.home-security .security-inner h2{font-size:1.7rem}
}

/* faq */
.home-faq .faq-wrap{max-width:820px;margin:2.5rem auto 0;background:#fff;border:1px solid var(--border);border-radius:20px;padding:12px 32px;box-shadow:0 12px 32px rgba(24,24,25,.05)}
#faqsu-faq-list{}
#faqsu-faq-list .faqsu-faq-single{border-bottom:1px solid var(--border);padding:20px 0;}
#faqsu-faq-list .faqsu-faq-single:last-child{border-bottom:none;}
#faqsu-faq-list .faqsu-faq-question{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 10px;}
#faqsu-faq-list .faqsu-faq-answare{font-size:.95rem;color:var(--text-muted);line-height:1.7;margin:0;}
@media (max-width:768px){
	.home-faq .faq-wrap{padding:8px 20px}
	#faqsu-faq-list .faqsu-faq-single{padding:16px 0;}
	#faqsu-faq-list .faqsu-faq-question{font-size:.95rem;}
}
