#main-banner{position:relative;padding:70px 0 100px;background:linear-gradient(135deg,#fffbeb 0,#fef3c7 50%,#fde68a 100%);overflow:hidden}
#main-banner::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,213,30,.15),transparent 70%)}
#main-banner::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(230,168,0,.1),transparent 70%)}
#main-banner .container{display:flex;align-items:center;gap:60px;position:relative;z-index:1}
#main-banner .btn-group{display:flex;justify-content:start;align-items:center;gap:16px;flex-wrap:wrap}
#main-banner .btn-group .default-btn{font-size:18px;font-weight:700;line-height:1.7;padding:14px 40px}
#main-banner .lft{flex:1}
#main-banner .lft h1{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;color:#1a1a2e}
#main-banner .lft h1 span{color:#e6a800}
#main-banner .lft p{font-size:18px;color:#555;margin-bottom:32px;max-width:520px}
#main-banner .rgt{flex:1;display:flex;justify-content:center}
#main-banner .rgt .mockup{width:100%;max-width:480px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.12);padding:30px}
#main-banner .rgt .mockup-header{display:flex;gap:8px;margin-bottom:20px}
#main-banner .rgt .mockup-dot{width:12px;height:12px;border-radius:50%}
#main-banner .rgt .mockup-dot:first-child{background:#ff6b6b}
#main-banner .rgt .mockup-dot:nth-child(2){background:#ffd93d}
#main-banner .rgt .mockup-dot:nth-child(3){background:#6bcb77}
#main-banner .rgt .mockup-body{display:flex;flex-direction:column;gap:16px}
#main-banner .rgt .mockup-lang{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fffdf5;border-radius:12px;font-size:16px;color:#333}
#main-banner .rgt .mockup-lang .flag{font-size:22px}
#main-banner .rgt .mockup-arrow{text-align:center;font-size:24px;color:#e6a800}
#main-banner .rgt .mockup-result{padding:14px 18px;background:linear-gradient(135deg,#ffd51e,#e6a800);border-radius:12px;color:#1a1a2e;font-size:16px}
@media (max-width: 969px) {
    #main-banner .container{flex-direction:column;text-align:center}
    #main-banner .lft p{margin-left:auto;margin-right:auto}
    #main-banner .lft .btn-group{justify-content:center}
}
@media (max-width: 768px) {
    #main-banner .lft h1{font-size:36px}
}


#stats-banner{padding:60px 0;text-align:center;border-bottom:1px solid #f0f0f0}
#stats-banner .container{display:flex;justify-content:center;gap:80px;flex-wrap:wrap;}
#stats-banner .item .number{font-size:40px;font-weight:800;color:#e6a800}
#stats-banner .item .label{font-size:16px;color:#777;margin-top:4px}
@media (max-width: 969px) {
    #stats-banner .container{gap:40px}
}


#features-banner{padding:100px 0;background:#fffdf7}
#features-banner .card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#features-banner .card{background:#fff;border-radius:16px;padding:36px 28px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s;border:1px solid #f0f0f5}
#features-banner .card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.1)}
#features-banner .card .icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px}
#features-banner .card .icon.blue{background:#fef9e7;color:#e6a800}
#features-banner .card .icon.purple{background:#f3e8ff;color:#7c3aed}
#features-banner .card .icon.green{background:#ecfdf5;color:#10b981}
#features-banner .card .icon.orange{background:#fff7ed;color:#f59e0b}
#features-banner .card .icon.pink{background:#fdf2f8;color:#ec4899}
#features-banner .card .icon.cyan{background:#ecfeff;color:#06b6d4}
#features-banner .card h3{font-size:18px;font-weight:600;margin-bottom:10px}
#features-banner .card p{font-size:15px;color:#666;line-height:1.6}
@media (max-width:969px){
    #features-banner .card-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
    #features-banner .card-list{grid-template-columns:1fr}
}


#use-banner{padding:100px 0;background:#fff}
#use-banner .steps{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;counter-reset:step}
#use-banner .steps .step{flex:1;min-width:220px;max-width:280px;text-align:center;position:relative}
#use-banner .steps .step::before{counter-increment:step;content:counter(step);width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ffd51e,#e6a800);color:#1a1a2e;font-size:21px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
#use-banner .steps .step h3{font-size:18px;font-weight:600;margin-bottom:8px}
#use-banner .steps .step p{font-size:15px;color:#666}


#scenarios-banner{padding:100px 0;background:#fffdf7}
#scenarios-banner .card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
#scenarios-banner .card-list .card{display:flex;gap:20px;padding:28px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid #f0f0f5;transition:transform .3s}
#scenarios-banner .card-list .card:hover{transform:translateY(-4px)}
#scenarios-banner .card-list .card .icon{font-size:32px;flex-shrink:0}
#scenarios-banner .card-list .card h3{font-size:18px;font-weight:600;margin-bottom:6px}
#scenarios-banner .card-list .card p{font-size:15px;color:#666}
#scenarios-banner .card-list .card a{color:rgb(var(--rgb-color-primary))}
@media (max-width: 969px) {
    #scenarios-banner .card-list{grid-template-columns: 1fr}
}


#reviews-banner{padding:100px 0;background:#fff}
#reviews-banner .card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#reviews-banner .card-list .card{background:#fffdf7;border-radius:16px;padding:28px;border:1px solid #fef3c7}
#reviews-banner .card-list .card .stars{color:#f59e0b;font-size:16px;margin-bottom:12px}
#reviews-banner .card-list .card .quote{font-size:15px;color:#555;margin-bottom:18px;font-style:italic}
#reviews-banner .card-list .card .author{display:flex;align-items:center;gap:12px}
#reviews-banner .card-list .card .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ffd51e,#e6a800);display:flex;align-items:center;justify-content:center;color:#1a1a2e;font-weight:700;font-size:15px}
#reviews-banner .card-list .card .name{font-weight:600;font-size:15px}
#reviews-banner .card-list .card .role{font-size:12px;color:#888}
@media (max-width: 969px) {
    #reviews-banner .card-list{grid-template-columns:1fr}
}


#cta-banner{padding:100px 0;background:linear-gradient(135deg,#ffd51e,#e6a800);text-align:center;color:#1a1a2e;position:relative;overflow:hidden}
#cta-banner::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.05)}
#cta-banner .module-desc{margin-bottom:32px}
#cta-banner .btn-group{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
#cta-banner .btn-group .default-btn{font-size:18px;font-weight:700;line-height:1.7;padding:14px 40px;background:#fff}
#cta-banner .btn-group .default-btn::before{display:none}
#cta-banner .btn-group .default-btn:hover{color:rgb(var(--rgb-color-primary))}