/* tark-common.css — site-wide shared blocks (both CSS generations link this).
   .lighthouse-banner: top promo banner (all pages).
   .footer_borders: initial clip-path state for the scroll-draw footer border
   (index/book-demo/tos/privacy animate it; about-us overrides with clip-path:none). */

.lighthouse-banner {
      background-color: #03b892;
      background-image: linear-gradient(90deg, #65a3f5, #6778de 50%, #fe9695);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 16px 12px;
      position: relative;
      overflow: hidden;
    }
    .lighthouse-banner__inner { display: flex; justify-content: center; align-items: center; }
    .lighthouse-banner__text {
      margin: 0;
      padding: 0;
      font-family: 'DM Sans', Arial, sans-serif;
      font-size: 12.6px;
      line-height: 1.4;
      font-weight: 500;
      letter-spacing: normal;
      color: #fff;
      text-align: center;
    }
    .lighthouse-banner::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
      animation: lighthouse-banner-shimmer 4s ease-in-out infinite;
      pointer-events: none;
    }
    @keyframes lighthouse-banner-shimmer {
      0%, 100% { transform: translateX(-100%); }
      50% { transform: translateX(100%); }
    }

.footer_borders {
          clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
        }

        .footer_component>.divider-horizontal {
          clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        }