/* Company / product page app introduction. Scoped to avoid changing the LP. */
.park-promo {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 32px;
  width: min(calc(100% - 32px), 960px);
  margin: 32px auto;
  padding: 32px;
  border: 1px solid #e6d9c6;
  border-radius: 16px;
  background: linear-gradient(120deg, #fffdfa, #f8f0e3);
  color: #2d2a26;
  text-align: left;
  line-height: 1.8;
  scroll-margin-top: 90px;
}
.park-promo *, .park-promo *::before, .park-promo *::after { box-sizing: border-box; }
.park-promo__body, .park-promo__preview { min-width: 0; }
.park-promo .park-promo__eyebrow { margin: 0 0 6px; color: #b84231; font-size: 12px; font-weight: 700; }
.park-promo .park-promo__title { margin: 0; padding: 0; font-size: 26px; line-height: 1.5; color: #2d2a26; }
.park-promo__title span { display: inline-block; font-size: 13px; font-weight: 400; }
.park-promo .park-promo__catch { margin: 12px 0 6px; font-size: 15px; font-weight: 700; }
.park-promo .park-promo__text { margin: 0; font-size: 13px; color: #625c55; }
.park-promo .park-promo__free { margin: 12px 0 8px; font-size: 13px; font-weight: 700; color: #a43828; }
.park-promo .park-promo__button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 44px; padding: 10px 20px; background: #b84231; border-radius: 8px; font-size: 14px; color: #fff; text-decoration: none; font-weight: 700; }
.park-promo .park-promo__button:hover { background: #933222; }
.park-promo a:focus-visible { outline: 3px solid #225fb0; outline-offset: 4px; }
.park-promo .park-promo__former { margin: 8px 0 0; color: #70695f; font-size: 11px; }
.park-promo .park-promo__features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; list-style: none; margin: 0; padding: 0; }
.park-promo__features li { margin: 0; padding: 0; }
.park-promo__features a { display: block; color: #2d2a26; text-align: center; font-size: 11px; font-weight: 700; text-decoration: none; }
.park-promo__features a:hover { color: #b84231; }
.park-promo__visual { position: relative; display: block; width: 100%; aspect-ratio: 1; overflow: hidden; margin-bottom: 8px; border-radius: 10px; background: #dbe7f2; box-shadow: 0 3px 12px #40331a12; }
.park-promo__visual img { display: block; position: absolute; height: auto; max-width: none; }
.park-promo__visual--stamp img { width: 220%; left: -9%; top: -108%; }
.park-promo__visual--weather img { width: 100%; top: 0; left: 0; }
.park-promo__visual--widget { background: radial-gradient(ellipse at 10% 90%, #eed8b9 0, transparent 60%), linear-gradient(145deg, #c3dde6, #90b3c2 65%, #718f9e); }
.park-promo__visual--widget img { width: 61%; top: 12%; left: 7%; border-radius: 18%; box-shadow: 0 5px 12px #223e4933; }
.park-promo__app { position: absolute; display: grid; place-items: center; width: 17%; aspect-ratio: 1; border-radius: 24%; background: #f9fbf7e6; color: #718b91; }
.park-promo__app svg { width: 58%; height: 58%; }
.park-promo__app--photo { top: 14%; right: 8%; }
.park-promo__app--calendar { top: 41%; right: 8%; }
.park-promo__dock { position: absolute; bottom: 6%; left: 7%; width: 86%; height: 19%; display: flex; align-items: center; justify-content: space-around; padding: 3%; border: 1px solid #ffffff40; border-radius: 8px; background: #ffffff45; }
.park-promo__dock .park-promo__app { position: static; width: 19%; }
.park-promo__dock .park-promo__app:nth-child(1) { background: #e0eee1; color: #6b9972; }
.park-promo__dock .park-promo__app:nth-child(2) { background: #e1edf3; color: #6d9db2; }
.park-promo__dock .park-promo__app:nth-child(3) { background: #f2e1d8; color: #bd8b72; }
.park-promo .park-promo__demo { margin: 10px 0 0; color: #70695f; font-size: 10px; text-align: center; }
.park-promo--compact { max-width: 880px; grid-template-columns: 1.4fr 1fr; padding: 24px; gap: 24px; }
.park-promo--compact .park-promo__title { font-size: 23px; }
@media (max-width: 700px) {
  .park-promo, .park-promo--compact { grid-template-columns: 1fr; gap: 20px; padding: 22px 20px; margin: 24px auto; }
  .park-promo .park-promo__title { font-size: 23px; }
  .park-promo__title span { font-size: 12px; }
  .park-promo .park-promo__catch { font-size: 13px; }
  .park-promo__preview { width: 100%; max-width: 380px; margin: auto; }
  .park-promo__features a { font-size: 10px; }
  .park-promo__visual { border-radius: 8px; }
}