Bariki cashback, order edit, and current work in progress

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

apps/landing/app/landing.css

@@ -419,6 +419,129 @@ a:hover {
 .policy__footer a {
   color: inherit;
 }
+.policy__legal {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 20px;
+  flex-basis: 100%;
+}
+
+/* страница цен */
+.pr-plans {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+  margin-top: 16px;
+}
+.pr-plan {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 18px;
+  border-radius: 20px;
+  background: #fff;
+  border: 1.5px solid rgba(74, 16, 40, 0.12);
+}
+.pr-plan[data-plan='plus'] {
+  background: var(--bc-pink);
+  border-color: var(--bc-pink);
+}
+.pr-plan[data-plan='elite'] {
+  background: var(--bc-perks);
+  border-color: var(--bc-perks);
+}
+.pr-plan h3 {
+  margin: 0;
+  font-family: var(--bc-font-head);
+  font-weight: 800;
+  font-style: italic;
+  font-size: 26px;
+  line-height: 1.1;
+  color: var(--bc-plum);
+}
+.pr-plan__price {
+  font-family: var(--bc-font-head);
+  font-weight: 600;
+  font-size: 18px;
+  color: var(--bc-plum);
+}
+.pr-plan ul {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin: 4px 0 0;
+  padding: 0;
+  list-style: none;
+  font-size: 15px;
+  line-height: 1.4;
+}
+.pr-plan li {
+  display: flex;
+  gap: 8px;
+  align-items: flex-start;
+}
+.pr-plan li svg {
+  flex: none;
+  margin-top: 2px;
+  color: var(--bc-plum);
+}
+.pr-plan small {
+  margin-top: auto;
+  padding-top: 8px;
+  font-size: 13px;
+  line-height: 1.4;
+  color: var(--bc-ink-2);
+}
+.pr-group h3 {
+  margin: 24px 0 4px;
+  font-family: var(--bc-font-head);
+  font-size: 18px;
+  color: var(--bc-plum);
+}
+.pr-list {
+  margin: 0;
+  border-radius: 20px;
+  background: #fff;
+  padding: 4px 18px;
+}
+.pr-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 16px;
+  padding: 12px 0;
+}
+.pr-row + .pr-row {
+  border-top: 1px solid rgba(74, 16, 40, 0.1);
+}
+.pr-row dt {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  font-weight: 600;
+}
+.pr-row dt a {
+  color: inherit;
+}
+.pr-row dt small {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 1.4;
+  color: var(--bc-ink-2);
+}
+.pr-row dd {
+  margin: 0;
+  flex: none;
+  font-family: var(--bc-font-head);
+  font-weight: 600;
+  white-space: nowrap;
+  color: var(--bc-plum);
+}
+@media (max-width: 720px) {
+  .pr-plans {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
 @media (max-width: 720px) {
   .wrap {
     padding: 12px 16px 24px;