:root {
  --font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.pilot-wrap { max-width: 1160px; }
.pilot-header { display: flex; justify-content: center; padding: 34px 0 38px; position: relative; }
.pilot-logo { align-items: center; display: flex; flex-direction: column; text-decoration: none; user-select: none; }
.pilot-logo__brand { align-items: center; display: inline-flex; gap: 16px; white-space: nowrap; }
.pilot-logo__mark {
  background: var(--on-accent); border-radius: 16px; box-shadow: 0 8px 24px rgba(var(--shadow-rgb), .55), 0 0 0 2px rgba(var(--amber-rgb), .3);
  display: grid; height: 60px; overflow: hidden; place-items: center; width: 60px;
}
.pilot-logo__mark img { display: block; height: 100%; object-fit: cover; transform: scale(1.2); width: 100%; }
.pilot-logo__auto { color: var(--amber-ink); font-size: 44px; font-weight: 800; letter-spacing: .01em; line-height: 1; }
.pilot-logo__rama {
  background: var(--amber); border-radius: 13px; box-shadow: 0 8px 24px rgba(var(--amber-rgb), .3); color: var(--on-accent);
  font-size: 44px; font-weight: 800; letter-spacing: .01em; line-height: 1; margin-left: -8px; padding: 7px 16px 9px;
}
.pilot-logo__caption { color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; margin-top: 25px; text-transform: uppercase; }
.pilot-logo:hover .pilot-logo__caption { color: var(--amber-ink); }
.pilot-breadcrumbs { align-items: center; color: var(--muted); display: flex; font-size: 13px; font-weight: 600; gap: 8px; margin: -18px 0 22px; }
.pilot-breadcrumbs a { color: var(--muted); }
.pilot-breadcrumbs a:hover { color: var(--amber-ink); }
.pilot-breadcrumbs span[aria-hidden="true"] { color: var(--faint); }
.pilot-breadcrumbs span[aria-current="page"] { color: var(--ink); }
.pilot-kicker { color: var(--amber-ink); font-size: 11px; font-weight: 800; letter-spacing: .09em; margin: 0 0 9px; text-transform: uppercase; }

.pilot-hero { align-items: stretch; display: grid; gap: 18px; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); margin-top: 4px; }
.pilot-hero__copy, .pilot-market-card {
  background: linear-gradient(180deg, var(--panel), var(--panel-2)); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); padding: 28px;
}
.pilot-hero h1 { font-size: 38px; max-width: none; }
.pilot-hero h1 span { display: block; }
.pilot-hero h1 .pilot-hero__latin { color: var(--muted); }
.pilot-hero h1 .pilot-hero__suffix { color: var(--ink); }
.pilot-market-card { display: flex; flex-direction: column; justify-content: center; }
.pilot-market-card__heading { font-size: 20px; margin: 0 0 2px; }
.pilot-market-card__price { color: var(--amber-ink); font-size: 34px; font-weight: 800; letter-spacing: -.03em; margin: 6px 0 22px; }
.pilot-market-card__stats { display: grid; gap: 12px; }
.pilot-market-card__stats div { border-top: 1px solid var(--line); display: flex; gap: 16px; justify-content: space-between; padding-top: 11px; }
.pilot-market-card__stats span { color: var(--muted); font-size: 12px; }
.pilot-market-card__stats b { font-size: 12px; text-align: right; }
.pilot-update-note { color: var(--muted); font-size: 12px; font-weight: 600; line-height: 1.45; margin: 16px 0 0; }

.pilot-sec-head { display: block; position: relative; text-align: center; }
.pilot-sec-head--with-link > a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.pilot-section-lead { color: var(--muted); font-size: 13px; margin: -4px auto 16px; max-width: 76ch; text-align: center; }

