
:root{
  --navy:#10192a; --blue:#3036ef; --blue2:#7894df; --bg:#f4f4f5;
  --text:#121827; --muted:#606677; --white:#fff; --line:#e3e5ea;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{color:#3238e8;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:40}
.navbar{max-width:1180px;margin:auto;height:46px;display:flex;align-items:center;padding:0 18px;gap:28px}
.brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:13px;letter-spacing:.02em;margin-right:auto}
.brand img{width:61px;height:29px;object-fit:contain;background:#fff;border:0}
.navlinks{display:flex;align-items:center;gap:24px;font-size:12px}
.navlinks a{color:#fff}
.dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;right:0;top:22px;min-width:195px;background:#fff;border:1px solid #ddd;box-shadow:0 10px 24px #0002;padding:8px}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;color:#111;padding:8px 10px}
.hero-band{position:relative;overflow:hidden;background:#7894df;color:#fff;text-align:center;padding:34px 20px;isolation:isolate}
.hero-band h1{margin:0;font-size:34px}
.container{max-width:920px;margin:auto;padding:46px 28px}
.home-hero{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:66px 28px}
.home-hero h1{font-size:46px;line-height:.95;margin:0 0 8px}
.home-hero h2{font-size:20px;color:#697080;margin:0 0 8px;font-weight:500}
.home-hero p{max-width:510px}
.home-hero img{max-width:470px;margin:auto}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:start}
.section{padding:38px 0}
h2{font-size:28px;margin:0 0 12px}
h3{font-size:19px;margin:24px 0 8px}
.aircraft-table{border-collapse:collapse;width:100%;font-size:14px;margin-top:16px}
.aircraft-table th,.aircraft-table td{padding:5px 8px;border-bottom:1px solid #ddd;text-align:left}
.aircraft-table th{background:#ececee}
.home-aircraft-img{width:100%;max-width:450px;margin-bottom:14px}
.mission-img{max-width:400px}
.cta{background:linear-gradient(165deg,#6973f0 0 55%,#343aeb 55%);color:#fff;padding:34px;border-radius:10px;margin:38px auto;max-width:760px;text-align:center;box-shadow:0 4px 16px #0002}
.form-card{background:#ffffff66;padding:25px;border-radius:10px;max-width:540px;margin:18px auto 0}
.form-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;margin:9px 0;text-align:left}
input,select{width:100%;padding:9px;border:1px solid #adb3c4;border-radius:3px;background:#fff}
button{padding:9px 18px;background:#fff;border:1px solid #cad0df;border-radius:3px;cursor:pointer}
.page-card{background:#fff;padding:30px;box-shadow:0 2px 8px #0001}
.join-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:45px;align-items:start}
.join-logo{width:170px;margin:10px auto 30px}
.steps li{margin-bottom:15px}
.faq h2{font-size:18px;margin-top:28px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.gallery{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.thumb-link{display:block;overflow:visible}
.thumb{width:145px;height:95px;object-fit:cover;border-radius:4px;box-shadow:0 2px 5px #0003;transition:transform .18s ease,box-shadow .18s ease;position:relative;z-index:1}
.thumb:hover{transform:scale(1.22);z-index:10;box-shadow:0 10px 30px #0005}
.lightbox{display:none;position:fixed;inset:0;background:#000d;z-index:100;align-items:center;justify-content:center;padding:28px}
.lightbox.active{display:flex}
.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain;box-shadow:0 0 30px #000}
.lightbox-close{position:absolute;right:30px;top:18px;color:#fff;font-size:40px;cursor:pointer}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{background:#fff;border-radius:5px;padding:20px;box-shadow:0 2px 8px #0002}
.news-card h2{font-size:20px}
.news-meta{font-size:12px;color:#687083}
.article{max-width:780px;margin:auto}
.article h1{font-size:36px}
.site-footer{background:var(--navy);color:#aeb7ca;padding:28px 15px;text-align:center;font-size:12px;margin-top:44px}
.footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:15px}
.footer-links a{color:#aeb7ca}
@media(max-width:760px){
 .navbar{height:auto;min-height:52px;flex-wrap:wrap;padding:8px 15px}
 .navlinks{width:100%;gap:13px;flex-wrap:wrap;padding-bottom:7px}
 .home-hero,.two-col,.join-layout,.contact-grid{grid-template-columns:1fr}
 .home-hero{padding-top:38px}.home-hero h1{font-size:38px}
 .news-grid{grid-template-columns:1fr}
 .hero-band h1{font-size:28px}
 .form-row{grid-template-columns:1fr}
}

.hero-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:#3036ef;
  clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);
  z-index:-1;
}
.hero-band h1{position:relative;z-index:1}
.gallery{max-width:520px}
.thumb{width:124px;height:94px;border-radius:7px}
@media(max-width:760px){
  .hero-band::before{clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}
}

.news-article{max-width:820px;margin:auto;font-size:15px;line-height:1.65}
.news-article h2{font-size:24px;margin-top:30px}
.news-article h3{font-size:18px;margin-top:26px}
.news-article ul{padding-left:24px}
.news-photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:100%;margin:28px 0}
.news-photo-gallery .thumb{width:100%;height:150px;object-fit:cover}
.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:22px 0 28px;background:#111}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.news-list-card{background:white;border-radius:5px;padding:20px;box-shadow:0 2px 8px #0002}
.news-list-card h2{font-size:20px;margin-top:0}
.news-list-card p{margin-bottom:9px}
@media(max-width:760px){.news-photo-gallery{grid-template-columns:repeat(2,1fr)}.news-photo-gallery .thumb{height:125px}}

/* Make the Our Aircraft fly-out forgiving to mouse movement */
.dropdown{
  position:relative;
  padding-bottom:10px;
  margin-bottom:-10px;
}
.dropdown-menu{
  top:100%;
  right:0;
  margin-top:0;
  padding-top:10px;
}
.dropdown::after{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:100%;
  height:14px;
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu{
  display:block;
}
.dropdown-menu a{
  padding:10px 12px;
  white-space:nowrap;
}
.learn-more-simple{
  align-self:start;
}

.cta a{color:#fff;text-decoration:underline;font-weight:600}
