/* Live page additions: booking button emphasis, How it works, closing call to action. */
html{scroll-behavior:smooth}
body{height:auto}
.pill.contact{background:#e9efff;color:#07102a;border-color:#e9efff;font-weight:600}
.pill.contact:hover{background:#fff;border-color:#fff}
.motion{left:154px}

.how{padding:120px var(--edge) 40px;max-width:1240px;margin:0 auto}
.how-label{font-size:12px;color:#b7c1d6;margin-bottom:16px}
.how h2,.end h2{font-size:clamp(30px,3vw,44px);font-weight:450;letter-spacing:-.045em;line-height:1.15}
.steps{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr)}
.steps li{position:relative;border-top:1px solid #4a5d86;padding:34px 36px 0 0}
.steps li:last-child{border-top-color:#a7baff}
.steps .signal{position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--energy);box-shadow:0 0 14px #5e82ff}
.step{font-size:12px;color:#b7c1d6;margin-bottom:12px}
.steps h3{font-size:20px;font-weight:550;letter-spacing:-.025em;margin:0 0 12px}
.steps li p:not(.step){font-size:15px;line-height:1.65;color:#c3cbe0}
.steps li p+p:not(.step){margin-top:10px}
.end{padding:110px var(--edge) 130px;max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.pill.book{display:inline-flex;align-items:center;gap:22px;font-size:16px;padding:15px 22px;background:#e9efff;color:#07102a;border-color:#e9efff;font-weight:600}
.pill.book:hover{background:#fff;border-color:#fff}
.site-foot{border-top:1px solid #1c2a46;padding:26px var(--edge);font-size:12px;color:#8e9ab3}

@media(max-width:800px){
  .steps{grid-template-columns:1fr;gap:40px}
  .steps li{border-top:none;border-left:1px solid #4a5d86;padding:0 0 0 24px}
  .steps li:last-child{border-left-color:#a7baff}
  .steps .signal{left:-4px;top:6px}
  .how{padding-top:80px}
  .end{padding:80px var(--edge) 96px}
}
@media(max-width:520px){
  .end .pill.book{width:100%;justify-content:center}
}
