*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#020617;color:#f8fafc}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#03111f;border-bottom:1px solid rgba(34,211,238,.12);position:sticky;top:0;z-index:1000}
.brand h3{margin:0;font-size:28px;letter-spacing:.02em}
.brand span{display:block;color:#22d3ee;font-size:14px;letter-spacing:.04em;margin-top:2px}
.links a{color:#e5e7eb;text-decoration:none;margin-left:20px;font-size:14px}
.links a:hover{color:#22d3ee}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:68px 8% 56px;align-items:center;min-height:82vh;background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.08),transparent 28%),linear-gradient(180deg,#020617,#030712)}
.hero h1{font-size:4.4rem;line-height:1.04;margin:20px 0 0;max-width:860px}
.hero-text{color:#cbd5e1;line-height:1.65;max-width:780px;font-size:1.05rem}
.hero-art img{width:100%;max-width:690px;display:block;margin:auto;filter:drop-shadow(0 0 24px rgba(34,211,238,.18))}
.hero-kicker{color:#22d3ee;font-size:1.15rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:16px 0 18px}
.pill,.eyebrow{display:inline-block;background:#14532d;color:#86efac;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em}
.eyebrow{background:transparent;color:#22d3ee;padding:0;border-radius:0}
.button-row{margin-top:24px}
.button,button{display:inline-block;background:#22d3ee;color:#03111f;text-decoration:none;border:none;padding:14px 24px;border-radius:30px;margin-right:10px;font-weight:800;cursor:pointer}
.secondary{background:transparent;border:1px solid #22d3ee;color:#22d3ee}
section{padding:66px 8%}
.section-header{margin-bottom:28px}
section h2{font-size:2.3rem;margin:8px 0 12px}
.section-subtitle{color:#94a3b8;max-width:980px;line-height:1.7;font-size:1.02rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#071426;border:1px solid #1e3a8a;padding:25px;border-radius:18px;color:#e5e7eb;box-shadow:0 0 0 rgba(34,211,238,0);transition:.25s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 0 22px rgba(34,211,238,.16)}
.card h3{margin-top:0;color:#f8fafc}
.card p{color:#94a3b8;line-height:1.6}
.pipeline-wrap{background:#071426;padding:30px;border-radius:22px;max-width:1280px;margin:30px auto 0;border:1px solid rgba(34,211,238,.35);box-shadow:0 0 34px rgba(34,211,238,.18)}
.pipeline-wrap img{width:100%;display:block;border-radius:12px}
.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}
.fleet-card{background:#071426;border:1px solid #1e3a8a;padding:25px;border-radius:20px;transition:.3s ease}
.fleet-card:hover{transform:translateY(-6px);box-shadow:0 0 28px rgba(34,211,238,.22)}
.fleet-card img{width:100%;height:310px;object-fit:cover;border-radius:15px;margin-bottom:20px}
.fleet-card p,.fleet-card li{color:#94a3b8;line-height:1.62}
.fleet-card ul{padding-left:20px}
.tag{padding:7px 11px;border-radius:20px;font-size:11px;font-weight:800;display:inline-block;margin-bottom:10px;letter-spacing:.06em}
.green{background:#14532d;color:#86efac}
.blue{background:#082f49;color:#67e8f9}
.simple-cards .card{font-weight:800;min-height:90px;display:flex;align-items:center}
.contact-section{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#05101d;border-top:1px solid rgba(34,211,238,.12);border-bottom:1px solid rgba(34,211,238,.12)}
.contact-line{color:#e5e7eb;line-height:1.7}
footer{text-align:center;padding:40px;background:#03111f;color:#94a3b8}
.geo{color:#22d3ee}
.sentinel-form {
  display: grid;
  gap: 12px;
  min-width: min(420px, 100%);
}

.sentinel-form input,
.sentinel-form select,
.sentinel-form textarea {
  width: 100%;
  border: 1px solid rgba(34, 211, 238, 0.25);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.85);
  color: #e5e7eb;
  padding: 12px 14px;
  font: inherit;
}

.sentinel-form textarea {
  min-height: 130px;
  resize: vertical;
}

.sentinel-form input::placeholder,
.sentinel-form textarea::placeholder {
  color: #94a3b8;
}

.sentinel-form select {
  color: #94a3b8;
}

.sentinel-form button {
  border: none;
  cursor: pointer;
}

.sentinel-form button {
  border: none;
  cursor: pointer;
}

/* ADD THE NEW OVERWATCH CSS HERE */

.fleet-punchline {
  color: #22d3ee;
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.5;
  margin: 0.75rem 0 1rem;
}

.overwatch-quote {
  margin: 1.25rem 0;
  padding: 1rem 1.1rem;
  border-left: 4px solid #22d3ee;
  background: rgba(34, 211, 238, 0.08);
  border-radius: 0 12px 12px 0;
}

.overwatch-quote p {
  margin: 0;
  color: #7dd3fc;
  line-height: 1.55;
}

.overwatch-quote strong {
  color: #e5f9ff;
}

@media(max-width:980px){
  .hero,.contact-section{grid-template-columns:1fr;display:block}
  .hero h1{font-size:2.8rem}
  .links{display:none}
  .hero-art{margin-top:34px}
  .fleet-card img{height:240px}
}