*,*::before,*::after{box-sizing:border-box}
body{font-family:'Helvetica Neue',Arial,sans-serif;color:#2c3e50;line-height:1.7;margin:0;padding:0;background-color:#f4f8fb}
.hero-banner{background:linear-gradient(135deg,#0f3156 0%,#005a9c 100%);color:#ffffff;padding:70px 20px;text-align:center;border-bottom:5px solid #00a8cc}
.banner-container{max-width:1000px;margin:0 auto}
.banner-tag{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#00a8cc;font-weight:bold;display:block;margin-bottom:12px}
.hero-banner h1{font-size:34px;margin:0 0 15px 0;font-weight:700;letter-spacing:0.5px}
.hero-banner p{font-size:17px;margin:0 auto 30px auto;max-width:800px;color:#e0f2fe;font-weight:300}
.banner-img-specimen{background:rgba(255,255,255,0.07);border:2px dashed rgba(255,255,255,0.25);padding:25px;text-align:center;font-size:13px;color:#cbd5e1;border-radius:6px;max-width:850px;margin:0 auto}
.main-container{max-width:1100px;margin:50px auto;padding:0 20px}
.global-intro{font-size:16px;color:#4a5568;margin-bottom:45px;padding-left:20px;border-left:5px solid #005a9c;line-height:1.8}
.solution-card{background-color:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:35px;margin-bottom:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.02),0 2px 4px -1px rgba(0,0,0,0.01);transition:transform 0.2s ease,box-shadow 0.2s ease}
.solution-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -3px rgba(0,0,0,0.04)}
.placeholder-card{background-color:#fafcfe;border:1px dashed #b3d4ec}
.card-header{border-bottom:2px solid #f1f5f9;padding-bottom:15px;margin-bottom:25px}
.solution-index{font-size:12px;color:#00a8cc;text-transform:uppercase;font-weight:800;display:block;margin-bottom:5px;letter-spacing:1.5px}
.card-header h2{font-size:23px;color:#005a9c;margin:0;font-weight:600}
.scen-text{color:#64748b;margin:8px 0 0 0;font-size:14px;font-style:italic}
.tech-list-table{width:100%;border-collapse:collapse;margin-top:15px}
.tech-list-table td{padding:14px 16px;vertical-align:top;border-bottom:1px solid #f8fafc}
.tech-list-table tr:last-child td{border-bottom:none}
.bullet-point{color:#00a8cc;font-weight:bold;font-size:16px;width:35px;text-align:center;user-select:none}
.content-point{color:#334155;font-size:15px}
.content-point strong{color:#0f172a;font-weight:600}
.web-image-box{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:22px;text-align:center;color:#64748b;font-size:13px;margin-top:30px}
.web-image-box span{color:#005a9c;font-weight:bold;display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px}
.expansion-tip{color:#005a9c;font-weight:bold;font-size:14px;margin-bottom:8px}
.expansion-desc{color:#475569;font-size:14px;margin:0}
.dev-status{display:inline-block;margin-top:15px;background-color:#e0f2fe;color:#0369a1;font-size:12px;padding:4px 12px;border-radius:4px;font-weight:500}
.site-footer{text-align:center;margin:70px 0 40px 0;padding-top:25px;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:13px;letter-spacing:0.5px}
.container{max-width:unset}