.pilot-generations { display: grid; gap: 10px; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.pilot-generations--auto { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
.pilot-generation {
  align-items: center; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; display: flex; flex-direction: column;
  justify-content: center; min-height: 96px; padding: 15px 13px; text-align: center; transition: .16s;
}
.pilot-generation strong { font-size: 17px; }
.pilot-generation .pilot-generation__code { color: var(--amber-ink); font-size: 13px; font-weight: 800; line-height: 1.35; margin-top: 7px; }
.pilot-generation .pilot-generation__years { color: var(--muted); font-size: 13px; line-height: 1.35; margin-top: 2px; }
.pilot-generation:hover { background: var(--amber-soft); border-color: var(--amber-line); color: var(--amber-ink); transform: translateY(-2px); }

.pilot-listings { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pilot-listing { background: var(--panel); border: 1px solid var(--line); border-radius: 13px; overflow: hidden; transition: .16s; }
.pilot-listing:hover { border-color: var(--amber-line); box-shadow: 0 12px 30px rgba(var(--shadow-rgb), .28); transform: translateY(-2px); }
.pilot-listing__image { aspect-ratio: 16/10; background: var(--surface-2); position: relative; }
.pilot-listing__image img { display: block; height: 100%; object-fit: cover; width: 100%; }
.pilot-listing__body { padding: 13px; }
.pilot-listing__price { color: var(--amber-ink); font-size: 17px; font-weight: 800; }
.pilot-listing__title { font-size: 14px; font-weight: 800; line-height: 1.4; margin-top: 3px; }
.pilot-listing__title span { color: var(--amber-ink); }
.pilot-listing__meta { color: var(--muted); font-size: 12px; margin-top: 4px; }
.pilot-empty { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; color: var(--muted); grid-column: 1/-1; padding: 24px; }

.pilot-table-wrap { overflow-x: auto; }
.pilot-table { min-width: 680px; }
.pilot-table th, .pilot-table td, .pilot-table th:first-child, .pilot-table td:first-child { text-align: center; }
.pilot-table th { color: var(--muted); font-family: var(--font); font-size: 15px; font-weight: 800; letter-spacing: 0; text-transform: none; }
.pilot-table td:first-child a { color: var(--ink); display: block; font-weight: 800; padding: 3px; }
.pilot-table td:first-child span { color: var(--amber-ink); font-weight: 800; }
.pilot-table td:first-child a:hover { color: var(--amber-ink); }
.pilot-accent { color: var(--amber-ink); font-weight: 800; }

.pilot-city-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pilot-city-card {
  background: var(--panel); border: 1px solid var(--line); border-radius: 12px; display: flex; flex-direction: column; min-height: 108px;
  padding: 15px; transition: .16s;
}
.pilot-city-card strong { font-size: 15px; }
.pilot-city-card > span { color: var(--muted); font-size: 12px; margin-top: 7px; }
.pilot-city-card > span b { color: inherit; }
.pilot-city-card em { color: var(--amber-ink); font-size: 13px; font-style: normal; font-weight: 800; margin-top: auto; padding-top: 12px; }
.pilot-city-card:hover { background: var(--amber-soft); border-color: var(--amber-line); transform: translateY(-2px); }

.pilot-engine-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pilot-engine-card { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 19px; }
.pilot-engine-card__top { align-items: baseline; display: flex; gap: 16px; justify-content: space-between; }
.pilot-engine-card h3 { font-size: 18px; margin: 0; }
.pilot-engine-card h3 span { color: var(--amber-ink); }
.pilot-engine-card__top > strong { color: var(--muted); font-size: 12px; white-space: nowrap; }
.pilot-engine-card dl { margin: 15px 0; }
.pilot-engine-card dl div { border-top: 1px solid var(--line-2); display: grid; gap: 12px; grid-template-columns: 95px 1fr; padding: 8px 0; }
.pilot-engine-card dt { color: var(--faint); font-size: 12px; }
.pilot-engine-card dd { font-size: 13px; font-weight: 700; margin: 0; }
.pilot-engine-card > a, .pilot-text-link { color: var(--amber-ink); font-size: 12px; font-weight: 800; }
.pilot-engine-card > a:hover, .pilot-text-link:hover { text-decoration: underline; }

.pilot-latest { display: grid; gap: 22px; grid-template-columns: .9fr 1.1fr; padding: 26px; }
.pilot-latest__intro h3 { font-size: 27px; margin: 0; }
.pilot-latest__intro h3 span, .pilot-powertrains h4 span { color: var(--amber-ink); }
.pilot-latest__intro > p:not(.pilot-kicker) { color: var(--muted); font-size: 13px; max-width: 52ch; }
.pilot-latest__summary { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; margin-top: 18px; }
.pilot-latest__summary div { background: var(--panel-2); border: 1px solid var(--line); border-radius: 10px; padding: 11px; }
.pilot-latest__summary span { color: var(--faint); display: block; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.pilot-latest__summary strong { display: block; font-size: 12px; margin-top: 3px; }
.pilot-powertrains { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; }
.pilot-powertrains article { background: var(--panel-2); border: 1px solid var(--line); border-radius: 12px; padding: 17px; }
.pilot-powertrains h4 { font-size: 15px; margin: 0 0 10px; }
.pilot-powertrains ul { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 0; padding-left: 18px; }
.pilot-latest__actions { align-items: center; display: flex; gap: 20px; grid-column: 1/-1; }
.pilot-latest__actions .cta { margin: 0; }

@media (max-width: 980px) {
  .pilot-generations { grid-template-columns: repeat(4, 1fr); }
  .pilot-city-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pilot-latest { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .pilot-header { align-items: center; flex-direction: column; gap: 20px; }
  .pilot-logo__mark { border-radius: 13px; height: 48px; width: 48px; }
  .pilot-logo__auto, .pilot-logo__rama { font-size: 34px; }
  .pilot-logo__rama { border-radius: 10px; padding: 6px 12px 7px; }
  .pilot-hero { grid-template-columns: 1fr; }
  .pilot-hero h1 { font-size: 30px; }
  .pilot-sec-head--with-link > a { display: block; margin-top: 7px; position: static; transform: none; }
  .pilot-listings { grid-template-columns: repeat(2, 1fr); }
  .pilot-city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pilot-engine-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .pilot-header { padding: 26px 0 30px; }
  .pilot-logo__brand { gap: 12px; }
  .pilot-logo__mark { height: 42px; width: 42px; }
  .pilot-logo__auto, .pilot-logo__rama { font-size: 29px; }
  .pilot-logo__rama { margin-left: -6px; padding: 5px 10px 6px; }
  .pilot-hero__copy, .pilot-market-card { padding: 21px; }
  .pilot-generations { grid-template-columns: repeat(2, 1fr); }
  .pilot-listings, .pilot-powertrains { grid-template-columns: 1fr; }
  .pilot-city-grid { grid-template-columns: 1fr; }
  .pilot-market-card__price { font-size: 30px; }
  .pilot-market-card__stats div { align-items: flex-start; flex-direction: column; gap: 3px; }
  .pilot-market-card__stats b { text-align: left; }
  .pilot-engine-card__top, .pilot-latest__actions { align-items: flex-start; flex-direction: column; }
  .pilot-latest__summary { grid-template-columns: 1fr; }
}