/* Landing Variant A — split hero: copy left, video right. Popup registration. */

.la-hero { padding: 26px 0 20px; }

/* headline at the top — bold and prominent */
.la-h1-top {
  font-size: clamp(2.6rem, 6vw, 4.9rem);
  font-weight: 800;
  letter-spacing: -0.8px;
  line-height: 1.03;
  text-align: center;
  max-width: 17ch;
  margin: 6px auto 42px;
}

/* below headline: video left, 4 lines right */
.la-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 46px; align-items: center; }
.la-media { position: relative; }
.la-points { display: flex; flex-direction: column; }

.la-bullets { list-style: none; padding: 0; margin: 0 0 22px; display: grid; gap: 16px; }
.la-bullets li { display: flex; gap: 13px; align-items: flex-start; font-size: 1.1rem; font-weight: 600; line-height: 1.5; }
.la-bullets .tick { flex: none; width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; background: rgba(110,231,183,0.14); color: var(--mint); font-weight: 800; font-size: 0.9rem; margin-top: 3px; }

.la-close { font-size: 1.12rem; font-weight: 700; color: var(--gold-bright); margin: 0 0 26px; }
.la-cta-row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.la-cta-hint { color: var(--text-muted); font-weight: 600; font-size: 0.95rem; }

/* sections */
.benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.benefit { text-align: center; padding: 32px 22px; transition: transform 0.2s ease, border-color 0.2s ease; }
.benefit:hover { transform: translateY(-5px); border-color: var(--gold-ring); }
.benefit .ic { width: 84px; height: 84px; border-radius: 22px; margin: 0 auto 16px; display: grid; place-items: center; font-size: 3rem; line-height: 1; background: radial-gradient(circle at 35% 25%, rgba(196,160,80,0.22), transparent 70%), var(--bg-2); border: 1px solid var(--gold-ring); box-shadow: 0 10px 26px rgba(0,0,0,0.3); }
.benefit h4 { font-size: 1.32rem; margin: 0 0 8px; }

.agenda-list { display: grid; gap: 14px; max-width: 780px; margin: 0 auto; }
.agenda-item { display: flex; gap: 18px; align-items: flex-start; padding: 20px 22px; transition: transform 0.2s ease, border-color 0.2s ease; }
.agenda-item:hover { transform: translateX(4px); border-color: var(--gold-ring); }
.agenda-num { flex: none; font-weight: 800; font-size: 1.9rem; color: var(--gold-bright); width: 44px; }
.agenda-item h4 { font-size: 1.4rem; margin: 0 0 3px; }

.tst-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.tst { padding: 26px; }
.tst p { font-size: 1.05rem; margin: 0 0 16px; font-weight: 500; }
.tst .who { display: flex; align-items: center; gap: 12px; }
.tst .av { width: 42px; height: 42px; border-radius: 50%; background: var(--gold-grad); color: #1a1206; display: grid; place-items: center; font-weight: 800; }
.stars { color: var(--gold-bright); letter-spacing: 2px; margin-bottom: 10px; }

.faq-list { max-width: 780px; margin: 0 auto; }
.faq { border-bottom: 1px solid var(--border); }
.faq summary { cursor: pointer; padding: 20px 6px; font-weight: 700; font-size: 1.22rem; list-style: none; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--gold-bright); font-size: 1.6rem; font-weight: 400; transition: transform 0.2s ease; }
.faq[open] summary::after { content: "–"; }
.faq p { color: var(--text-muted); padding: 0 6px 20px; margin: 0; font-weight: 500; }

.final-cta { text-align: center; padding: 72px 0; }

@media (max-width: 900px) {
  /* mobile order: headline (already on top) -> video -> 4 lines */
  .la-grid { grid-template-columns: 1fr; gap: 28px; }
  .la-h1-top { margin-bottom: 28px; max-width: none; }
}