.flight-hero {
  color: #f5faef;
  background: radial-gradient(ellipse at 78% 35%, #316b55, transparent 54%), #0b2926;
}
.flight-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, .8fr);
  align-items: center;
  gap: clamp(30px, 6vw, 96px);
  padding-block: clamp(48px, 6vw, 92px);
}
.flight-edition {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--mint);
  font-size: .83rem;
  font-weight: 700;
}
.flight-edition img { border-radius: 13px; }
.flight-hero h1 {
  margin-block: 22px 18px;
  font-size: clamp(2.8rem, 6vw, 6rem);
  line-height: 1.08;
  letter-spacing: -.055em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.flight-hero h1:focus { outline: none; }
.flight-lead {
  max-width: 38em;
  color: #dcebe3;
  font-size: clamp(1rem, 1.45vw, 1.22rem);
  line-height: 1.7;
}
.flight-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-block: 25px 14px;
}
.flight-more { color: var(--mint); font-size: .9rem; font-weight: 650; }
.flight-more:hover { text-decoration: underline; }
.flight-availability, .flight-demo figcaption {
  color: #c5d9cd;
  font-size: .79rem;
  line-height: 1.6;
}
.flight-demo { text-align: center; }
.flight-screen {
  width: min(100%, 292px);
  margin-inline: auto;
  padding: 7px;
  border: 1px solid #b2d5bb65;
  border-radius: 29px;
  background: #0b2624;
  box-shadow: 0 20px 56px #021814a0;
}
.flight-screen video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  border-radius: 22px;
  background: #b8d0d2;
}
.flight-demo figcaption { margin-block-start: 14px; }
.flight-features { padding-block: clamp(58px, 7vw, 104px); }
.flight-feature-heading { margin-block-end: 28px; }
.flight-feature-heading h2 { margin-block-start: 10px; }
.flight-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.flight-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--white);
}
.flight-card img { width: 100%; height: 230px; object-fit: cover; background: #dce9e5; }
.flight-card .flight-card-globe { object-position: center 64%; }
.flight-card .flight-card-interface { object-position: center 20%; }
.flight-card .flight-card-export { object-position: center 72%; }
.flight-card-copy { padding: 22px; }
.flight-card-copy span { font-size: .8rem; font-weight: 750; color: #3d755c; }
.flight-card-copy h3 { margin-block: 8px; font-size: 1.34rem; line-height: 1.3; }
.flight-card-copy p { color: #526c62; line-height: 1.65; }
html[dir="rtl"] .flight-hero h1 { letter-spacing: normal; }

@media (max-width: 760px) {
  .flight-hero-grid, .flight-feature-grid { grid-template-columns: minmax(0, 1fr); }
  .flight-hero-grid { gap: 32px; }
  .flight-screen { width: min(100%, 245px); }
}
@media (prefers-reduced-motion: reduce) {
  .flight-actions .button { transition: none; }
  .flight-actions .button:hover { transform: none; }
}