.container{max-width:1320px;margin:0 auto;padding:0 20px}.earth-placeholder,.image-placeholder,.logo-placeholder{border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#666;font-size:14px}.logo-placeholder{width:100px;height:40px}.earth-placeholder{width:100%;height:500px;border-radius:15px}.hero-section{height:80vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#dffee2;background:url(/image/j-bg.png) center/cover no-repeat}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}.hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 20px;width:100%}.hero-logo{margin-bottom:30px}.hero-content h1{font-size:4rem;font-weight:700;margin-bottom:20px;line-height:1.1}.hero-content p{font-size:1.2rem;opacity:.9}.journey-section{padding:80px 0;background:#fff}.journey-content{display:-webkit-box;display:-ms-flexbox;display:flex;gap:60px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.journey-left{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.blue-card{background:#2e5bba;color:#fff;padding:30px;border-radius:8px;text-align:center;margin-bottom:20px}.blue-card h3{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:15px}.card-year{font-size:2rem;font-weight:700}.journey-image .image-placeholder{height:300px}.journey-right{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5}.journey-right h2{font-size:50px;padding:60px 0 30px;color:#000;font-weight:700}.journey-right p{margin-bottom:20px;line-height:1.7;color:#888}.text-part{padding:30px;background:#f3f5f7;border-radius:10px}.monitoring-section{padding:80px 0;background:#f8f9fa}.monitoring-content{display:-webkit-box;display:-ms-flexbox;display:flex}.monitoring-left{-webkit-box-flex:1.2;-ms-flex:1.2;flex:1.2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitoring-left .monitoring-left-box{background:#fff;padding:40px;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);position:relative;left:20px}.monitoring-left h3{font-size:2.5rem;margin-bottom:25px;color:#000}.monitoring-left p{margin-bottom:20px;line-height:1.7;color:#666}.monitoring-right{-webkit-box-flex:1;-ms-flex:1;flex:1}.teal-banner{background:#4a9b8e;color:#fff;padding:25px;border-radius:8px 8px 0 0;text-align:center}.teal-banner h4{font-size:1.1rem;font-weight:700;line-height:1.3}.monitoring-image .image-placeholder{height:200px;border-radius:0 0 8px 8px}.sectors-section{padding:80px 0;background:#fff}.sectors-section h2{text-align:center;font-size:2.5rem;margin-bottom:20px;color:#000}.sectors-subtitle{text-align:center;max-width:800px;margin:0 auto 60px auto;color:#666;font-size:1.1rem;line-height:1.6}.sectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.sector-card{background:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.sector-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card-image{position:relative;overflow:hidden}.card-tag{position:absolute;bottom:15px;left:0;padding:4px 10px;border-radius:0 6px 6px 0;font-size:.8rem;font-weight:700;color:#222;text-transform:uppercase;background:#85c7a3}.card-content{padding:25px}.card-content h4{font-size:1.3rem;margin-bottom:15px;color:#000}.card-content p{color:#666;line-height:1.6;margin-bottom:20px}.read-more{color:#3b7640;text-decoration:none;font-weight:700;-webkit-transition:color .3s ease;transition:color .3s ease}.read-more:hover{color:#29be35}.data-center-section{background:#fff;position:relative;padding-bottom:60px}.data-center-header h2{font-size:2.5rem;color:#fff}.data-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:40px;z-index:2}.data-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}.stat-item{text-align:left}.stat-number{font-size:2.5rem;font-weight:700;color:#4caf50;margin-bottom:5px}.stat-label{font-size:1rem;color:#fff;opacity:.9}.data-charts{background:rgba(255,255,255,.1);padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-title{font-size:1.1rem;margin-bottom:15px;color:#fff}.chart-bars{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:100px}.bar{width:20px;background:-webkit-gradient(linear,left bottom,left top,from(#4caf50),to(#81c784));background:linear-gradient(to top,#4caf50,#81c784);border-radius:2px;min-height:20px}@media (max-width:1024px){.hero-content h1{font-size:3rem}.journey-content,.monitoring-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}.journey-content .journey-left{display:none}.data-overlay{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;text-align:center}.journey-right h2{padding:0 0 20px}.monitoring-left .monitoring-left-box{left:0;padding:10px}.data-center-section{padding-bottom:30px}}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.container{padding:0 15px}.journey-section,.monitoring-section,.sectors-section{padding:30px 0}.sectors-grid{grid-template-columns:1fr}.data-overlay{padding:20px}.stat-number{font-size:2rem}}@media (max-width:480px){.hero-content h1{font-size:2rem}.data-center-header h2,.journey-right h2,.sectors-section h2{font-size:2rem}.monitoring-left{padding:0}.card-content{padding:20px}}