.hero { background: linear-gradient(180deg, #ffffff 0, #f5f3ff 12%, #9b95ff 26%, #766eff 42%, #5048d9 100%); min-height: 650px; }
.brandRow { align-items: center; display: flex; height: 110px; }
.bookingCard { align-items: stretch; display: grid; grid-template-columns: 1fr; margin: 60px 0 0; min-height: 460px; overflow: hidden; padding: 0; }
.bookingContent { align-self: center; padding: 48px 46px; }
.bookingContent h2 { color: var(--purple); font-size: 40px; letter-spacing: -.035em; line-height: 1.08; margin-bottom: 18px; }
.bookingContent > p:not(.eyebrow) { color: var(--muted); font-size: 18px; line-height: 1.6; }
.bookingContent ul { border-top: 1px solid var(--line); list-style: none; margin: 28px 0 30px; padding: 18px 0 0; }
.bookingContent li { color: var(--ink); font-weight: 700; padding: 10px 0 10px 24px; position: relative; }
.bookingContent li::before { background: var(--purple); border-radius: 50%; content: ''; height: 9px; left: 0; position: absolute; top: 15px; width: 9px; }
.bookingButton { width: 100%; }
.brandLogoLight { background: transparent; filter: none; padding: 0; width: 205px; }
.partnerSection { padding-top: 110px; }
.profileVisual { background: #eceaf7; min-height: 380px; padding: 0; }
.profileVisual::after { display: none; }
.profileVisual img { display: block; height: 100%; min-height: 380px; object-fit: cover; object-position: center top; width: 100%; }
@media (max-width: 900px) { .bookingCard { margin-top: 0; min-height: 0; } }
@media (max-width: 580px) { .bookingCard { padding: 0; } .bookingContent { padding: 34px 25px; } .bookingContent h2 { font-size: 32px; } }