:root {
  --navy:#061727;
  --navy-deep:#03111d;
  --panel:#0a2237;
  --panel-2:#0c2942;
  --panel-3:#102f4b;
  --cyan:#12b8ee;
  --blue:#0878db;
  --blue-bright:#078cff;
  --line:#24425a;
  --line-soft:#17354b;
  --text:#eef7ff;
  --muted:#9db3c3;
  --green:#40d37a;
  --red:#ff5b54;
  --amber:#f5b62b;
  --purple:#a56cff;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:74px; background:var(--navy-deep); }
body {
  margin:0;
  background:
    radial-gradient(circle at 18% 0%, rgba(14,113,180,.16), transparent 34%),
    linear-gradient(180deg,#061727 0%,#071b2c 50%,#04111d 100%);
  color:var(--text);
  font-family:Barlow,Arial,sans-serif;
  font-size:16px;
}
a { color:inherit; text-decoration:none; }
.feature-emphasis {
  color:#fff;
  font-weight:800;
  text-decoration-line:underline;
  text-decoration-color:#29d2f6;
  text-decoration-thickness:3px;
  text-underline-offset:4px;
  text-decoration-skip-ink:none;
}
.page-width { width:min(1180px,calc(100% - 42px)); margin:0 auto; }

/* HEADER */
.store-header {
  position:sticky;
  top:0;
  z-index:20;
  border-top:3px solid var(--cyan);
  border-bottom:1px solid #102f47;
  background:rgba(3,17,29,.98);
  box-shadow:0 6px 25px rgba(0,0,0,.26);
  backdrop-filter:blur(8px);
}
.store-header__inner { display:flex; min-height:68px; align-items:center; gap:30px; }
.wordmark {
  display:flex;
  align-items:center;
  gap:9px;
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
}
.wordmark b { color:var(--cyan); font-weight:800; }
.wordmark__mark {
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  color:#fff;
  border:1px solid #1ccaf4;
  border-radius:50%;
  background:linear-gradient(135deg,#0879ad,#0ba7d8);
  box-shadow:0 0 18px rgba(18,184,238,.18);
  font-size:14px;
}
.store-header nav { display:flex; gap:30px; margin-left:auto; color:#d2e0ea; font-size:13px; font-weight:700; }
.store-header nav a { transition:color .18s ease; }
.store-header nav a:hover { color:var(--cyan); }
.header-button {
  padding:10px 16px;
  color:#16c9f5;
  border:1px solid #168ab0;
  background:#071f31;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  transition:.18s ease;
}
.header-button:hover { color:#fff; border-color:var(--cyan); background:#0b3853; }

/* PAGE */
main { background:transparent; }
.store-section { padding:34px 0 0; }
.included { background:transparent; }
.title-rule { display:flex; align-items:center; justify-content:center; gap:18px; }
.title-rule i { width:84px; height:1px; background:#31536c; }
.title-rule h1,
.section-title,
.info-band h2,
.purchase-warning h2,
.final-cta h2 {
  margin:0;
  font-family:Rajdhani,Arial,sans-serif;
  font-weight:700;
  text-transform:uppercase;
}
.title-rule h1 { color:#fff; font-size:24px; line-height:1; letter-spacing:.015em; }
.section-intro { margin:8px 0 26px; color:#8ea9bc; text-align:center; font-size:14px; }

/* FEATURE CARDS */
.feature-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:9px; }
.feature-card {
  min-height:210px;
  padding:18px 13px 16px;
  border:1px solid #24455f;
  border-radius:6px;
  background:linear-gradient(180deg,rgba(13,43,68,.96),rgba(7,29,47,.97));
  box-shadow:0 8px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
  text-align:center;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.feature-card:hover { transform:translateY(-2px); border-color:#32709b; background:linear-gradient(180deg,#103550,#08233a); }
.feature-icon {
  display:grid;
  width:44px;
  height:44px;
  margin:0 auto 12px;
  place-items:center;
  color:#18aaf2;
  border:1px solid #23628c;
  border-radius:5px;
  background:#0a2943;
  box-shadow:inset 0 0 18px rgba(0,143,255,.06);
  font-family:Rajdhani,Arial,sans-serif;
  font-size:23px;
  font-weight:700;
}
.icon-mic { border-radius:50%; font-size:14px; box-shadow:inset 0 0 0 8px #0a2943; background:#139ce7; color:#071d30; }
.icon-cabin { font-size:10px; letter-spacing:2px; }
.feature-card h2 { margin:0 0 8px; color:#f3f8fc; font-family:Rajdhani,Arial,sans-serif; font-size:16px; font-weight:700; line-height:1.05; text-transform:uppercase; }
.feature-card p { margin:0; color:#a9bdcb; font-size:12px; line-height:1.42; }
.included-banner {
  margin:10px 0 0;
  padding:10px 14px;
  color:#b4dff8;
  border:1px solid #176499;
  border-radius:5px;
  background:#082a45;
  text-align:center;
  font-size:13px;
}
.included-banner span { margin-right:7px; color:#18b9ef; }

/* ADDITIONAL CAPABILITIES */
.capabilities { margin-top:28px; padding:25px 0 4px; border-top:1px solid #1a405a; }
.capabilities__heading { margin-bottom:14px; text-align:center; }
.capabilities__heading p { margin:0 0 5px; color:var(--cyan); font-family:Rajdhani,Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.12em; }
.capabilities__heading h2 { margin:0; color:#fff; font-size:23px; line-height:1; }
.capabilities__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.capability-card { min-height:132px; padding:16px 17px; border:1px solid #244b66; background:linear-gradient(145deg,#0a2539,#071b2a); box-shadow:0 8px 18px rgba(0,0,0,.13); }
.capability-card h3 { margin:0 0 7px; color:#1cc9f1; font-family:Rajdhani,Arial,sans-serif; font-size:17px; line-height:1; text-transform:uppercase; }
.capability-card p { margin:0; color:#afc2d0; font-size:12px; line-height:1.42; }

/* AIRCRAFT */
.aircraft-section { padding:20px 0 10px; background:transparent; }
.purchase-warning {
  display:flex;
  gap:16px;
  align-items:center;
  margin:0 0 18px;
  padding:14px 18px;
  border:1px solid #9f302d;
  border-left:4px solid var(--red);
  border-radius:6px;
  background:linear-gradient(90deg,rgba(76,14,18,.57),rgba(18,21,32,.88));
  box-shadow:0 7px 22px rgba(0,0,0,.16);
}
.purchase-warning__icon {
  display:grid;
  width:42px;
  height:42px;
  flex:0 0 42px;
  place-items:center;
  color:#fff;
  border:2px solid #ff625d;
  border-radius:50%;
  background:#a12627;
  font-size:24px;
  font-weight:800;
  line-height:1;
}
.purchase-warning h2 { margin-bottom:4px; color:#ff7670; font-size:18px; line-height:1; }
.purchase-warning p { margin:0; color:#d5b6b5; font-size:13px; line-height:1.34; }
.purchase-warning__final { margin-top:4px !important; color:#ff635d !important; font-weight:800; text-transform:uppercase; }

.section-title { margin-bottom:3px; color:#fff; font-size:19px; line-height:1; }
.aircraft-intro { max-width:810px; margin:0 0 14px; color:#9bb0bf; font-size:13px; line-height:1.38; }
.table-wrap {
  overflow-x:auto;
  border:1px solid #28475d;
  border-radius:6px;
  background:#071b2c;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.aircraft-table { width:100%; min-width:1120px; border-collapse:collapse; font-size:11px; }
.aircraft-table th {
  padding:9px 9px;
  color:#dceefe;
  border-bottom:1px solid #2a5c7c;
  background:#0c2d49;
  font-size:10px;
  line-height:1.1;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.aircraft-table th:nth-child(3),
.aircraft-table th:nth-child(4),
.aircraft-table th:nth-child(5),
.aircraft-table td:nth-child(3),
.aircraft-table td:nth-child(4),
.aircraft-table td:nth-child(5) { text-align:center; }
.aircraft-table td {
  padding:6px 9px;
  color:#b7c8d4;
  border-bottom:1px solid #19374d;
  line-height:1.25;
  vertical-align:middle;
  background:#071d30;
}
.aircraft-table tbody tr:nth-child(even) td { background:#092238; }
.aircraft-table tbody tr:hover td { background:#0d2b45; }
.aircraft-table tbody tr:last-child td { border-bottom:0; }
.aircraft-table td:first-child { color:#f2f7fb; font-size:11px; font-weight:700; white-space:nowrap; }
.aircraft-table td:nth-child(2) { color:#86a1b4; }
.aircraft-table td:last-child { color:#a6bac8; }
.yes,.voice-full { color:var(--green); font-size:15px; font-weight:800; }
.no,.voice-limited { color:var(--red); font-size:15px; font-weight:800; }
.legend { margin:9px 0 0; color:#8da6b6; font-size:11px; text-align:left; }
.legend .yes,.legend .voice-full,.legend .voice-limited { font-size:13px; }

/* INFO BANDS */
.information-stack { display:grid; gap:8px; padding:17px 0 28px; }
.info-band {
  display:flex;
  align-items:center;
  gap:15px;
  min-height:67px;
  padding:11px 17px;
  border:1px solid transparent;
  border-radius:6px;
  box-shadow:0 7px 22px rgba(0,0,0,.13);
}
.info-band h2 { margin-bottom:3px; font-size:16px; line-height:1; }
.info-band p { margin:0; font-size:12px; line-height:1.42; }
.info-icon { flex:0 0 37px; font-family:Rajdhani,Arial,sans-serif; font-size:31px; font-weight:700; text-align:center; }
.info-band--connection { border-color:#176aa5; background:linear-gradient(90deg,#082944,#071d30); }
.info-band--connection .info-icon,.info-band--connection h2 { color:#20aef4; }
.info-band--connection p { color:#a6c6da; }
.info-band--warning { border-color:#9b6a16; background:linear-gradient(90deg,#332507,#121d25); }
.info-band--warning .info-icon,.info-band--warning h2 { color:var(--amber); }
.info-band--warning p { color:#d5c49c; }
.info-band--advanced { border-color:#6442b2; background:linear-gradient(90deg,#21133f,#101c2d); }
.info-band--advanced .info-icon,.info-band--advanced h2 { color:#a979ff; }
.info-band--advanced p { color:#c6b8dd; }
.info-band--value { border-color:#247943; background:linear-gradient(90deg,#0b3822,#0d2429); }
.info-band--value .info-icon,.info-band--value h2 { color:#45d87e; }
.info-band--value p { color:#add2b9; }
.info-band--support { border-color:#246391; background:linear-gradient(90deg,#08253d,#0a1d2c); }
.info-band--support .info-icon,.info-band--support h2 { color:#27aef0; }
.info-band--support p { color:#a7c0cf; }
.info-band > div:nth-child(2) { flex:1; }
.info-band > a,.support-links a {
  display:inline-flex;
  flex:0 0 172px;
  align-items:center;
  justify-content:center;
  width:172px;
  min-width:172px;
  padding:9px 15px;
  color:#dff4ff;
  border:1px solid #297eb8;
  background:#092843;
  font-size:11px;
  font-weight:800;
  text-align:center;
  text-transform:uppercase;
  transition:.18s ease;
}
.info-band > a:hover,.support-links a:hover { border-color:#36bafa; background:#0d3a5e; }
.support-links { display:flex; gap:7px; }

/* FINAL CTA */
.final-cta {
  margin-top:2px;
  border-top:1px solid #0f83ca;
  border-bottom:1px solid #0877bc;
  background:linear-gradient(90deg,#076bbd,#0b92eb 55%,#0872c6);
  box-shadow:0 -5px 24px rgba(0,0,0,.18);
}
.final-cta__inner { display:flex; align-items:center; gap:18px; min-height:88px; }
.final-cta__icon {
  display:grid;
  width:52px;
  height:52px;
  flex:0 0 52px;
  place-items:center;
  border:2px solid rgba(255,255,255,.76);
  border-radius:50%;
  color:#fff;
  font-size:25px;
}
.final-cta__copy { flex:1; }
.final-cta h2 { color:#fff; font-size:21px; line-height:1; }
.final-cta p { margin:4px 0 0; color:#dff4ff; font-size:13px; }
.final-cta__button {
  padding:11px 26px;
  color:#0674c7;
  border:1px solid rgba(255,255,255,.85);
  background:#fff;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.final-cta__button:hover { background:#eaf7ff; }

/* SCREENSHOT GALLERY */
.showcase {
  padding:28px 0 30px;
  border-top:1px solid #163e59;
  background:linear-gradient(180deg,#04111d,#061b2b);
}
.showcase__heading { margin-bottom:14px; text-align:center; }
.showcase__heading p {
  margin:0 0 5px;
  color:var(--cyan);
  font-family:Rajdhani,Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
.showcase__heading h2 {
  margin:0;
  color:#fff;
  font-size:23px;
  line-height:1;
}
.showcase__heading span { display:block; margin-top:7px; color:var(--muted); font-size:12px; }
.showcase__image-wrap {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:300px;
  padding:10px;
  border:1px solid #22638a;
  background:#020d17;
  box-shadow:0 12px 26px rgba(0,0,0,.26), inset 0 0 30px rgba(4,131,207,.06);
}
.showcase__image-wrap img { display:block; max-width:100%; max-height:540px; object-fit:contain; }
.showcase__thumbs { display:flex; gap:9px; overflow-x:auto; padding:14px 2px 2px; scrollbar-color:#258fc4 #061725; }
.showcase__thumb {
  display:grid;
  grid-template-columns:64px auto;
  flex:0 0 auto;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:4px;
  color:#a9c2d4;
  border:1px solid #28506b;
  background:#071d2e;
  font:700 11px Barlow,Arial,sans-serif;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.showcase__thumb:hover,.showcase__thumb.is-active { color:#fff; border-color:#20c3ed; background:#0b334d; }
.showcase__thumb img { display:block; width:64px; height:38px; object-fit:cover; border:1px solid #214a66; }

/* FOOTER */
.store-footer {
  padding:19px 0;
  color:#829bab;
  border-top:1px solid #173247;
  background:#03111d;
  font-size:11px;
}
.store-footer .page-width { display:flex; justify-content:space-between; }

@media (max-width:1050px) {
  .feature-grid { grid-template-columns:repeat(4,1fr); }
  .feature-card { min-height:170px; }
  .feature-card:last-child { grid-column:2 / span 2; }
  .capabilities__grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:700px) {
  .page-width { width:min(100% - 26px,1180px); }
  .store-header__inner { min-height:58px; gap:12px; }
  .wordmark { font-size:11px; }
  .wordmark__mark { width:23px; height:23px; }
  .store-header nav { display:none; }
  .header-button { margin-left:auto; padding:8px 9px; font-size:10px; }
  .store-section { padding-top:26px; }
  .title-rule { gap:9px; }
  .title-rule i { width:20px; }
  .title-rule h1 { font-size:20px; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .feature-card { min-height:185px; }
  .feature-card:last-child { grid-column:auto; }
  .capabilities { margin-top:20px; padding-top:21px; }
  .capabilities__grid { grid-template-columns:1fr; }
  .capability-card { min-height:0; padding:15px; }
  .purchase-warning { align-items:flex-start; padding:12px; }
  .purchase-warning__icon { width:33px; height:33px; flex-basis:33px; font-size:18px; }
  .info-band { align-items:flex-start; padding:12px; }
  .info-icon { flex-basis:27px; font-size:25px; }
  .info-band--connection,.info-band--advanced,.info-band--value,.info-band--support { flex-wrap:wrap; }
  .info-band--connection > a,.info-band--advanced > a,.info-band--value > a,.support-links { margin-left:42px; }
  .support-links { width:calc(100% - 42px); }
  .support-links a { flex:1 1 0; width:auto; min-width:0; text-align:center; }
  .showcase { padding:22px 0 24px; }
  .showcase__image-wrap { min-height:180px; }
  .showcase__thumb { grid-template-columns:54px auto; }
  .showcase__thumb img { width:54px; height:33px; }
  .final-cta__inner { flex-wrap:wrap; padding:15px 0; }
  .final-cta__copy { min-width:calc(100% - 75px); }
  .final-cta__button { width:100%; text-align:center; }
  .store-footer .page-width { gap:8px; flex-direction:column; }
}