:root{
  --bg:#020812;
  --bg2:#06172d;
  --panel:rgba(255,255,255,.065);
  --line:rgba(255,255,255,.13);
  --text:#f4f8ff;
  --muted:#a9bdd6;
  --blue:#0a66ff;
  --cyan:#00d4ff;
  --white:#fff;
  --dark-text:#102033;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Arial,Helvetica,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
.container{width:min(1220px,90vw);margin:auto}
#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;background:radial-gradient(circle at 70% 20%,rgba(0,212,255,.16),transparent 28%),linear-gradient(135deg,#020812,#06172d 55%,#03101f)}
.grid-bg{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.45),transparent)}
.header{
  position:fixed;top:0;left:0;width:100%;z-index:50;
  background:rgba(2,8,18,.72);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.navbar{height:86px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:18px}
.brand-mark{
  width:74px;height:42px;border:1px solid rgba(0,212,255,.55);
  display:grid;place-items:center;border-radius:10px;
  color:#fff;font-weight:900;font-size:25px;letter-spacing:-2px;
  background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(10,102,255,.12));
  box-shadow:0 0 35px rgba(0,212,255,.12) inset;
}
.brand-text strong{display:block;font-size:18px;letter-spacing:1.5px;line-height:1;color:#fff}
.brand-text span{display:block;font-size:10px;letter-spacing:2.2px;color:var(--cyan);font-weight:800;margin-top:7px}
.nav{display:flex;gap:24px}
.nav a{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#dcecff;font-weight:800}
.nav a:hover,.nav .active{color:var(--cyan)}
.menu{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:before{
  content:"";position:absolute;right:-220px;top:120px;width:760px;height:760px;border:1px solid rgba(0,212,255,.18);border-radius:50%;
  box-shadow:0 0 120px rgba(0,212,255,.11) inset,0 0 120px rgba(0,102,255,.12);
}
.hero:after{
  content:"";position:absolute;right:8%;top:28%;width:380px;height:380px;
  background:conic-gradient(from 120deg,transparent,rgba(0,212,255,.22),transparent,rgba(10,102,255,.24),transparent);
  border-radius:50%;
  animation:spin 18s linear infinite;
  filter:blur(.2px);
  opacity:.8;
}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-inner{position:relative;z-index:2;padding-top:110px;max-width:980px}
.eyebrow{color:var(--cyan);font-size:14px;letter-spacing:4px;text-transform:uppercase;font-weight:900;margin-bottom:22px}
h1{font-size:clamp(48px,7.5vw,96px);line-height:.98;letter-spacing:-4px;margin-bottom:28px}
.hero p{font-size:clamp(18px,2vw,23px);max-width:780px;color:#c7d7ea;margin-bottom:34px}
.brand-full{font-size:24px;font-weight:900;color:#fff;letter-spacing:.4px;margin-top:28px}
.hero-line{width:130px;height:4px;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:99px;margin:28px 0}
.hero-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:55px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}
.metric{padding:24px 18px;background:rgba(255,255,255,.035)}
.metric b{display:block;font-size:15px;color:#fff;line-height:1.2}.metric span{display:block;color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:7px}
.section{padding:105px 0;position:relative}
.section.light{background:#eef5fb;color:var(--dark-text)}
.title{max-width:840px;margin-bottom:50px}.title.center{text-align:center;margin-left:auto;margin-right:auto}
.title .small{font-size:13px;color:var(--cyan);text-transform:uppercase;letter-spacing:3px;font-weight:900;margin-bottom:12px}
.light .title .small{color:var(--blue)}
.title h2{font-size:clamp(34px,4.6vw,58px);line-height:1.05;letter-spacing:-2px;margin-bottom:18px}
.title p{font-size:18px;color:#a9bdd6}.light .title p{color:#667891}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border-radius:24px;
  padding:30px;
  min-height:250px;
  position:relative;
  overflow:hidden;
  transition:.28s;
}
.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--cyan),var(--blue));opacity:.85}
.card:hover{transform:translateY(-8px);border-color:rgba(0,212,255,.45);box-shadow:0 24px 70px rgba(0,102,255,.18)}
.card .num{font-size:13px;color:var(--cyan);font-weight:900;letter-spacing:2.5px;margin-bottom:28px}
.card h3{font-size:21px;line-height:1.18;margin-bottom:14px;color:#fff}
.card p{font-size:15px;color:#b6c8dd}
.light .card{background:#fff;border:1px solid #d9e6f2;box-shadow:0 18px 44px rgba(7,27,52,.08)}
.light .card h3{color:#071b34}.light .card p{color:#657891}
.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.tech-panel{
  min-height:460px;border-radius:34px;border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
  position:relative;overflow:hidden;padding:40px;
}
.rig-css{position:absolute;right:38px;bottom:30px;width:330px;height:380px;opacity:.8}
.rig-css span{position:absolute;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 20px rgba(0,212,255,.25)}
.rig-css .mast{left:150px;top:0;width:8px;height:330px;transform:skew(-12deg)}
.rig-css .leg1{left:70px;top:40px;width:7px;height:330px;transform:rotate(18deg)}
.rig-css .leg2{left:230px;top:40px;width:7px;height:330px;transform:rotate(-18deg)}
.rig-css .deck{left:15px;top:255px;width:300px;height:9px}
.rig-css .base{left:0;top:345px;width:330px;height:10px}
.rig-css .cross1{left:70px;top:155px;width:180px;height:6px;transform:rotate(32deg)}
.rig-css .cross2{left:75px;top:155px;width:180px;height:6px;transform:rotate(-32deg)}
.list{display:grid;gap:14px;margin-top:24px}
.list div{padding:16px 18px;border-left:4px solid var(--cyan);background:rgba(255,255,255,.07);border-radius:12px;color:#dcecff}
.light .list div{background:#fff;color:#273b52;border:1px solid #dce8f3;border-left:4px solid var(--blue)}
.global-band{background:linear-gradient(135deg,#020812,#082c52);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.market-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:22px;align-items:stretch}
.market-main,.market{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.055);padding:32px}
.market-main h2{font-size:42px;line-height:1.05;margin-bottom:16px}.market-main p,.market p{color:#b9cce2}
.market strong{font-size:24px;color:#fff;display:block;margin-bottom:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.stat{padding:34px;text-align:center;border-radius:24px;background:#fff;border:1px solid #d9e6f2;box-shadow:0 18px 44px rgba(7,27,52,.08)}
.stat strong{display:block;font-size:42px;color:var(--blue);line-height:1}.stat span{color:#667891;font-weight:800}
.csr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.contact-box{border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:60px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.contact-box h2{font-size:44px;line-height:1.05;margin-bottom:12px}.contact-box p{color:#b9cce2}
.email{font-size:28px;font-weight:900;color:#8ee8ff;white-space:nowrap}
.footer{border-top:1px solid var(--line);padding:34px 0;color:#90a8c2;background:#020812}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.footer-brand strong{display:block;color:#fff;font-size:22px;letter-spacing:2px}.footer-brand span{color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:900}
.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:1080px){
  .nav{display:none;position:fixed;top:86px;left:0;right:0;background:#020812;padding:28px;flex-direction:column}.nav.open{display:flex}.menu{display:block}
  .services{grid-template-columns:repeat(2,1fr)}.split,.market-grid{grid-template-columns:1fr}.stats,.csr-grid{grid-template-columns:repeat(2,1fr)}.hero-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .brand-mark{width:62px}.brand-text strong{font-size:14px}.brand-text span{font-size:8px}.navbar{height:78px}.nav{top:78px}
  h1{letter-spacing:-2px}.hero-metrics,.services,.stats,.csr-grid{grid-template-columns:1fr}.section{padding:76px 0}.contact-box{display:block;padding:36px}.email{font-size:20px;white-space:normal}.rig-css{opacity:.25;right:-50px}
}