/* Pilot pages shared styles (privacy & pricing) */

.pilot-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Override font on pricing page to a modern sans while keeping code-like accents */
.pricing-page { font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; }

.pricing-page .page-title { letter-spacing: -0.01em; }
.pricing-page .plan-price { font-weight: 700; letter-spacing: -0.01em; }
.pricing-page .plan-name { font-weight: 600; }

/* Use the same Inter font on privacy page for consistency */
.privacy-page { font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; }
.privacy-page .page-title { letter-spacing: -0.01em; }

.pilot-header-space { height: 56px; }

.pilot-main {
  flex: 1 1 auto;
  display: grid;
  place-items: start center;
  padding: 48px 0 72px;
}

.pilot-container {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px;
}

.glass-card {
  background: linear-gradient(180deg, rgba(30, 58, 138, 0.16), rgba(2, 6, 12, 0.35));
  border: 1px solid rgba(96, 165, 250, 0.2);
  border-radius: 16px;
  padding: clamp(18px, 3vw, 28px);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12), 0 12px 48px rgba(0,0,0,0.35);
  backdrop-filter: blur(6px);
}

.content-narrow { max-width: 820px; margin: 0 auto; }

.page-title {
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.15;
  margin: 0 0 6px;
  text-shadow: 0 0 22px rgba(37, 99, 235, 0.25);
}

.page-subtitle {
  color: var(--fg-dim);
  margin: 0 0 18px;
}

.stamp {
  display: inline-block;
  font-size: 12px;
  color: var(--fg-dim);
  border: 1px dashed rgba(96,165,250,0.35);
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(255,255,255,0.03);
  margin: 8px 0 0;
}

/* Privacy page rich text (dark prose) */
.prose-dark {
  line-height: 1.7;
  color: var(--fg-0);
}
.prose-dark h2 {
  font-size: 20px;
  margin: 18px 0 10px;
}
.prose-dark p { margin: 12px 0; color: var(--fg-0); }
.prose-dark ul { margin: 10px 0 10px 20px; padding: 0; }
.prose-dark li { margin: 6px 0; color: var(--fg-0); }
.prose-dark strong { color: var(--fg-0); }

/* Pricing layout */
.pricing-wrap { width: 100%; }
.pricing-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 760px) {
  .pricing-grid { grid-template-columns: 1fr 1fr; }
}

.plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 16px;
  padding: 18px;
  background: linear-gradient(180deg, rgba(30,58,138,0.18), rgba(2,6,12,0.35));
  box-shadow: 0 0 0 1px rgba(37,99,235,0.10), 0 10px 36px rgba(0,0,0,0.35);
  backdrop-filter: blur(6px);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.plan-card:hover { transform: translateY(-2px); border-color: rgba(34,211,238,0.35); }

.plan-card.disabled {
  opacity: 0.68;
  pointer-events: none;
  cursor: not-allowed;
  background: linear-gradient(180deg, rgba(30,58,138,0.12), rgba(2,6,12,0.25));
}

.plan-header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.plan-name { font-size: 18px; letter-spacing: 0.02em; }
.plan-price { font-size: 32px; }

.pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--fg-0);
  border: 1px solid rgba(96,165,250,0.35);
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(255,255,255,0.04);
}

.plan-features { list-style: none; padding: 0; margin: 10px 0 16px; display: grid; gap: 8px; }
.plan-features li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; color: var(--fg-0); }

.check { width: 18px; height: 18px; color: var(--cyan); opacity: 0.9; }

.actions { margin-top: auto; display: flex; gap: 10px; }
.btn[aria-disabled="true"], .btn.disabled { opacity: 0.6; pointer-events: none; cursor: not-allowed; }

.btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(34,211,238,0.45), 0 0 0 4px rgba(37,99,235,0.35);
}

/* Reduced motion: disable background pulse and hover elevation */
@media (prefers-reduced-motion: reduce) {
  .plan-card, .btn { transition: none !important; }
  .plan-card:hover { transform: none !important; }
  .bg-overlay::after { animation: none !important; }
}