@keyframes pulse-expand{0%{transform:scale(1);opacity:.5}100%{transform:scale(2);opacity:0}}

#hero-section{position:relative;padding:140px 0 250px;overflow:hidden;color:#fff;margin:-72px 0 0}
#hero-section .bg{width:100%;height:100%;background:-webkit-linear-gradient(135deg,#eb4eb1,#9257f9 50.46%,#3150ed);background:linear-gradient(315deg,#eb4eb1,#9257f9 50.46%,#3150ed);position:absolute;top:0;left:0;z-index:0}
#hero-section .bg .circle{position:absolute;border-radius:50%}
#hero-section .bg .circle1{width:3.5rem;height:3.5rem;top:53%;right:48%;background:#443ee4;opacity:.5}
#hero-section .bg .circle2{width:3.5rem;height:3.5rem;top:48%;right:6%;background:-webkit-linear-gradient(220deg,#eb4eb1,#9257f9 50.46%,#3150ed);background:linear-gradient(230deg,#eb4eb1,#9257f9 50.46%,#3150ed)}
#hero-section .bg .circle3{width:9.2rem;height:9.2rem;top:18%;right:8%;background:#8956f7}
#hero-section .bg .circle4{width:37.4rem;height:35rem;top:55%;left:46%;opacity:.05;background:#fff}
#hero-section .bg .circle5{width:2.2rem;height:2.2rem;top:75%;left:30%;background:#6b86fd;opacity:.3}
#hero-section .bg .wave{display:block;width:100%;height:15rem;position:absolute;right:0;z-index:2;bottom:-.03221rem}
#hero-section .hero-inner{display:flex;align-items:center;gap:40px}
#hero-section .hero-content{flex:1;text-align:center}
#hero-section .hero-title{font-size:3.5rem;font-weight:800;line-height:1.15}
#hero-section .hero-sub{display:inline-flex;align-items:start;gap:6px;margin:16px 0 0;font-size:1.4rem}
#hero-section .hero-sub img{flex-shrink:0;margin-top:6px}
#hero-section .hero-stats{display:flex;justify-content:center;align-items:center;gap:28px;margin:28px 0 0;list-style:none;padding:0}
#hero-section .hero-stats li{width:130px;height:130px;border-radius:50%;border:3px solid #fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.9rem}
#hero-section .hero-stats strong{font-size:2.25rem;font-weight:800}
#hero-section .hero-stats span{display:block;font-size:1rem}
#hero-section .btn-group{justify-content:center;margin:62px 0 0}
#hero-section .default-btn{padding:16px 32px;font-size:1.6rem;font-weight:700;background:#fff;color:rgb(var(--rgb-color-primary));border-radius:999px}
#hero-section .hero-visual{flex:1;display:flex;justify-content:center;align-items:center}
#hero-section .hero-phone-wrap{position:relative;max-width:594px}
#hero-section .hero-phone-img{width:100%;height:auto;display:block}
#hero-section .hero-pulse{position:absolute;left:18%;top:55%;width:12.4%;aspect-ratio:1/1;transform:translate(-50%,-50%)}
#hero-section .pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(0,185,250,.3);left:0;top:0;animation:pulse-expand 2.5s ease-out infinite}
#hero-section .pulse-ring:nth-child(2){animation-delay:.7s}
#hero-section .pulse-ring:nth-child(3){animation-delay:1.4s}
#hero-section .pulse-core{width:100%;height:100%;border-radius:50%;background:#00b9fa;color:#fff;font-size:.7rem;font-weight:300;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 4px 20px rgba(0,185,250,.4)}
@media (max-width:768px){
	#hero-section{padding:120px 0 60px;margin:-60px 0 0}
	#hero-section .hero-inner{flex-direction:column;text-align:center}
	#hero-section .hero-content{max-width:100%}
	#hero-section .hero-title{font-size:2.25rem}
	#hero-section .hero-sub{justify-content:center}
	#hero-section .hero-stats{justify-content:space-around;gap:6px;flex-wrap:wrap}
	#hero-section .hero-stats li{width:110px;height:110px}
	#hero-section .hero-visual{margin-top:32px}
	#hero-section .pulse-core{font-size:.5rem}
}


.intro-section .intro-inner{display:flex;align-items:center;gap:60px}
.intro-section .intro-inner.reverse{flex-direction:row-reverse}
.intro-section .intro-text{flex:1}
.intro-section .intro-text .section-title{text-align:left}
.intro-section .intro-text .section-desc{text-align:left;margin-top:1.5rem;color:#333;opacity:.5}
.intro-section .intro-media{flex:1;display:flex;justify-content:center;align-items:center}
.intro-section .intro-media img{width:100%;height:auto;display:block}
@media (max-width:768px){
	.intro-section .intro-inner,.intro-section .intro-inner.reverse{flex-direction:column}
	.intro-section .intro-text .section-title,.intro-section .intro-text .section-desc{text-align:center}
}


#reviews-section .reviews-viewport{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -12px;padding:8px 12px 16px}
#reviews-section .reviews-viewport::-webkit-scrollbar{display:none}
#reviews-section .reviews-track{display:flex;gap:24px;align-items:stretch}
#reviews-section .review-card{flex:0 0 calc((100% - 48px) / 3);min-height:260px;display:flex;flex-direction:column;background:#f7f9ff;border:1px solid #eaecee;border-radius:20px;padding:22px 24px 20px}
#reviews-section .review-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
#reviews-section .review-stars{font-size:18px;line-height:1;letter-spacing:2px;background:linear-gradient(110deg,#9257f9,#eb4eb1);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
#reviews-section .review-card time{font-size:13px;color:#9ca3af}
#reviews-section .review-text{flex:1;margin:0;font-size:15px;line-height:1.75;color:rgba(13,13,13,.72)}
#reviews-section .review-author{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f3f5}
#reviews-section .review-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,#e8e5ff,#fde8f4);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#7c3aed}
#reviews-section .review-meta{display:flex;flex-direction:column;gap:4px;text-align:left}
#reviews-section .review-meta strong{font-size:15px;font-weight:700;color:rgba(13,13,13,.9)}
#reviews-section .review-meta span{font-size:13px;color:#9ca3af}
#reviews-section .reviews-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:8px}
#reviews-section .reviews-nav button{width:44px;height:44px;border-radius:50%;border:1px solid #d1d5db;background:#fff;color:rgba(13,13,13,.75);font-size:18px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,color .2s;display:flex;align-items:center;justify-content:center;padding:0}
#reviews-section .reviews-nav button:hover{border-color:#9257f9;color:#9257f9;background:#faf8ff}
#reviews-section .reviews-nav button:focus-visible{outline:2px solid #9257f9;outline-offset:2px}
@media (max-width:992px){
	#reviews-section .review-card{flex:0 0 calc((100% - 24px) / 2)}
}
@media (max-width:576px){
	#reviews-section .review-card{flex:0 0 min(340px,calc(100vw - 56px))}
}
