.hero{color:#fff;background:linear-gradient(90deg,#020617,#0f172a);justify-content:space-between;align-items:center;height:75vh;padding:80px;display:flex;overflow:hidden}.hero-left{width:50%}.hero-left h1{font-size:64px;font-weight:700;line-height:1.2}.hero-left p{color:#94a3b8;max-width:500px;margin:20px 0;font-size:16px}.hero-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;margin-top:10px;padding:14px 28px}.hero-btn:hover{background:#2563eb}.hero-trust{gap:20px;margin-top:30px;font-size:14px;display:flex}.hero-right{justify-content:center;align-items:flex-end;width:50%;height:600px;display:flex;position:relative}.hero-img{z-index:2;width:420px;position:absolute;bottom:0;left:20%;transform:translate(-50%)}.hero-card{background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;width:260px;padding:15px 20px;display:flex;position:absolute}.hero-card p{color:#94a3b8;font-size:13px}.hero-card h3{font-size:22px}.icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;display:flex}.green{background:#22c55e}.orange{background:#f97316}.blue{background:#3b82f6}.card1{top:140px;right:40px}.card2{top:240px;right:20px}.card3{top:340px;right:40px}@media (max-width:768px){.hero{text-align:center;flex-direction:column;gap:20px;height:auto;padding:40px 20px 20px}.hero-left{width:100%}.hero-left h1{font-size:30px;line-height:1.3}.hero-left p{max-width:100%;margin:15px 0;font-size:14px}.hero-btn{width:100%;padding:12px}.hero-trust{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px}.hero-right{flex-direction:column;gap:12px;width:100%;margin-top:-160px;display:flex}.hero-img{display:none}.hero-card{border-radius:12px;width:100%;margin:0;padding:15px;position:relative}.card1,.card2,.card3{top:unset;right:unset}}
.works{background:#f1f5f9;padding:80px}.works-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.works-header h2{color:#0f172a;font-size:42px;font-weight:700;line-height:1.2}.works-header h2 span{color:#64748b}.works-header button{color:#fff;background:#2563eb;border:none;border-radius:8px;padding:12px 20px}.works-header button:hover{background:#1d4ed8}.works-container{gap:30px;display:flex}.works-left{flex-direction:column;gap:15px;width:25%;display:flex}.works-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px;transition:all .3s}.works-item:hover{border-color:#2563eb}.works-item.active{background:#eef2ff;border:2px solid #2563eb}.works-item h4{color:#0f172a;font-size:16px}.works-item p{color:#64748b;font-size:13px}.works-right{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:75%;padding:40px;box-shadow:0 10px 30px #0000000d}.works-right h3{color:#0f172a;margin-bottom:10px;font-size:26px;font-weight:600}.works-right p{color:#475569;margin-bottom:20px;line-height:1.6}.works-points{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.works-points span{color:#334155;background:#e2e8f0;border-radius:20px;padding:8px 14px;font-size:13px}.works-btn{color:#fff;background:#2563eb;border:none;border-radius:10px;padding:12px 22px;font-weight:500}.works-btn:hover{background:#1d4ed8}@media (max-width:768px){.works{padding:40px 20px}.works-header{text-align:center;flex-direction:column;align-items:center;gap:15px}.works-header h2{font-size:26px;line-height:1.3}.works-header button{width:100%}.works-container{flex-direction:column;gap:20px}.works-left{flex-direction:row;gap:10px;width:100%;padding-bottom:10px;overflow-x:auto}.works-left::-webkit-scrollbar{display:none}.works-item{flex-shrink:0;min-width:220px;padding:14px}.works-item h4{font-size:14px}.works-item p{font-size:12px}.works-right{border-radius:14px;width:100%;padding:20px}.works-right h3{font-size:20px}.works-right p{font-size:14px}.works-points{gap:8px}.works-points span{padding:6px 10px;font-size:12px}.works-btn{width:100%;padding:12px}}
.process{color:#fff;background:linear-gradient(90deg,#020617,#0f172a);padding:80px}.process-top{justify-content:space-between;align-items:flex-start;margin-bottom:60px;display:flex}.process-sub{color:#3b82f6;margin-bottom:10px}.process-top h2{font-size:42px;font-weight:700}.process-right-text{max-width:350px;margin-top:40px}.process-right-text p{color:#94a3b8;margin-bottom:15px}.process-right-text button{color:#fff;background:#2563eb;border:none;border-radius:10px;padding:12px 22px}.process-right-text button:hover{background:#1d4ed8}.process-cards{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.process-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:25px;transition:all .3s}.process-card:hover{border-color:#3b82f6}.icon-box{color:#3b82f6;background:#3b82f633;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;font-size:20px;display:flex}.process-card h3{margin-bottom:10px;font-size:18px}.process-card p{color:#94a3b8;font-size:14px}.process-cards .process-card:nth-child(4),.process-cards .process-card:nth-child(5){grid-column:span 1}@media (max-width:768px){.process{padding:40px 20px}.process-top{text-align:center;flex-direction:column;gap:20px}.process-top h2{font-size:26px;line-height:1.3}.process-right-text{max-width:100%;margin-top:0}.process-right-text p{font-size:14px}.process-right-text button{width:100%;padding:12px}.process-cards{grid-template-columns:1fr;gap:15px}.process-card{text-align:center;border-radius:12px;padding:18px}.icon-box{width:45px;height:45px;margin:0 auto 10px;font-size:18px}.process-card h3{font-size:16px}.process-card p{font-size:13px}.process-cards .process-card:nth-child(4),.process-cards .process-card:nth-child(5){grid-column:span 1}}
.choose{background:#f1f5f9;padding:80px}.choose-top{justify-content:space-between;align-items:flex-start;margin-bottom:50px;display:flex}.choose-sub{color:#3b82f6;margin-bottom:10px}.choose-top h2{color:#0f172a;font-size:42px;font-weight:700}.choose-top h2 span{color:#64748b}.choose-right-text{max-width:350px;margin-top:40px}.choose-right-text p{color:#475569}.choose-grid{background:#e2e8f0;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px;display:grid}.choose-card{background:#f8fafc;border-radius:16px;padding:25px;transition:all .3s}.choose-card:hover{transform:translateY(-5px)}.choose-icon{color:#3b82f6;margin-bottom:15px;font-size:22px}.choose-card h3{color:#0f172a;margin-bottom:10px;font-size:18px}.choose-card p{color:#64748b;font-size:14px}.choose-btn-wrap{text-align:center;margin-top:40px}.choose-btn-wrap button{color:#fff;background:#2563eb;border:none;border-radius:10px;padding:14px 28px}.choose-btn-wrap button:hover{background:#1d4ed8}@media (max-width:768px){.choose{padding:40px 20px}.choose-top{text-align:center;flex-direction:column;gap:20px}.choose-top h2{font-size:26px;line-height:1.3}.choose-right-text{max-width:100%;margin-top:0}.choose-right-text p{font-size:14px}.choose-grid{grid-template-columns:1fr;gap:15px;padding:15px}.choose-card{text-align:center;border-radius:12px;padding:18px}.choose-icon{margin-bottom:10px;font-size:20px}.choose-card h3{font-size:16px}.choose-card p{font-size:13px}.choose-btn-wrap button{width:100%;padding:12px}}
.tech{background:#f1f5f9;padding:80px}.tech-top{justify-content:space-between;margin-bottom:30px;display:flex}.tech-sub{color:#3b82f6;margin-bottom:10px}.tech-top h2{color:#0f172a;font-size:40px;font-weight:700}.tech-top span{color:#64748b}.tech-right{color:#475569;max-width:350px;margin-top:40px}.tech-tabs{flex-wrap:wrap;gap:10px;margin:25px 0;display:flex}.tech-tabs button{color:#0f172a;background:#fff;border:1px solid #cbd5f5;border-radius:20px;padding:10px 18px}.tech-tabs .active{color:#fff;background:#2563eb}.tech-card:hover .tech-icon{transform:scale(1.1)}.tech-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.tech-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:25px;transition:all .3s}.tech-card:hover{border-color:#2563eb;transform:translateY(-5px)}.tech-icon{color:#2563eb;margin-bottom:10px;font-size:35px}.tech-card p{color:#0f172a;font-weight:500}.tech-btn{text-align:center;margin-top:30px}.tech-btn button{color:#fff;background:#2563eb;border:none;border-radius:10px;padding:14px 28px}@media (max-width:768px){.tech{padding:40px 20px}.tech-top{text-align:center;flex-direction:column;gap:15px}.tech-top h2{font-size:26px;line-height:1.3}.tech-right{max-width:100%;margin-top:0;font-size:14px}.tech-tabs{flex-wrap:nowrap;gap:8px;padding-bottom:10px;overflow-x:auto}.tech-tabs::-webkit-scrollbar{display:none}.tech-tabs button{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:13px}.tech-grid{grid-template-columns:repeat(2,1fr);gap:15px}.tech-card{border-radius:12px;padding:18px}.tech-icon{font-size:28px}.tech-card p{font-size:13px}.tech-btn button{width:100%;padding:12px}}