feat(logo): добавлен раздел «Символика знака»

Три блока: главный тезис + три значения + почему не звезда

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/web/app/foundation/logo/page.tsx

@@ -147,7 +147,104 @@ export default function LogoPage() {
         />
       </Section>
 
-      {/* 2. Цветовые варианты */}
+      {/* 2. Символика знака */}
+      <Section
+        id="symbol"
+        title="Символика знака"
+        subtitle="О том, что стоит за формой логотипа."
+      >
+        {/* Главный тезис */}
+        <div
+          className="rounded-xl border p-6 mb-6"
+          style={{ borderColor: "var(--bb-border)", background: "var(--bb-sidebar-bg)" }}
+        >
+          <p className="text-sm leading-relaxed" style={{ color: "var(--bb-text)" }}>
+            В знаке клиники — три округлых элемента, расположенных с равной дистанцией от центра.
+            Это создаёт ощущение симметрии, порядка и движения, но без завершённой формы (звезды или круга).
+          </p>
+          <div className="mt-4 flex flex-col gap-2">
+            {[
+              "Сохраняет баланс и лёгкость",
+              "Намекает на естественность и органику",
+              "Не замыкает символ — оставляет «дыхание», открытость",
+            ].map(item => (
+              <div key={item} className="flex items-start gap-2.5">
+                <div
+                  className="w-1.5 h-1.5 rounded-full mt-1.5 shrink-0"
+                  style={{ background: "var(--brand-053m)" }}
+                />
+                <p className="text-sm" style={{ color: "var(--bb-text-muted)" }}>{item}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* Три значения */}
+        <div className="grid grid-cols-1 gap-4 sm:grid-cols-3 mb-6">
+          {[
+            {
+              num: "1",
+              title: "Незамкнутая симметрия",
+              text: "Это процесс, а не результат. Знак говорит: «мы развиваемся, мы живые, мы не идеальны, но гармоничны».",
+            },
+            {
+              num: "2",
+              title: "Три элемента",
+              text: "Классическая структура уха–горла–носа. Триада равновесия, ритм дыхания, символ доверия и открытости.",
+            },
+            {
+              num: "3",
+              title: "Отсутствие замкнутости",
+              text: "Нет барьера — есть приглашение. Открытая форма передаёт заботу, доступность и человечность.",
+            },
+          ].map(item => (
+            <div
+              key={item.num}
+              className="rounded-xl border p-5"
+              style={{ borderColor: "var(--bb-border)" }}
+            >
+              <div
+                className="w-7 h-7 rounded-full flex items-center justify-center text-xs font-bold mb-3"
+                style={{ background: "#e0f5f4", color: "var(--brand-073m)" }}
+              >
+                {item.num}
+              </div>
+              <p className="font-medium text-sm mb-2" style={{ color: "var(--bb-text)" }}>
+                {item.title}
+              </p>
+              <p className="text-sm leading-relaxed" style={{ color: "var(--bb-text-muted)" }}>
+                {item.text}
+              </p>
+            </div>
+          ))}
+        </div>
+
+        {/* Почему не звезда */}
+        <div
+          className="rounded-xl border p-5 flex gap-4"
+          style={{ borderColor: "#e0f5f4", background: "#f8fffe" }}
+        >
+          <div
+            className="w-8 h-8 rounded-full flex items-center justify-center shrink-0 mt-0.5"
+            style={{ background: "#e0f5f4" }}
+          >
+            <span className="text-base leading-none">○</span>
+          </div>
+          <div>
+            <p className="font-medium text-sm mb-1.5" style={{ color: "var(--bb-text)" }}>
+              Почему нет законченной звезды
+            </p>
+            <p className="text-sm leading-relaxed" style={{ color: "var(--bb-text-muted)" }}>
+              Звезда — символ завершённости и сакрального порядка. Знак клиники — символ жизни
+              и взаимодействия. Он ближе по духу к живой биоморфной форме (капли, клетки, лепестки),
+              чем к идеальной математической фигуре. Такой дизайн передаёт не «власть формы»,
+              а заботу, мягкость и человечность.
+            </p>
+          </div>
+        </div>
+      </Section>
+
+      {/* 3. Цветовые варианты */}
       <Section
         id="variants"
         title="Цветовые варианты"