moving

apps/www/app/_components/FinalCTA.module.css

@@ -0,0 +1,71 @@
+.section {
+  position: relative;
+  padding: var(--section-pad) var(--gutter);
+  text-align: center;
+  overflow: hidden;
+  border-top: 1px solid var(--line-soft);
+}
+
+.glow {
+  position: absolute;
+  bottom: -300px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 900px;
+  height: 520px;
+  background: radial-gradient(
+    ellipse at center,
+    rgba(233, 165, 44, 0.1) 0%,
+    rgba(233, 165, 44, 0.03) 45%,
+    transparent 70%
+  );
+  pointer-events: none;
+}
+
+.inner {
+  position: relative;
+  max-width: 640px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.headline {
+  font-size: clamp(2.125rem, 4.5vw, 3.25rem);
+  font-weight: 800;
+  letter-spacing: -0.03em;
+  color: var(--hive-50);
+  margin-bottom: 18px;
+}
+
+.subhead {
+  font-size: var(--text-lead);
+  line-height: 1.6;
+  color: var(--hive-300);
+  margin-bottom: 36px;
+}
+
+.ctaRow {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 14px;
+  margin-bottom: 40px;
+}
+
+.kvark {
+  font-size: 13px;
+  color: var(--text-muted);
+}
+
+.kvarkLink {
+  color: var(--honey-400);
+  text-decoration: none;
+  font-weight: 600;
+  margin-left: 6px;
+}
+
+.kvarkLink:hover {
+  color: var(--honey-300);
+}