.lg-hero { position: relative; overflow: hidden; padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(1.4rem, 3vw, 2.2rem); }
.lg-hero__in { max-width: 840px; margin: 0 auto; }
.lg-hero .hq-step__pill { margin: 0 0 1.1rem; }
.lg-hero__h { margin: 0; font-family: var(--hq-ff-display); font-weight: 800; font-size: clamp(2.4rem, 6vw, 4rem); line-height: 1.04; color: var(--hq-text); }
.lg-hero__h em { font-style: italic; font-weight: 600; color: var(--hq-gold-2); }
.lg-hero__meta { margin: 1.1rem 0 0; font-family: var(--hq-ff-body); font-weight: var(--hq-fw-bd); font-size: 1rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--hq-muted); }
.lg-hero__lead { margin: 1.3rem 0 0; font-family: var(--hq-ff-body); font-weight: var(--hq-fw-body); font-size: clamp(1.1rem, 1.8vw, 1.25rem); line-height: 1.7; color: var(--hq-cream); }

.lg-body { padding: clamp(1.2rem, 3vw, 2.4rem) 0 clamp(3rem, 6vw, 5rem); }
.lg-body__in { max-width: 840px; margin: 0 auto; }
.lg-body h2 { margin: clamp(2rem, 4vw, 2.8rem) 0 0.8rem; font-family: var(--hq-ff-display); font-weight: 800; font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.15; color: var(--hq-text); }
.lg-body h2 em { font-style: italic; font-weight: 600; color: var(--hq-gold-2); }
.lg-body h3 { margin: 1.6rem 0 0.6rem; font-family: var(--hq-ff-display); font-weight: 700; font-size: clamp(1.2rem, 2vw, 1.5rem); color: var(--hq-cream); }
.lg-body p { margin: 0.9rem 0 0; font-family: var(--hq-ff-body); font-weight: var(--hq-fw-body); font-size: 1.08rem; line-height: 1.75; color: var(--hq-soft); }
.lg-body strong, .lg-body b { font-weight: var(--hq-fw-bd); color: var(--hq-cream); }
.lg-body a { color: var(--hq-gold-2); }
.lg-body a:hover { color: var(--hq-cream); }
.lg-body ul { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.7rem; }
.lg-body li { position: relative; padding-left: 1.8rem; font-family: var(--hq-ff-body); font-weight: var(--hq-fw-body); font-size: 1.06rem; line-height: 1.65; color: var(--hq-soft); }
.lg-body li::before { content: ""; position: absolute; left: 0; top: 0.34em; width: 1rem; height: 1rem; background: var(--hq-gold-2); -webkit-mask: url(/assets/icons/sparkles.svg) center / contain no-repeat; mask: url(/assets/icons/sparkles.svg) center / contain no-repeat; }
.lg-body__rule { height: 2px; border: none; margin: clamp(2.2rem, 4vw, 3rem) 0 0; background: linear-gradient(90deg, transparent, var(--hq-line-2), transparent); }
