/* final CTA (template: band border-top, box h600 min 520, bordered, padding 48/32, gap 24, ThreadField bg) */
.cta { box-shadow: inset 0 1px var(--line); }
.cta__box { position: relative; width: 100%; max-width: var(--rail); height: 600px; min-height: 520px; overflow: clip; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; padding: 48px 32px; box-shadow: inset 1px 0 var(--line), inset -1px 0 var(--line), inset 0 -1px var(--line); text-align: center; }
.cta__threads { position: absolute; inset: 0; }
.cta__scrim { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(38% 42%, #110f0deb 0%, #110f0d99 55%, #110f0d00 100%); }
.cta__edge { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(80% 75%, #110f0d00 50%, #110f0df5 100%); }
.cta__h { position: relative; z-index: 1; max-width: 900px; }
.cta__p { position: relative; z-index: 1; max-width: 620px; }
.cta__acts { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; }
@media (max-width: 809.98px) { .cta__box { height: 560px; padding: 56px 16px; box-shadow: inset 0 -1px var(--line); } .cta__acts { flex-direction: column; } }