/* Formium Alliance: "Book a strategy call" (formium-contact). Minimal, Apple-like: one quiet headline, then the booking widget on its own full screen. */
.fb { position: relative; z-index: 0; overflow: hidden; height: 100vh; height: 100svh; min-height: 540px; box-sizing: border-box; padding-top: 104px; display: flex; flex-direction: column; background: #000; color: #fff; font-family: var(--fa-font, 'Geist', system-ui, sans-serif); }
.fb::before { content: ''; position: absolute; left: 50%; top: -340px; width: 1000px; height: 640px; transform: translateX(-50%); background: radial-gradient(closest-side, rgba(230, 0, 35, .2), rgba(230, 0, 35, .05) 60%, rgba(230, 0, 35, 0)); filter: blur(30px); pointer-events: none; z-index: -1; }

/* 1) headline */
.fb__hero { flex: none; max-width: 820px; margin: 0 auto; padding: 22px 20px 20px; text-align: center; }
#book .fb__h { margin: 0 !important; font-size: var(--fa-title, 56px) !important; line-height: var(--fa-title-lh, 1.06) !important; letter-spacing: var(--fa-title-ls, -.03em) !important; font-weight: 400 !important; color: #fff !important; text-wrap: balance; }
#book .fb__sub { margin: 12px auto 0 !important; max-width: 480px; font-size: 16px !important; line-height: 1.5 !important; color: rgba(255, 255, 255, .6) !important; text-wrap: balance; }
.fb__meta { display: none; margin: 26px 0 0; justify-content: center; flex-wrap: wrap; gap: 6px 28px; padding: 0; list-style: none; font-size: 14px; color: rgba(255, 255, 255, .5); }
.fb__meta li { position: relative; }
.fb__meta li + li::before { content: ''; position: absolute; left: -15px; top: 50%; width: 3px; height: 3px; margin-top: -1.5px; border-radius: 50%; background: rgba(255, 255, 255, .32); }

/* 2) the form, a full screen of its own */
.fb__stage { flex: 1 1 auto; min-height: 0; padding: 0 20px 58px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }   /* the widget sits in the middle of what is left under the headline */
.fb__cal { width: 100%; max-width: 1060px; margin: 0 auto; }   /* no frame of our own: Cal's card is the container */
#my-cal-inline-strategy-call { width: 100%; min-height: 360px; overflow: visible; zoom: 1.2; }   /* the widget is scaled by formium-book.js so it fits the screen (about 1.2x when there is room) */
.fb__alt { position: absolute; left: 0; right: 0; bottom: 20px; margin: 0; text-align: center; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .5); }
.fb__alt a { color: #fff; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255, 255, 255, .35); transition: text-decoration-color .3s; }
.fb__alt a:hover { text-decoration-color: #E60023; }

/* gentle entrance */
@keyframes fb-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.fb__hero > *, .fb__cal { animation: fb-up .9s cubic-bezier(.22, 1, .36, 1) both; }
.fb__hero > :nth-child(2) { animation-delay: .06s; } .fb__hero > :nth-child(3) { animation-delay: .12s; } .fb__cal { animation-delay: .18s; }
@media (prefers-reduced-motion: reduce) { .fb__hero > *, .fb__cal { animation: none; } }

@media (max-height: 700px) and (min-width: 768px) { #book .fb__sub { display: none; } .fb__hero { padding-bottom: 12px; } }
@media (max-width: 767px) {
  .fb { height: auto; min-height: 0; display: block; padding-top: 0; }
  .fb__hero { padding: 140px 18px 40px; }
  #book .fb__sub { display: block; }
  #book .fb__sub { font-size: 14px !important; }
  .fb__meta { gap: 4px 24px; font-size: 13px; } .fb__meta li + li::before { left: -13px; }
  .fb__stage { display: block; padding: 0 12px 56px; }
  .fb__alt { position: static; margin-top: 30px; }
  #my-cal-inline-strategy-call { min-height: 600px; zoom: 1 !important; }
}