/* Book a discovery call — public page. Design tokens only. */

/* Immersive hero behind the transparent navbar (like the other heroes). */
body.book-page .site-main { padding-top: 0 !important; }

/* Compact branded gradient hero — short, so the form is visible immediately. */
.book-hero {
  position: relative;
  min-height: clamp(300px, 40vh, 380px);
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: calc(var(--space-8, 3rem) + 56px) var(--space-5, 1.25rem) var(--space-9, 4rem);
  overflow: hidden;
  background:
    radial-gradient(120% 120% at 50% -20%, rgba(212, 175, 55, .18) 0%, rgba(212, 175, 55, 0) 55%),
    linear-gradient(160deg, #0c2340 0%, #143257 60%, #0c2340 100%);
}
.book-hero__inner { position: relative; z-index: 2; max-width: 720px; }
.book-hero .pub-hero__eyebrow { color: var(--color-accent, #d4af37); letter-spacing: .14em; }
.book-hero .pub-hero__title { color: #fff; font-size: clamp(2rem, 4.5vw, 3.2rem); margin: var(--space-2, .5rem) 0; }
.book-hero .pub-hero__subtitle { color: rgba(255, 255, 255, .9); max-width: 600px; margin: 0 auto; }

/* Card sits clearly BELOW the hero with breathing room (no overlap). */
.book-section { padding-top: var(--space-6, 1.5rem); }
.book-section .pub-section__inner { margin-top: var(--space-5, 1.25rem); position: relative; z-index: 3; }

.book-card {
  background: var(--surface-raised, #fff);
  border: 1px solid var(--color-border, #e6e8ec);
  border-radius: var(--radius-lg, 20px);
  padding: var(--space-7, 2rem);
  box-shadow: 0 1.5rem 3rem rgba(12, 35, 64, .14);
  display: flex; flex-direction: column; gap: var(--space-4, 1rem);
  max-width: 640px; margin-inline: auto;
}
.book-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4, 1rem); }
.book-opt { color: var(--text-tertiary, #718096); font-weight: 400; font-size: var(--font-size-xs, .78rem); }

/* time-of-day chips */
.book-times { display: flex; gap: var(--space-2, .5rem); }
.book-time { flex: 1; }
.book-time input { position: absolute; opacity: 0; pointer-events: none; }
.book-time span {
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: .6rem .4rem; cursor: pointer; height: 100%;
  border: 1px solid var(--color-border, #e6e8ec); border-radius: var(--radius-md, 12px);
  font-size: var(--font-size-sm, .85rem); color: var(--text-secondary, #4a5568); transition: all .15s ease;
}
.book-time input:checked + span {
  border-color: var(--color-accent, #d4af37);
  box-shadow: 0 0 0 2px var(--color-accent, #d4af37) inset;
  color: var(--text-primary, #0c2340);
}

.book-submit { width: 100%; justify-content: center; margin-top: var(--space-1, .25rem); }

.book-trust {
  list-style: none; margin: var(--space-2, .5rem) 0 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3, .75rem) var(--space-5, 1.25rem);
}
.book-trust li { display: inline-flex; align-items: center; gap: .4rem; font-size: var(--font-size-sm, .85rem); color: var(--text-tertiary, #718096); }
.book-trust i { color: var(--color-accent, #d4af37); }

@media (max-width: 560px) {
  .book-row { grid-template-columns: 1fr; }
  .book-section .pub-section__inner { margin-top: var(--space-4, 1rem); }
}