/* HUGO-1975 — the customer's walkthrough video (HUGO-2163: the three step cards are gone). */
.getting-started { scroll-margin-top: 90px; padding-bottom: 80px; }
.getting-started .section-head { max-width: 850px; margin-bottom: 24px; }
.start-video h2, .start-ready h2 { margin: 0 0 10px; font: 700 25px/1.15 var(--display); letter-spacing: -.025em; }
.start-video { min-width: 0; margin: 0; padding: 28px; border-radius: 30px; background: var(--ink); color: var(--cream); }
.start-video .eyebrow { color: var(--yellow); }
.start-video h2 { font-size: 30px; margin-top: 14px; }
.start-video p { color: #cec6b8; font-size: 15px; line-height: 1.6; margin: 0 0 24px; }
.start-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; max-height: 520px; border-radius: 16px; background: #000; }
.start-video-download { display: inline-block; margin-top: 18px; color: var(--yellow); font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.start-bottom { display: flex; align-items: center; justify-content: space-between; gap: 36px; margin-top: 28px; padding: 28px; border-radius: 26px; background: #20594b; color: #fff; }
.start-ready { display: flex; align-items: flex-start; gap: 18px; max-width: 660px; }
.start-check { flex: 0 0 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #ffffff26; font-size: 26px; }
.start-ready h2 { font-size: 23px; }
.start-ready p { margin: 0; font-size: 14px; line-height: 1.6; color: #e0eeea; }
.start-ready a { text-decoration: underline; text-underline-offset: 3px; }
.start-action { flex-shrink: 0; text-align: center; }
.start-action p { margin: 10px 0 0; font-size: 12px; color: #e0eeea; }
.getting-started a:focus-visible, .getting-started video:focus-visible { outline: 3px solid var(--yellow-deep); outline-offset: 5px; }
@media (max-width: 980px) {
  .start-bottom { flex-direction: column; align-items: stretch; gap: 24px; }
}
@media (max-width: 560px) {
  .start-video, .start-bottom { padding: 22px 18px; }
  .start-check { display: none; }
  .start-action .btn { width: 100%; white-space: normal; }
}