*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;background-color:#f8f9fc;color:#1e2a3a;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.hero{background:linear-gradient(135deg,#0b1a2e 0%,#1a314d 100%);color:#fff;padding:80px 0 70px;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;right:-120px;top:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(247,201,72,0.08) 0%,transparent 70%);border-radius:50%}
.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
.hero h1{font-size:44px;font-weight:800;line-height:1.2;margin-bottom:20px}
.hero h1 span{color:#f7c948}
.hero p{font-size:18px;opacity:0.85;margin-bottom:30px;max-width:520px}
.hero .btn-group{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 40px;border-radius:40px;font-weight:700;font-size:16px;transition:all 0.3s;border:none;cursor:pointer}
.btn-primary{background:#f7c948;color:#0b1a2e}
.btn-primary:hover{background:#e6b83a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(247,201,72,0.35)}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.4)}
.btn-outline:hover{border-color:#f7c948;background:rgba(247,201,72,0.1)}
.hero-image-placeholder{border-radius:20px;padding:30px;text-align:center;border:1px dashed rgba(255,255,255,0.2);min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.hero-image-placeholder .img{width:100%;height:100%;border:2px #FFF solid;border-radius:15px;}
.hero-image-placeholder i{font-size:72px;color:#f7c948;opacity:0.6;margin-bottom:16px}
.hero-image-placeholder p{font-size:14px;opacity:0.6;margin:0}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:34px;font-weight:800;color:#0b1a2e;margin-bottom:10px}
.section-title h2 span{color:#f7c948}
.section-title p{color:#6b7a8f;font-size:17px;max-width:600px;margin:0 auto}
.advantages{padding:80px 0 60px;background:#fff}
.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.advantage-card{background:#f8f9fc;border-radius:16px;padding:32px 24px;text-align:center;transition:all 0.3s;border:1px solid transparent}
.advantage-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,0.06);border-color:#f7c948}
.advantage-card .icon{font-size:40px;color:#f7c948;margin-bottom:16px}
.advantage-card .icon i{font-size: 28px !important;}
.advantage-card h3{font-size:19px;font-weight:700;margin-bottom:10px}
.advantage-card p{color:#6b7a8f;font-size:15px}
.cases{padding:80px 0;background:#f8f9fc}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.case-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.05);transition:all 0.3s}
.case-item:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,0.10)}
.case-item .case-img{width:100%;height:200px;background:#e9edf4;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6b7a8f;position:relative;overflow:hidden}
.case-item .case-img img{width:100%;height:100%;object-fit:cover}

.case-img .mock-label{position:absolute;bottom:12px;left:12px;background:rgba(11,26,46,0.75);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(4px)}
.case-item .case-body{padding:20px 22px 24px}
.case-item .case-body h4{font-size:17px;font-weight:700;margin-bottom:6px}
.case-item .case-body p{color:#6b7a8f;font-size:14px;margin-bottom:10px}
.case-item .case-body .tag{display:inline-block;background:#f7c94820;color:#0b1a2e;font-size:12px;font-weight:600;padding:2px 14px;border-radius:20px}
.process{padding:80px 0;background:#fff}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.process-step{text-align:center;position:relative}
.process-step .step-number{width:56px;height:56px;background:#f7c948;color:#0b1a2e;font-size:22px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.process-step h4{font-size:17px;font-weight:700;margin-bottom:6px}
.process-step p{color:#6b7a8f;font-size:14px}
.testimonials{padding:60px 0 80px;background:#f8f9fc}
.testimonials .container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.testimonials .left h2{font-size:32px;font-weight:800;margin-bottom:12px}
.testimonials .left h2 span{color:#f7c948}
.testimonials .left p{color:#6b7a8f;font-size:17px}
.testimonial-cards{display:flex;flex-direction:column;gap:20px}
.testimonial-card{background:#fff;border-radius:14px;padding:20px 26px;box-shadow:0 2px 12px rgba(0,0,0,0.04);border-left:4px solid #f7c948}
.testimonial-card .quote{font-style:italic;color:#1e2a3a;font-size:15px}
.testimonial-card .source{margin-top:8px;font-weight:600;font-size:14px;color:#f7c948}
.cta{padding:60px 0;background:#0b1a2e;color:#fff;text-align:center}
.cta h2{font-size:32px;font-weight:800;margin-bottom:10px}
.cta h2 span{color:#f7c948}
.cta p{opacity:0.75;font-size:17px;margin-bottom:28px}
.cta .btn-primary{font-size:18px;padding:16px 56px}
.footer{background:#08131f;color:rgba(255,255,255,0.6);padding:40px 0 24px;font-size:14px}
.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}
.footer .brand-footer{font-size:20px;font-weight:700;color:#fff}
.footer .brand-footer span{color:#f7c948}
.footer .footer-links{display:flex;gap:30px;flex-wrap:wrap}
.footer .footer-links a{transition:color 0.2s}
.footer .footer-links a:hover{color:#f7c948}
.footer .copyright{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,0.06);margin-top:24px;width:100%;font-size:13px}
@media (max-width:1024px){.advantages-grid{grid-template-columns:repeat(2,1fr)}
.cases-grid{grid-template-columns:repeat(2,1fr)}
.process-steps{grid-template-columns:repeat(2,1fr)}
}@media (max-width:768px){.hero .container{grid-template-columns:1fr;text-align:center}
.hero h1{font-size:32px}
.hero p{margin:0 auto 24px}
.hero .btn-group{justify-content:center}
.main-nav ul{gap:16px;font-size:14px}
.main-nav .logo{font-size:20px}
.advantages-grid{grid-template-columns:1fr}
.cases-grid{grid-template-columns:1fr}
.process-steps{grid-template-columns:1fr}
.testimonials .container{grid-template-columns:1fr}
.top-bar .container{flex-direction:column;gap:6px;text-align:center}
.section-title h2{font-size:28px}
}@media (max-width:480px){.main-nav ul{gap:10px;font-size:13px;flex-wrap:wrap;justify-content:center}
.hero h1{font-size:26px}
.btn{padding:12px 28px;font-size:14px}
}