body{margin:0;font-family:Inter,system-ui;background:#0B1620;color:#E6F2FF;overflow-x:hidden}
.navbar{position:fixed;top:0;width:100%;background:rgba(11,22,32,0.92);backdrop-filter:blur(8px);z-index:100}
.nav-container{display:flex;justify-content:space-between;align-items:center;padding:12px 40px}
.logo{display:flex;align-items:center;gap:10px;color:#25B3FF;font-weight:700;font-size:18px}
.logo img{height:34px}
nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0}
nav a{text-decoration:none;color:#E6F2FF;font-weight:500;transition:.3s}
nav a:hover{color:#13E0FF}

.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(110%) saturate(108%)}
.overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,22,32,.35),rgba(11,22,32,.85))}
.hero-content{position:relative;z-index:2;padding:0 20px;max-width:900px}
.hero-content h1{font-size:clamp(40px,6vw,72px);font-weight:800;margin:0}
.accent{color:#13E0FF;text-shadow:0 0 20px rgba(19,224,255,.6)}
.hero-content p{font-size:18px;color:#9FB3C8;margin:16px 0 24px}
.btn{background:linear-gradient(90deg,#25B3FF,#13E0FF);color:#001018;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:600}

/* ABOUT */
.about-section{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:2.5vw;min-height:100vh;padding:80px 2.5vw;background:#0B1620}
.about-left h2{font-size:36px;margin-bottom:8px}
.about-left h3{font-size:22px;color:#25B3FF;margin-bottom:16px}
.about-left p{color:#9FB3C8;line-height:1.6;max-width:90%}
.about-center{display:flex;align-items:center;justify-content:center}
.sectors-video{width:100%;max-width:720px;border-radius:20px;box-shadow:0 0 60px rgba(0,0,0,.4);object-fit:contain}
.about-right h2{font-size:28px;margin-bottom:20px}
.sectors-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.sectors-list li{font-size:15px;line-height:1.5}

/* Responsive */
@media(max-width:1100px){
  .about-section{grid-template-columns:1fr;gap:40px;text-align:center}
  .about-left p{margin:0 auto}
  .about-right{margin-top:20px}
  .sectors-video{max-width:80vw}
}