@import url("leasing.css");
/* Solutions page (/solutions/): OnTheFly maintenance tracking software (Bennett 2026-11-12). Built on the Leasing page's
   shell and styles (imported above: hero, option cards, form); these are the extras. */

.sol-page .lease-hero-photo img { object-position: 50% 55%; }

/* partners: the two logos and a line about who makes OnTheFly */
.otf-partner { border-bottom: 1px solid #e4e9f0; background: #ffffff; }
.otf-partner-inner { display: flex; align-items: center; gap: 32px; padding-top: 36px; padding-bottom: 36px; }
.otf-partner-hi { width: 130px; height: auto; flex: none; }
.otf-partner-otf { width: 112px; height: auto; flex: none; }
.otf-partner-rule { width: 1px; height: 56px; background: #e4e9f0; flex: none; }
.sol-page .otf-partner-text { margin: 0 0 0 12px; max-width: 600px; font-size: 15px; line-height: 1.65; color: #64748B; }

/* how it works: four steps, each ending with what it produces */
.otf-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #e4e9f0; border: 1px solid #e4e9f0; }
.otf-step { display: flex; flex-direction: column; background: #ffffff; padding: 32px 26px 28px; border-top: 3px solid #0A285A; }
.sol-page .otf-step h3 { margin: 0 0 10px; font: 700 21px/1.25 Roboto, Arial, Helvetica, sans-serif; color: #0A285A; }
.sol-page .otf-step > p:not(.lease-option-tag):not(.otf-result) { margin: 0 0 18px; font-size: 15px; line-height: 1.65; color: #64748B; }
.sol-page .otf-result { margin: auto 0 0; padding-top: 14px; border-top: 1px solid #e4e9f0; font: 600 13.5px/1.5 Montserrat, Arial, Helvetica, sans-serif; color: #0A285A; }

/* the two modules, side by side, using the leasing option cards */
.otf-modules { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #e4e9f0; border: 1px solid #e4e9f0; }

/* fits your operation: a navy band, text left, the subscription card right */
.sol-covers { background: #0A285A; color: #ffffff; }
.sol-covers-inner { display: grid; grid-template-columns: 6fr 5fr; gap: 64px; align-items: center; }
.sol-page .sol-covers .lease-eyebrow { color: #c9d9f0; }
.sol-page .sol-covers .lease-title { color: #ffffff; }
.sol-page .sol-covers .lease-divider { background: #c9d9f0; }
.sol-page .otf-lead { font-size: 17px; line-height: 1.7; color: #dbe5f3; }
.otf-sub { background: #ffffff; color: #1f1f1f; border-radius: 4px; padding: 34px 32px; box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .6); }
.sol-page .otf-sub h3 { margin: 0 0 10px; font: 700 22px/1.25 Roboto, Arial, Helvetica, sans-serif; color: #0A285A; }
.sol-page .otf-sub > p { margin: 0; font-size: 16px; line-height: 1.65; color: #475569; }
.sol-page .otf-sub-button { margin-top: 24px; background: #0A285A; color: #ffffff !important; border-color: #0A285A; }

/* checklists */
.sol-page .sol-checks { list-style: none; margin: 0; padding: 0; }
.sol-page .sol-checks li { position: relative; list-style: none; margin: 0; padding: 12px 0 12px 32px; border-bottom: 1px solid #e4e9f0; font-size: 16px; line-height: 1.5; color: #1f1f1f; }
.sol-page .sol-checks li::before { content: ""; position: absolute; left: 3px; top: 17px; width: 12px; height: 7px;
  border-left: 2px solid #0A285A; border-bottom: 2px solid #0A285A; transform: rotate(-45deg); }
.sol-page .sol-checks-one { margin-top: 22px; border-top: 1px solid #e4e9f0; }

/* why Helicopters Inc.: text left, the OnTheFly Systems card right */
.otf-why { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
.sol-page .otf-why-lead { font-size: 17px; line-height: 1.7; color: #475569; }
.sol-page .otf-more { margin: 22px 0 0; }
.sol-page .otf-more a { font: 600 14px/1.4 Montserrat, Arial, Helvetica, sans-serif; letter-spacing: .5px; color: #0A285A; text-decoration: none; border-bottom: 2px solid #c9d9f0; }
.sol-page .otf-more a:hover { border-bottom-color: #0A285A; }
.otf-about { background: #f8fafc; border: 1px solid #e4e9f0; border-left: 3px solid #0A285A; padding: 30px 30px 28px; }
.otf-about img { display: block; width: 150px; height: auto; margin: 0 0 16px; }
.sol-page .otf-about-title { margin: 0 0 8px; font: 700 17px/1.3 Roboto, Arial, Helvetica, sans-serif; color: #0A285A; }
.sol-page .otf-about p:last-child { margin: 0; font-size: 15px; line-height: 1.65; color: #475569; }

/* the form's select box, matching the text fields */
.sol-page .lease-form select { width: 100%; box-sizing: border-box; min-height: 48px; padding: 10px 12px; border: 1px solid #d5dde8; border-radius: 3px; background: #ffffff;
  font: 400 15px/1.4 "Open Sans", Arial, Helvetica, sans-serif; color: #1f1f1f; }

@media (max-width: 1023px) {
  .otf-steps { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 960px) {
  .sol-covers-inner, .otf-why { grid-template-columns: 1fr; gap: 36px; }
  .otf-modules { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .otf-partner-inner { flex-wrap: wrap; gap: 20px; }
  .otf-partner-hi { width: 100px; }
  .otf-partner-otf { width: 92px; }
  .sol-page .otf-partner-text { margin: 0; flex-basis: 100%; }
}
@media (max-width: 599px) {
  .otf-steps { grid-template-columns: 1fr; }
  .otf-sub { padding: 28px 22px; }
}
.sol-page .otf-lead { margin: 0 0 14px; }
.sol-page .otf-lead:last-child { margin-bottom: 0; }