.confirmation-page { min-height: 100vh; background: var(--teal-deep); color: var(--white); }
.confirmation { position: relative; display: grid; min-height: calc(100vh - 90px); place-items: center; overflow: hidden; padding: 128px var(--gutter) 110px; text-align: center; background: linear-gradient(140deg, #0d2b2d, #153b3c); }
.confirmation::before { position: absolute; top: -25vw; left: -14vw; width: min(62vw, 800px); aspect-ratio: 1; border: 1px solid rgba(145,205,7,.27); border-radius: 50%; content: ''; }.confirmation__orb { position: absolute; right: -12vw; bottom: -28vw; width: min(62vw, 800px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
.confirmation section { position: relative; width: min(100%, 1080px); }.confirmation h1 { font-size: clamp(45px, 5.6vw, 76px); font-weight: 900; line-height: .97; }.confirmation section > p:not(.eyebrow) { max-width: 540px; margin: 18px auto 20px; color: #d6e3df; font-size: 19px; line-height: 1.4; }.booking-context { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; margin: 0 auto 30px; color: #d6e4e0; font-size: 13px; font-weight: 800; letter-spacing: .03em; }.booking-context span { display: inline-flex; align-items: center; }.booking-context span + span::before { width: 4px; height: 4px; margin: 0 13px; border-radius: 50%; background: var(--lime); content: ''; }
.scheduler-stage { display: grid; grid-template-columns: 52px minmax(0, 1fr); max-width: 970px; margin: 0 auto 28px; text-align: left; }.scheduler-stage__rail { display: flex; flex-direction: column; align-items: center; gap: 13px; padding: 26px 0; color: var(--lime); border: 1px solid rgba(145,205,7,.45); border-right: 0; border-radius: 22px 0 0 22px; background: rgba(145,205,7,.11); }.scheduler-stage__rail span { font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }.scheduler-stage__rail i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 6px rgba(145,205,7,.11); }.scheduler-embed { min-height: 756px; overflow: hidden; border: 1px solid rgba(255,255,255,.32); border-radius: 0 22px 22px 0; background: #fff; box-shadow: 0 28px 70px rgba(0,0,0,.22); }.scheduler-embed .meetings-iframe-container, .scheduler-embed iframe { display: block; width: 100% !important; min-height: 756px !important; border: 0; }
@media (max-width: 760px) { .confirmation { padding-top: 128px; }.booking-context { font-size: 12px; }.booking-context span + span::before { margin: 0 9px; }.scheduler-stage { grid-template-columns: 1fr; }.scheduler-stage__rail { flex-direction: row; justify-content: center; padding: 11px; border-right: 1px solid rgba(145,205,7,.45); border-bottom: 0; border-radius: 16px 16px 0 0; }.scheduler-stage__rail span { writing-mode: horizontal-tb; transform: none; }.scheduler-embed { border-radius: 0 0 16px 16px; }.scheduler-embed, .scheduler-embed .meetings-iframe-container, .scheduler-embed iframe { min-height: 820px !important; } }