/* Bidix pilot page (1.3.0). Uses the site tokens from site.css. */
.pilot { padding-top: clamp(3rem, 7vw, 5rem); }
.pilot__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 480px); grid-template-areas: "intro form" "demo form" "perks form"; column-gap: clamp(2rem, 5vw, 4rem); row-gap: 1.75rem; align-items: start; }
.pilot__intro { grid-area: intro; }
.pilot__demo { grid-area: demo; }
.pilot__perks { grid-area: perks; }
.pilot__form { grid-area: form; color: var(--ink); position: sticky; top: 96px; }
.pilot__logo { margin-bottom: 1.2rem; }
.pilot__title em { font-style: normal; color: var(--spark); }
.pilot__demo .eyebrow { margin-bottom: .7rem; }
.pilot__video { border-radius: var(--r-lg); overflow: hidden; background: #1A1A18; box-shadow: 0 30px 70px rgba(0, 0, 0, .45), 0 0 0 1px rgba(245, 241, 234, .1); }
.pilot__video video { width: 100%; aspect-ratio: 16 / 9; background: var(--bx-ink); }
.pilot__note { margin: .7rem 0 0; font-size: .85rem; color: rgba(245, 241, 234, .6); }
.pilot__list { display: grid; gap: .8rem; }
.pilot__list li { display: grid; grid-template-columns: 22px 1fr; gap: .75rem; color: rgba(245, 241, 234, .75); }
.pilot__list strong { color: var(--paper); font-weight: 600; }
.pilot__list .icon { color: var(--spark); margin-top: 3px; width: 20px; height: 20px; }
.pilot__ask { margin: 1.4rem 0 0; padding-top: 1.1rem; border-top: 1px solid rgba(245, 241, 234, .14); color: rgba(245, 241, 234, .72); max-width: 60ch; }
.pilot__ask strong { color: var(--paper); }
.pilot-form__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 1rem; }
.pilot-form__head .h3 { margin: 0; font-family: var(--serif); font-size: 1.45rem; }
.pilot-form .consent { margin: 1.1rem 0 1.2rem; }
.pilot-form__send { width: 100%; justify-content: center; padding: 1rem 1.3rem; font-size: 1rem; }
.pilot-form__fine { text-align: center; font-size: .82rem; margin: .8rem 0 0; }
.pilot-hint { font-weight: 400; color: var(--muted); font-size: .8rem; }
.pilot-done { display: grid; gap: .6rem; }
.pilot-done__ok { width: 44px; height: 44px; border-radius: 999px; background: var(--spark); color: var(--bx-ink); display: grid; place-items: center; }
.pilot-done .h3 { font-family: var(--serif); font-size: 1.6rem; margin: .3rem 0 0; }
@media (max-width: 960px) {
	.pilot__grid { grid-template-columns: 1fr; grid-template-areas: "intro" "perks" "form" "demo"; }
	.pilot__form { position: static; }
}
@media (max-width: 560px) {
	.pilot-form .form__grid { grid-template-columns: 1fr; }
}
.pilot-done__ok .icon { width: 22px; height: 22px; }